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 => {
-  const { label, isChecked, style, onChange, onSelect, isMultiSelect, isSelected } = props;
+class ADSelectorRow extends React.Component {
+  render() {
+    const {
+      label,
+      isChecked,
+      style,
+      onChange,
+      onSelect,
+      isMultiSelect,
+      isSelected
+    } = this.props;
 
-  return (
-    <div className={`option ${isSelected && 'selected'}`} style={style}>
-      {isMultiSelect ? (
-        <Checkbox
-          label={label}
-          isChecked={isChecked}
-          className="option_checkbox"
-          onChange={onChange}
-        />
-      ) : (
-        <Link
-          as="span"
-          truncate={true}
-          className="option_link"
-          onClick={onSelect}
-        >
-          {label}
-        </Link>
-      )}
-    </div>
-  );
-};
+    console.log("ADSelectorRow render", label, isChecked);
+
+    return (
+      <div className={`option ${isSelected && "selected"}`} style={style}>
+        {isMultiSelect ? (
+          <Checkbox
+            label={label}
+            isChecked={isChecked}
+            className="option_checkbox"
+            onChange={onChange}
+          />
+        ) : (
+          <Link
+            as="span"
+            truncate={true}
+            className="option_link"
+            onClick={onSelect}
+          >
+            {label}
+          </Link>
+        )}
+      </div>
+    );
+  }
+}
 
 ADSelectorRow.propTypes = {
   label: PropTypes.string,