v3 UI

2026-04-21 22:05:38 -04:00 · 2018-01-12 18:01:27 -08:00
parent 99feff549d
commit 5894b4fd95
1183 changed files with 91622 additions and 4978 deletions
@@ -0,0 +1,68 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import classNames from 'classnames';
+import { icons } from 'Helpers/Props';
+import Icon from 'Components/Icon';
+import CheckInput from 'Components/Form/CheckInput';
+import styles from './TableOptionsColumn.css';
+
+function TableOptionsColumn(props) {
+  const {
+    name,
+    label,
+    isVisible,
+    isModifiable,
+    isDragging,
+    connectDragSource,
+    onVisibleChange
+  } = props;
+
+  return (
+    <div className={isModifiable ? undefined : styles.notDragable}>
+      <div
+        className={classNames(
+          styles.column,
+          isDragging && styles.isDragging
+        )}
+      >
+        <label
+          className={styles.label}
+        >
+          <CheckInput
+            containerClassName={styles.checkContainer}
+            name={name}
+            value={isVisible}
+            isDisabled={isModifiable === false}
+            onChange={onVisibleChange}
+          />
+          {label}
+        </label>
+
+        {
+          !!connectDragSource &&
+            connectDragSource(
+              <div className={styles.dragHandle}>
+                <Icon
+                  className={styles.dragIcon}
+                  name={icons.REORDER}
+                />
+              </div>
+            )
+        }
+      </div>
+    </div>
+  );
+}
+
+TableOptionsColumn.propTypes = {
+  name: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  isVisible: PropTypes.bool.isRequired,
+  isModifiable: PropTypes.bool.isRequired,
+  index: PropTypes.number.isRequired,
+  isDragging: PropTypes.bool,
+  connectDragSource: PropTypes.func,
+  onVisibleChange: PropTypes.func.isRequired
+};
+
+export default TableOptionsColumn;