web: Components: Formatted code

web/ASC.Web.Components/src/components/advanced-selector/sub-components/row.js

@@ -3,31 +3,43 @@ import PropTypes from "prop-types";
 import Checkbox from "../../checkbox";
 import Link from "../../link";
 
-const ADSelectorRow = props => {
+class ADSelectorRow extends React.Component {
-  const { label, isChecked, style, onChange, onSelect, isMultiSelect, isSelected } = props;
+  render() {
+    const {
+      label,
+      isChecked,
+      style,
+      onChange,
+      onSelect,
+      isMultiSelect,
+      isSelected
+    } = this.props;
 
-  return (
+    console.log("ADSelectorRow render", label, isChecked);
-    <div className={`option ${isSelected && 'selected'}`} style={style}>
+
-      {isMultiSelect ? (
+    return (
-        <Checkbox
+      <div className={`option ${isSelected && "selected"}`} style={style}>
-          label={label}
+        {isMultiSelect ? (
-          isChecked={isChecked}
+          <Checkbox
-          className="option_checkbox"
+            label={label}
-          onChange={onChange}
+            isChecked={isChecked}
-        />
+            className="option_checkbox"
-      ) : (
+            onChange={onChange}
-        <Link
+          />
-          as="span"
+        ) : (
-          truncate={true}
+          <Link
-          className="option_link"
+            as="span"
-          onClick={onSelect}
+            truncate={true}
-        >
+            className="option_link"
-          {label}
+            onClick={onSelect}
-        </Link>
+          >
-      )}
+            {label}
-    </div>
+          </Link>
-  );
+        )}
-};
+      </div>
+    );
+  }
+}
 
 ADSelectorRow.propTypes = {
   label: PropTypes.string,