@wix/design-system 1.0.0

package/dist/cjs/TimeTable/TimeTable.js

@@ -0,0 +1,447 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+var _easingSt = require("../Foundation/stylable/easing.st.css.js");
+var _constants = require("./constants");
+var _TimeTableSt = require("./TimeTable.st.css.js");
+var _SortableListBase = _interopRequireDefault(require("../SortableListBase"));
+var _AddItem = _interopRequireDefault(require("../AddItem"));
+var _Item = _interopRequireDefault(require("./components/Item"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/TimeTable/TimeTable.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getSortableListBaseItems = columns => columns.map(_ref => {
+  var {
+    items,
+    disabled: columnDisabled = false
+  } = _ref;
+  return items.map(_ref2 => {
+    var {
+      content,
+      disabled,
+      draggable
+    } = _ref2;
+    var isDisabled = disabled !== undefined ? disabled : columnDisabled;
+    var isDraggable = draggable !== undefined ? draggable : !isDisabled;
+    return {
+      id: (0, _uniqueId.default)(),
+      content,
+      draggable: !!isDraggable,
+      disabled: !!isDisabled
+    };
+  });
+});
+class TimeTable extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      hoveredColumnIndex: null,
+      dragging: false,
+      columns: [],
+      sortableListBaseItems: [],
+      groupName: (0, _uniqueId.default)('time-table')
+    };
+    this._renderHeader = () => /*#__PURE__*/_react.default.createElement("div", {
+      className: _TimeTableSt.classes.headerContainer,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 122,
+        columnNumber: 5
+      }
+    }, this.props.columns.map((_ref3, index) => {
+      var {
+        active = false,
+        disabled = false,
+        title,
+        subtitle,
+        droppable = !disabled
+      } = _ref3;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: (0, _TimeTableSt.st)(_TimeTableSt.classes.header, {
+          active,
+          disabled,
+          droppable
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 134,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        "data-hook": _constants.DataHook.Title,
+        className: (0, _TimeTableSt.st)(_TimeTableSt.classes.title, {
+          active
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 138,
+          columnNumber: 13
+        }
+      }, title), /*#__PURE__*/_react.default.createElement("div", {
+        "data-hook": _constants.DataHook.Subtitle,
+        className: (0, _TimeTableSt.st)(_TimeTableSt.classes.subtitle, {
+          active
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 144,
+          columnNumber: 13
+        }
+      }, subtitle));
+    }));
+    this._renderContent = () => {
+      var {
+        columns,
+        insertPosition,
+        onAdd,
+        height
+      } = this.props;
+      var {
+        sortableListBaseItems,
+        hoveredColumnIndex,
+        groupName
+      } = this.state;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _TimeTableSt.classes.contentContainer,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 161,
+          columnNumber: 7
+        }
+      }, columns.map((_ref4, columnIndex) => {
+        var {
+          active,
+          disabled,
+          droppable = !disabled,
+          actions
+        } = _ref4;
+        var columnIsHovered = hoveredColumnIndex === columnIndex;
+        var actionsVisible = !disabled && columnIsHovered;
+        var addItemVisible = actionsVisible && !!onAdd && !(actions && actions.length);
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: columnIndex,
+          "data-hook": _constants.DataHook.Column,
+          onMouseEnter: () => this._handleMouseEnter(columnIndex),
+          onMouseLeave: this._handleMouseLeave,
+          className: (0, _TimeTableSt.st)(_TimeTableSt.classes.column, {
+            droppable
+          }),
+          [_constants.DataAttribute.ColumnActive]: !!active,
+          [_constants.DataAttribute.ColumnDisabled]: !!disabled,
+          [_constants.DataAttribute.ColumnDroppable]: droppable,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 173,
+            columnNumber: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_SortableListBase.default, {
+          usePortal: true,
+          className: _TimeTableSt.classes.content,
+          groupName: groupName,
+          onDragStart: this._handleDragStart,
+          onDragEnd: this._handleDragEnd,
+          containerId: String(columnIndex),
+          items: sortableListBaseItems[columnIndex],
+          droppable: droppable,
+          onDrop: this._handleDrop,
+          canDrag: this._handleCanDrag,
+          renderItem: this._renderItem,
+          insertPosition: insertPosition,
+          animationDuration: 500,
+          animationTiming: _easingSt.stVars['ease-7'],
+          style: {
+            height: this.state.dragging ? "calc(".concat(height, " - ").concat(_TimeTableSt.stVars.headerHeight, " - ").concat(_TimeTableSt.stVars.columnHeaderMargin, " - ").concat(_TimeTableSt.stVars.addItemPlaceholder, ")") : undefined
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 187,
+            columnNumber: 17
+          }
+        }), addItemVisible && this._renderAddItemButton(columnIndex), actionsVisible && this._renderActions(columnIndex));
+      }));
+    };
+    this._renderItem = _ref5 => {
+      var {
+        isPlaceholder,
+        previewStyles,
+        item: {
+          content,
+          disabled,
+          draggable
+        }
+      } = _ref5;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        "data-hook": _constants.DataHook.Item,
+        className: (0, _TimeTableSt.st)(_TimeTableSt.classes.item, {
+          isPlaceholder
+        }),
+        style: previewStyles,
+        [_constants.DataAttribute.ItemDraggable]: draggable,
+        [_constants.DataAttribute.ItemDisabled]: disabled,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 239,
+          columnNumber: 5
+        }
+      }, typeof content === 'function' ? content({
+        Item: _Item.default,
+        disabled,
+        draggable
+      }) : /*#__PURE__*/_react.default.createElement(_Item.default, {
+        disabled: disabled,
+        draggable: draggable,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 251,
+          columnNumber: 9
+        }
+      }, content));
+    };
+    this._renderActions = columnIndex => {
+      if (!this.props.columns || !this.props.columns[columnIndex] || !this.props.columns[columnIndex].actions) {
+        return null;
+      }
+      var column = this.props.columns[columnIndex];
+      var columnActions = column.actions;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _TimeTableSt.classes.actionsContainer,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 270,
+          columnNumber: 7
+        }
+      }, columnActions.map((action, index) => {
+        return /*#__PURE__*/_react.default.createElement(_AddItem.default, {
+          key: index,
+          className: _TimeTableSt.classes.addItemButton,
+          dataHook: _constants.DataHook.ColumnAction,
+          showIcon: false,
+          onClick: e => {
+            action.onClick(e, column, columnIndex);
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 273,
+            columnNumber: 13
+          }
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: _TimeTableSt.classes.addItemLabel,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 282,
+            columnNumber: 15
+          }
+        }, action.prefixIcon, action.label));
+      }));
+    };
+    this._renderAddItemButton = columnIndex => /*#__PURE__*/_react.default.createElement("div", {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 294,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_AddItem.default, {
+      className: _TimeTableSt.classes.addItemButton,
+      dataHook: _constants.DataHook.AddItemButton,
+      showIcon: false,
+      onClick: () => this.props.onAdd(columnIndex),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 295,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: _TimeTableSt.classes.addItemLabel,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 301,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 302,
+        columnNumber: 11
+      }
+    }), this.props.addItemButtonLabel)));
+    this._handleDrop = _ref6 => {
+      var {
+        addedIndex: addedItemIndex,
+        removedIndex: removedItemIndex,
+        addedToContainerId,
+        removedFromContainerId
+      } = _ref6;
+      var {
+        columns
+      } = this.props;
+      var addedToColumnIndex = Number(addedToContainerId);
+      var removedFromColumnIndex = Number(removedFromContainerId);
+      this.setState({
+        hoveredColumnIndex: addedToColumnIndex
+      });
+      if (addedToColumnIndex === removedFromColumnIndex && addedItemIndex === removedItemIndex) {
+        return;
+      }
+      var newColumns = (0, _cloneDeep.default)(columns);
+      var removedItem = columns[removedFromColumnIndex].items[removedItemIndex];
+      newColumns[removedFromColumnIndex].items.splice(removedItemIndex, 1);
+      newColumns[addedToColumnIndex].items.splice(addedItemIndex, 0, removedItem);
+      if (this.props.onChange) {
+        this.props.onChange(newColumns, {
+          addedToColumnIndex,
+          removedFromColumnIndex,
+          addedItemIndex,
+          removedItemIndex
+        });
+      }
+    };
+    this._handleMouseEnter = columnIndex => {
+      if (!this.state.dragging) {
+        this.setState({
+          hoveredColumnIndex: columnIndex
+        });
+      }
+    };
+    this._handleMouseLeave = () => {
+      if (!this.state.dragging) {
+        this.setState({
+          hoveredColumnIndex: null
+        });
+      }
+    };
+    this._handleDragStart = () => {
+      this.setState({
+        dragging: true,
+        hoveredColumnIndex: null
+      });
+    };
+    this._handleDragEnd = () => {
+      this.setState({
+        dragging: false
+      });
+    };
+    this._handleCanDrag = _ref7 => {
+      var {
+        item
+      } = _ref7;
+      return !!item.draggable;
+    };
+  }
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (nextProps.columns === prevState.columns) {
+      return null;
+    }
+    return _objectSpread(_objectSpread({}, prevState), {}, {
+      columns: nextProps.columns,
+      sortableListBaseItems: getSortableListBaseItems(nextProps.columns)
+    });
+  }
+  render() {
+    var {
+      dataHook,
+      height
+    } = this.props;
+    var {
+      dragging
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _TimeTableSt.st)(_TimeTableSt.classes.root, {
+        dragging
+      }),
+      style: {
+        height
+      },
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 223,
+        columnNumber: 7
+      }
+    }, this._renderHeader(), this._renderContent());
+  }
+}
+TimeTable.displayName = 'TimeTable';
+TimeTable.propTypes = {
+  /** Hook for testing purposes. */
+  dataHook: _propTypes.default.string,
+  /**
+   * Event triggered on column data change:
+   * `onChange(columns, { addedToColumnIndex, removedFromColumnIndex, addedItemIndex, removedItemIndex })`
+   */
+  onChange: _propTypes.default.func,
+  /**
+   * Column data configuration. Item content is provided as a simple node or a
+   * render function with `content` property. When render function is used the
+   * signature is:
+   * `({ Item, draggable, disabled }) => {}`:
+   * - `Item` - component used to provide default item visual representation.
+   * You should render `<Item draggable={draggable} disabled={disabled}>...</Item>`
+   * - `draggable` - item is draggable.
+   * - `disabled` - item is disabled.
+   */
+  columns: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string.isRequired,
+    subtitle: _propTypes.default.string.isRequired,
+    actions: _propTypes.default.arrayOf(_propTypes.default.shape({
+      onClick: _propTypes.default.func,
+      prefixIcon: _propTypes.default.node,
+      label: _propTypes.default.string
+    })),
+    items: _propTypes.default.arrayOf(_propTypes.default.shape({
+      content: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
+      draggable: _propTypes.default.bool,
+      disabled: _propTypes.default.bool
+    })).isRequired,
+    disabled: _propTypes.default.bool,
+    droppable: _propTypes.default.bool,
+    active: _propTypes.default.bool
+  })),
+  /**
+   * Event triggered on add button click: `onAdd(columnIndex)`.
+   * When not provided the button will be hidden.
+   */
+  onAdd: _propTypes.default.func,
+  /** Title of add button. */
+  addItemButtonLabel: _propTypes.default.node,
+  /**
+   * Position where dragged items will be inserted. Using `any` value will
+   * allow the items to be re-ordered within the same column.
+   */
+  insertPosition: _propTypes.default.oneOf(['start', 'end', 'any']),
+  /** Custom table height. */
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+TimeTable.defaultProps = {
+  columns: [],
+  insertPosition: 'any',
+  height: '283px'
+};
+var _default = TimeTable;
+exports.default = _default;
+//# sourceMappingURL=TimeTable.js.map

package/dist/cjs/TimeTable/TimeTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getSortableListBaseItems","columns","map","items","disabled","columnDisabled","content","draggable","isDisabled","undefined","isDraggable","id","uniqueId","TimeTable","React","PureComponent","state","hoveredColumnIndex","dragging","sortableListBaseItems","groupName","_renderHeader","classes","headerContainer","props","index","active","title","subtitle","droppable","st","header","DataHook","Title","Subtitle","_renderContent","insertPosition","onAdd","height","contentContainer","columnIndex","actions","columnIsHovered","actionsVisible","addItemVisible","length","Column","_handleMouseEnter","_handleMouseLeave","column","DataAttribute","ColumnActive","ColumnDisabled","ColumnDroppable","_handleDragStart","_handleDragEnd","String","_handleDrop","_handleCanDrag","_renderItem","stVars","timeTableStVars","headerHeight","columnHeaderMargin","addItemPlaceholder","_renderAddItemButton","_renderActions","isPlaceholder","previewStyles","item","Item","ItemDraggable","ItemDisabled","columnActions","actionsContainer","action","addItemButton","ColumnAction","e","onClick","addItemLabel","prefixIcon","label","AddItemButton","addItemButtonLabel","addedIndex","addedItemIndex","removedIndex","removedItemIndex","addedToContainerId","removedFromContainerId","addedToColumnIndex","Number","removedFromColumnIndex","setState","newColumns","cloneDeep","removedItem","splice","onChange","getDerivedStateFromProps","nextProps","prevState","render","dataHook","root","displayName","propTypes","PropTypes","string","func","arrayOf","shape","isRequired","node","oneOfType","bool","oneOf","number","defaultProps"],"sources":["../../../src/TimeTable/TimeTable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { AddSmall as AddSmallIcon } from '@wix/wix-ui-icons-common';\nimport cloneDeep from 'lodash/cloneDeep';\nimport uniqueId from 'lodash/uniqueId';\nimport { stVars } from '../Foundation/stylable/easing.st.css';\nimport { DataHook, DataAttribute } from './constants';\nimport { st, stVars as timeTableStVars, classes } from './TimeTable.st.css';\nimport SortableListBase from '../SortableListBase';\nimport AddItem from '../AddItem';\nimport Item from './components/Item';\n\nconst getSortableListBaseItems = columns =>\n  columns.map(({ items, disabled: columnDisabled = false }) =>\n    items.map(({ content, disabled, draggable }) => {\n      const isDisabled = disabled !== undefined ? disabled : columnDisabled;\n      const isDraggable = draggable !== undefined ? draggable : !isDisabled;\n\n      return {\n        id: uniqueId(),\n        content,\n        draggable: !!isDraggable,\n        disabled: !!isDisabled,\n      };\n    }),\n  );\n\nclass TimeTable extends React.PureComponent {\n  static displayName = 'TimeTable';\n\n  static propTypes = {\n    /** Hook for testing purposes. */\n    dataHook: PropTypes.string,\n\n    /**\n     * Event triggered on column data change:\n     * `onChange(columns, { addedToColumnIndex, removedFromColumnIndex, addedItemIndex, removedItemIndex })`\n     */\n    onChange: PropTypes.func,\n\n    /**\n     * Column data configuration. Item content is provided as a simple node or a\n     * render function with `content` property. When render function is used the\n     * signature is:\n     * `({ Item, draggable, disabled }) => {}`:\n     * - `Item` - component used to provide default item visual representation.\n     * You should render `<Item draggable={draggable} disabled={disabled}>...</Item>`\n     * - `draggable` - item is draggable.\n     * - `disabled` - item is disabled.\n     */\n    columns: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        subtitle: PropTypes.string.isRequired,\n        actions: PropTypes.arrayOf(\n          PropTypes.shape({\n            onClick: PropTypes.func,\n            prefixIcon: PropTypes.node,\n            label: PropTypes.string,\n          }),\n        ),\n        items: PropTypes.arrayOf(\n          PropTypes.shape({\n            content: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n              .isRequired,\n            draggable: PropTypes.bool,\n            disabled: PropTypes.bool,\n          }),\n        ).isRequired,\n        disabled: PropTypes.bool,\n        droppable: PropTypes.bool,\n        active: PropTypes.bool,\n      }),\n    ),\n\n    /**\n     * Event triggered on add button click: `onAdd(columnIndex)`.\n     * When not provided the button will be hidden.\n     */\n    onAdd: PropTypes.func,\n\n    /** Title of add button. */\n    addItemButtonLabel: PropTypes.node,\n\n    /**\n     * Position where dragged items will be inserted. Using `any` value will\n     * allow the items to be re-ordered within the same column.\n     */\n    insertPosition: PropTypes.oneOf(['start', 'end', 'any']),\n\n    /** Custom table height. */\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  static defaultProps = {\n    columns: [],\n    insertPosition: 'any',\n    height: '283px',\n  };\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    if (nextProps.columns === prevState.columns) {\n      return null;\n    }\n\n    return {\n      ...prevState,\n      columns: nextProps.columns,\n      sortableListBaseItems: getSortableListBaseItems(nextProps.columns),\n    };\n  }\n\n  state = {\n    hoveredColumnIndex: null,\n    dragging: false,\n    columns: [],\n    sortableListBaseItems: [],\n    groupName: uniqueId('time-table'),\n  };\n\n  _renderHeader = () => (\n    <div className={classes.headerContainer}>\n      {this.props.columns.map(\n        (\n          {\n            active = false,\n            disabled = false,\n            title,\n            subtitle,\n            droppable = !disabled,\n          },\n          index,\n        ) => (\n          <div\n            key={index}\n            className={st(classes.header, { active, disabled, droppable })}\n          >\n            <div\n              data-hook={DataHook.Title}\n              className={st(classes.title, { active })}\n            >\n              {title}\n            </div>\n            <div\n              data-hook={DataHook.Subtitle}\n              className={st(classes.subtitle, { active })}\n            >\n              {subtitle}\n            </div>\n          </div>\n        ),\n      )}\n    </div>\n  );\n\n  _renderContent = () => {\n    const { columns, insertPosition, onAdd, height } = this.props;\n    const { sortableListBaseItems, hoveredColumnIndex, groupName } = this.state;\n\n    return (\n      <div className={classes.contentContainer}>\n        {columns.map(\n          (\n            { active, disabled, droppable = !disabled, actions },\n            columnIndex,\n          ) => {\n            const columnIsHovered = hoveredColumnIndex === columnIndex;\n            const actionsVisible = !disabled && columnIsHovered;\n            const addItemVisible =\n              actionsVisible && !!onAdd && !(actions && actions.length);\n\n            return (\n              <div\n                key={columnIndex}\n                data-hook={DataHook.Column}\n                onMouseEnter={() => this._handleMouseEnter(columnIndex)}\n                onMouseLeave={this._handleMouseLeave}\n                className={st(classes.column, {\n                  droppable,\n                })}\n                {...{\n                  [DataAttribute.ColumnActive]: !!active,\n                  [DataAttribute.ColumnDisabled]: !!disabled,\n                  [DataAttribute.ColumnDroppable]: droppable,\n                }}\n              >\n                <SortableListBase\n                  usePortal\n                  className={classes.content}\n                  groupName={groupName}\n                  onDragStart={this._handleDragStart}\n                  onDragEnd={this._handleDragEnd}\n                  containerId={String(columnIndex)}\n                  items={sortableListBaseItems[columnIndex]}\n                  droppable={droppable}\n                  onDrop={this._handleDrop}\n                  canDrag={this._handleCanDrag}\n                  renderItem={this._renderItem}\n                  insertPosition={insertPosition}\n                  animationDuration={500}\n                  animationTiming={stVars['ease-7']}\n                  style={{\n                    height: this.state.dragging\n                      ? `calc(${height} - ${timeTableStVars.headerHeight} - ${timeTableStVars.columnHeaderMargin} - ${timeTableStVars.addItemPlaceholder})`\n                      : undefined,\n                  }}\n                />\n                {addItemVisible && this._renderAddItemButton(columnIndex)}\n                {actionsVisible && this._renderActions(columnIndex)}\n              </div>\n            );\n          },\n        )}\n      </div>\n    );\n  };\n\n  render() {\n    const { dataHook, height } = this.props;\n    const { dragging } = this.state;\n\n    return (\n      <div\n        className={st(classes.root, { dragging })}\n        style={{ height }}\n        data-hook={dataHook}\n      >\n        {this._renderHeader()}\n        {this._renderContent()}\n      </div>\n    );\n  }\n\n  _renderItem = ({\n    isPlaceholder,\n    previewStyles,\n    item: { content, disabled, draggable },\n  }) => (\n    <div\n      data-hook={DataHook.Item}\n      className={st(classes.item, { isPlaceholder })}\n      style={previewStyles}\n      {...{\n        [DataAttribute.ItemDraggable]: draggable,\n        [DataAttribute.ItemDisabled]: disabled,\n      }}\n    >\n      {typeof content === 'function' ? (\n        content({ Item, disabled, draggable })\n      ) : (\n        <Item disabled={disabled} draggable={draggable}>\n          {content}\n        </Item>\n      )}\n    </div>\n  );\n\n  _renderActions = columnIndex => {\n    if (\n      !this.props.columns ||\n      !this.props.columns[columnIndex] ||\n      !this.props.columns[columnIndex].actions\n    ) {\n      return null;\n    }\n    const column = this.props.columns[columnIndex];\n    const columnActions = column.actions;\n\n    return (\n      <div className={classes.actionsContainer}>\n        {columnActions.map((action, index) => {\n          return (\n            <AddItem\n              key={index}\n              className={classes.addItemButton}\n              dataHook={DataHook.ColumnAction}\n              showIcon={false}\n              onClick={e => {\n                action.onClick(e, column, columnIndex);\n              }}\n            >\n              <span className={classes.addItemLabel}>\n                {action.prefixIcon}\n                {action.label}\n              </span>\n            </AddItem>\n          );\n        })}\n      </div>\n    );\n  };\n\n  _renderAddItemButton = columnIndex => (\n    <div>\n      <AddItem\n        className={classes.addItemButton}\n        dataHook={DataHook.AddItemButton}\n        showIcon={false}\n        onClick={() => this.props.onAdd(columnIndex)}\n      >\n        <span className={classes.addItemLabel}>\n          <AddSmallIcon />\n          {this.props.addItemButtonLabel}\n        </span>\n      </AddItem>\n    </div>\n  );\n\n  _handleDrop = ({\n    addedIndex: addedItemIndex,\n    removedIndex: removedItemIndex,\n    addedToContainerId,\n    removedFromContainerId,\n  }) => {\n    const { columns } = this.props;\n    const addedToColumnIndex = Number(addedToContainerId);\n    const removedFromColumnIndex = Number(removedFromContainerId);\n\n    this.setState({ hoveredColumnIndex: addedToColumnIndex });\n\n    if (\n      addedToColumnIndex === removedFromColumnIndex &&\n      addedItemIndex === removedItemIndex\n    ) {\n      return;\n    }\n\n    const newColumns = cloneDeep(columns);\n    const removedItem = columns[removedFromColumnIndex].items[removedItemIndex];\n\n    newColumns[removedFromColumnIndex].items.splice(removedItemIndex, 1);\n    newColumns[addedToColumnIndex].items.splice(addedItemIndex, 0, removedItem);\n\n    if (this.props.onChange) {\n      this.props.onChange(newColumns, {\n        addedToColumnIndex,\n        removedFromColumnIndex,\n        addedItemIndex,\n        removedItemIndex,\n      });\n    }\n  };\n\n  _handleMouseEnter = columnIndex => {\n    if (!this.state.dragging) {\n      this.setState({ hoveredColumnIndex: columnIndex });\n    }\n  };\n\n  _handleMouseLeave = () => {\n    if (!this.state.dragging) {\n      this.setState({ hoveredColumnIndex: null });\n    }\n  };\n\n  _handleDragStart = () => {\n    this.setState({\n      dragging: true,\n      hoveredColumnIndex: null,\n    });\n  };\n\n  _handleDragEnd = () => {\n    this.setState({\n      dragging: false,\n    });\n  };\n\n  _handleCanDrag = ({ item }) => !!item.draggable;\n}\n\nexport default TimeTable;\n"],"mappings":"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"}

package/dist/cjs/TimeTable/TimeTable.meta.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [{
+  title: 'render',
+  props: _objectSpread(_objectSpread({}, requiredProps), {}, {
+    addItemButtonLabel: 'Add Task',
+    columns: [{
+      title: '1',
+      subtitle: 'DAY',
+      items: [{
+        content: 'Task 1'
+      }],
+      disabled: true
+    }, {
+      title: '2',
+      subtitle: 'DAY',
+      items: [{
+        content: 'Task 2'
+      }, {
+        content: 'Task 3',
+        disabled: false
+      }],
+      disabled: true
+    }]
+  })
+}];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=TimeTable.meta.js.map

package/dist/cjs/TimeTable/TimeTable.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","addItemButtonLabel","columns","subtitle","items","content","disabled","ssrTests","a11yTests"],"sources":["../../../src/TimeTable/TimeTable.meta.tsx"],"sourcesContent":["import { TimeTableProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: TimeTableProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as TimeTableProps,\n  },\n];\n\nexport const testkitTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n      addItemButtonLabel: 'Add Task',\n      columns: [\n        {\n          title: '1',\n          subtitle: 'DAY',\n          items: [{ content: 'Task 1' }],\n          disabled: true,\n        },\n        {\n          title: '2',\n          subtitle: 'DAY',\n          items: [\n            {\n              content: 'Task 2',\n            },\n            {\n              content: 'Task 3',\n              disabled: false,\n            },\n          ],\n          disabled: true,\n        },\n      ],\n    } as TimeTableProps,\n  },\n];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA6B,GAAG,CAAC,CAAC;;AAE/C;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAC1B;EACEF,KAAK,EAAE,QAAQ;EACfC,KAAK,kCACAH,aAAa;IAChBK,kBAAkB,EAAE,UAAU;IAC9BC,OAAO,EAAE,CACP;MACEJ,KAAK,EAAE,GAAG;MACVK,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,CAAC;QAAEC,OAAO,EAAE;MAAS,CAAC,CAAC;MAC9BC,QAAQ,EAAE;IACZ,CAAC,EACD;MACER,KAAK,EAAE,GAAG;MACVK,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,CACL;QACEC,OAAO,EAAE;MACX,CAAC,EACD;QACEA,OAAO,EAAE,QAAQ;QACjBC,QAAQ,EAAE;MACZ,CAAC,CACF;MACDA,QAAQ,EAAE;IACZ,CAAC;EACF;AAEL,CAAC,CACF;AAAC;AAEK,IAAMC,QAAQ,GAAG,CAAC,GAAGV,WAAW,CAAC;AAAC;AAElC,IAAMW,SAAS,GAAG,CAAC,GAAGX,WAAW,CAAC;AAAC"}