@wix/design-system 1.0.0

package/dist/cjs/Table/Table.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableDriverFactory","element","eventTrigger","dataTableDriver","dataTableDriverFactory","getTitlebar","querySelector","getRowCheckbox","index","getRow","getRowCheckboxDriver","checkboxDriverFactory","getBulkSelectionCheckboxDriver","getHeaderCellByDataHook","isBulkSelectionChecked","checkboxDriver","isChecked","isIndeterminate","isBulkSelectionIndeterminate","isBulkSelectionUnchecked","isBulkSelectionDisabled","isDisabled","isRowSelectionDisabled","clickRowCheckbox","click","clickBulkSelectionCheckbox","isRowSelected","getBulkSelectionState","getCellTextValue","rowIndex","cellIndex","getCell","textContent","isSelectionTooltipEnabled","isTooltipEnabled","getSelectionTooltipContent","getTooltipContent"],"sources":["../../../src/Table/Table.driver.js"],"sourcesContent":["import dataTableDriverFactory from './DataTable/DataTable.driver';\nimport checkboxDriverFactory from '../Checkbox/Checkbox.driver';\n\nconst tableDriverFactory = ({ element, eventTrigger }) => {\n  const dataTableDriver = dataTableDriverFactory({\n    element,\n  });\n  const getTitlebar = () =>\n    element.querySelector('[data-hook=\"table-title-bar\"]');\n  const getRowCheckbox = index => {\n    return dataTableDriver\n      .getRow(index)\n      ?.querySelector('[data-hook=\"bulk-selection-cell\"]')\n      ?.querySelector('[data-hook=\"row-select\"]');\n  };\n  const getRowCheckboxDriver = index =>\n    checkboxDriverFactory({\n      element: getRowCheckbox(index),\n      eventTrigger,\n    });\n\n  const getBulkSelectionCheckboxDriver = () =>\n    checkboxDriverFactory({\n      element: dataTableDriver\n        ?.getHeaderCellByDataHook('bulk-selection-cell')\n        ?.querySelector('[data-hook=\"table-select\"]'),\n      eventTrigger,\n    });\n\n  const isBulkSelectionChecked = () => {\n    const checkboxDriver = getBulkSelectionCheckboxDriver();\n    return checkboxDriver.isChecked() && !checkboxDriver.isIndeterminate();\n  };\n  const isBulkSelectionIndeterminate = () => {\n    const checkboxDriver = getBulkSelectionCheckboxDriver();\n    return !checkboxDriver.isChecked() && checkboxDriver.isIndeterminate();\n  };\n  const isBulkSelectionUnchecked = () => {\n    const checkboxDriver = getBulkSelectionCheckboxDriver();\n    return !checkboxDriver.isChecked() && !checkboxDriver.isIndeterminate();\n  };\n\n  const isBulkSelectionDisabled = () => {\n    const checkboxDriver = getBulkSelectionCheckboxDriver();\n    return checkboxDriver.isDisabled();\n  };\n\n  const isRowSelectionDisabled = index => {\n    const checkboxDriver = getRowCheckboxDriver(index);\n    return checkboxDriver.isDisabled();\n  };\n\n  return {\n    ...dataTableDriver,\n    element,\n    /** Get driver of row selection checkbox by row index */\n    getRowCheckboxDriver,\n    /** Get driver of row bulk-selection checkbox */\n    getBulkSelectionCheckboxDriver,\n    /** Whether bulk selection checkbox is disabled */\n    isBulkSelectionDisabled,\n    /** Whether specific row selection checkbox is disabled */\n    isRowSelectionDisabled,\n    /** Click the row selection checkbox */\n    clickRowCheckbox: index => eventTrigger.click(getRowCheckbox(index)),\n    /** Click the bulk-selection checkbox */\n    clickBulkSelectionCheckbox: () => getBulkSelectionCheckboxDriver().click(),\n    /** Is row selected by index */\n    isRowSelected: index => getRowCheckboxDriver(index).isChecked(),\n    /** Get bulk selection state. Possible value 'ALL', 'SOME', 'NONE. */\n    getBulkSelectionState: () => {\n      if (isBulkSelectionChecked()) {\n        return 'ALL';\n      }\n      if (isBulkSelectionIndeterminate()) {\n        return 'SOME';\n      }\n      if (isBulkSelectionUnchecked()) {\n        return 'NONE';\n      }\n    },\n    /** Get title-bar (column titles) */\n    getTitlebar,\n    getCellTextValue: (rowIndex, cellIndex) =>\n      dataTableDriver.getCell(rowIndex, cellIndex).textContent,\n    isSelectionTooltipEnabled: index =>\n      getRowCheckboxDriver(index).isTooltipEnabled(),\n    getSelectionTooltipContent: index =>\n      getRowCheckboxDriver(index).getTooltipContent(),\n  };\n};\n\nexport default tableDriverFactory;\n"],"mappings":";;;;;;AAAA;AACA;AAAgE;AAAA;AAEhE,IAAMA,kBAAkB,GAAG,QAA+B;EAAA,IAA9B;IAAEC,OAAO;IAAEC;EAAa,CAAC;EACnD,IAAMC,eAAe,GAAG,IAAAC,kBAAsB,EAAC;IAC7CH;EACF,CAAC,CAAC;EACF,IAAMI,WAAW,GAAG,MAClBJ,OAAO,CAACK,aAAa,CAAC,+BAA+B,CAAC;EACxD,IAAMC,cAAc,GAAGC,KAAK,IAAI;IAAA;IAC9B,gCAAOL,eAAe,CACnBM,MAAM,CAACD,KAAK,CAAC,+CADT,sBAEHF,aAAa,CAAC,mCAAmC,CAAC,qBAF/C,uBAGHA,aAAa,CAAC,0BAA0B,CAAC;EAC/C,CAAC;EACD,IAAMI,oBAAoB,GAAGF,KAAK,IAChC,IAAAG,iBAAqB,EAAC;IACpBV,OAAO,EAAEM,cAAc,CAACC,KAAK,CAAC;IAC9BN;EACF,CAAC,CAAC;EAEJ,IAAMU,8BAA8B,GAAG;IAAA;IAAA,OACrC,IAAAD,iBAAqB,EAAC;MACpBV,OAAO,EAAEE,eAAe,6CAAfA,eAAe,CACpBU,uBAAuB,CAAC,qBAAqB,CAAC,qBADzC,sBAELP,aAAa,CAAC,4BAA4B,CAAC;MAC/CJ;IACF,CAAC,CAAC;EAAA;EAEJ,IAAMY,sBAAsB,GAAG,MAAM;IACnC,IAAMC,cAAc,GAAGH,8BAA8B,EAAE;IACvD,OAAOG,cAAc,CAACC,SAAS,EAAE,IAAI,CAACD,cAAc,CAACE,eAAe,EAAE;EACxE,CAAC;EACD,IAAMC,4BAA4B,GAAG,MAAM;IACzC,IAAMH,cAAc,GAAGH,8BAA8B,EAAE;IACvD,OAAO,CAACG,cAAc,CAACC,SAAS,EAAE,IAAID,cAAc,CAACE,eAAe,EAAE;EACxE,CAAC;EACD,IAAME,wBAAwB,GAAG,MAAM;IACrC,IAAMJ,cAAc,GAAGH,8BAA8B,EAAE;IACvD,OAAO,CAACG,cAAc,CAACC,SAAS,EAAE,IAAI,CAACD,cAAc,CAACE,eAAe,EAAE;EACzE,CAAC;EAED,IAAMG,uBAAuB,GAAG,MAAM;IACpC,IAAML,cAAc,GAAGH,8BAA8B,EAAE;IACvD,OAAOG,cAAc,CAACM,UAAU,EAAE;EACpC,CAAC;EAED,IAAMC,sBAAsB,GAAGd,KAAK,IAAI;IACtC,IAAMO,cAAc,GAAGL,oBAAoB,CAACF,KAAK,CAAC;IAClD,OAAOO,cAAc,CAACM,UAAU,EAAE;EACpC,CAAC;EAED,uCACKlB,eAAe;IAClBF,OAAO;IACP;IACAS,oBAAoB;IACpB;IACAE,8BAA8B;IAC9B;IACAQ,uBAAuB;IACvB;IACAE,sBAAsB;IACtB;IACAC,gBAAgB,EAAEf,KAAK,IAAIN,YAAY,CAACsB,KAAK,CAACjB,cAAc,CAACC,KAAK,CAAC,CAAC;IACpE;IACAiB,0BAA0B,EAAE,MAAMb,8BAA8B,EAAE,CAACY,KAAK,EAAE;IAC1E;IACAE,aAAa,EAAElB,KAAK,IAAIE,oBAAoB,CAACF,KAAK,CAAC,CAACQ,SAAS,EAAE;IAC/D;IACAW,qBAAqB,EAAE,MAAM;MAC3B,IAAIb,sBAAsB,EAAE,EAAE;QAC5B,OAAO,KAAK;MACd;MACA,IAAII,4BAA4B,EAAE,EAAE;QAClC,OAAO,MAAM;MACf;MACA,IAAIC,wBAAwB,EAAE,EAAE;QAC9B,OAAO,MAAM;MACf;IACF,CAAC;IACD;IACAd,WAAW;IACXuB,gBAAgB,EAAE,CAACC,QAAQ,EAAEC,SAAS,KACpC3B,eAAe,CAAC4B,OAAO,CAACF,QAAQ,EAAEC,SAAS,CAAC,CAACE,WAAW;IAC1DC,yBAAyB,EAAEzB,KAAK,IAC9BE,oBAAoB,CAACF,KAAK,CAAC,CAAC0B,gBAAgB,EAAE;IAChDC,0BAA0B,EAAE3B,KAAK,IAC/BE,oBAAoB,CAACF,KAAK,CAAC,CAAC4B,iBAAiB;EAAE;AAErD,CAAC;AAAC,eAEapC,kBAAkB;AAAA"}

package/dist/cjs/Table/Table.js

@@ -0,0 +1,394 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Table = void 0;
+exports.createColumns = createColumns;
+exports.getDataTableProps = getDataTableProps;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultTo = _interopRequireDefault(require("lodash/defaultTo"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactScrollSync = require("react-scroll-sync");
+var _TableSt = require("./Table.st.css.js");
+var _DataTable = _interopRequireDefault(require("./DataTable"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _TableContext = require("./TableContext");
+var _BulkSelection = require("./BulkSelection");
+var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
+var _components = require("./components");
+var _excluded = ["showSelection", "onSelectionChanged", "dataHook"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Table/Table.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 hasUnselectablesSymbol = Symbol('hasUnselectables');
+function createColumns(_ref2) {
+  var {
+    tableProps,
+    bulkSelectionContext
+  } = _ref2;
+  var createCheckboxColumn = _ref3 => {
+    var {
+      toggleSelectionById,
+      isSelected,
+      selectionDisabled
+    } = _ref3;
+    var isRowSelectionDisabled = rowData => selectionDisabled === true || typeof selectionDisabled === 'function' && selectionDisabled(rowData);
+    return {
+      key: 'bulk-selection-cell',
+      title: tableProps.hideBulkSelectionCheckbox ? '' : /*#__PURE__*/_react.default.createElement(_components.TableBulkSelectionCheckbox, {
+        dataHook: "table-select",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 40,
+          columnNumber: 9
+        }
+      }),
+      dataHook: 'bulk-selection-cell',
+      onCellClick: (column, row, rowNum, event) => {
+        if (row.unselectable) {
+          return;
+        }
+        event.stopPropagation();
+        if (isRowSelectionDisabled(row)) {
+          return;
+        }
+        var id = (0, _defaultTo.default)(row.id, rowNum);
+        toggleSelectionById(id, 'Checkbox');
+      },
+      render: (row, rowNum) => {
+        var id = (0, _defaultTo.default)(row.id, rowNum);
+        var tooltipContent = row.checkboxTooltipContent;
+        return row.unselectable ? null : /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+          disabled: isRowSelectionDisabled(row),
+          dataHook: "row-select",
+          checked: isSelected(id),
+          tooltipProps: {
+            disabled: !tooltipContent
+          },
+          tooltipContent: tooltipContent,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 62,
+            columnNumber: 11
+          }
+        });
+      },
+      // Apply different column width when just the single selection column is marked
+      // as sticky (looks weird otherwise when stickied with default 12px width).
+      width: tableProps.stickyColumns === 1 ? '34px' : '12px',
+      style: (_, row) => row.unselectable ? undefined : {
+        cursor: 'pointer'
+      }
+    };
+  };
+  var {
+    dragAndDrop,
+    isDragAndDropDisabled
+  } = tableProps;
+  return [...(dragAndDrop != null && dragAndDrop.createDragHandleColumn != null && !isDragAndDropDisabled ? [dragAndDrop.createDragHandleColumn(tableProps)] : []), ...(tableProps.showSelection ? [createCheckboxColumn(bulkSelectionContext)] : []), ...tableProps.columns];
+}
+function getDataTableProps(tableProps) {
+  /* eslint-disable no-unused-vars */
+  var {
+      showSelection,
+      onSelectionChanged,
+      dataHook
+    } = tableProps,
+    props = (0, _objectWithoutProperties2.default)(tableProps, _excluded);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    rowClass: (0, _classnames.default)(tableProps.rowClass, _TableSt.classes.tableRow)
+  });
+}
+
+/**
+ * Table is a composite component that allows adding SelectionColumn, Toolbar (on top of the TitleBar).
+ * It is a context provider, and thus the Table.Consumer, Table.TitleBar and Table.Content can be rendered separately.
+ */
+class Table extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      leftShadowVisible: false,
+      rightShadowVisible: false
+    };
+    this._handleUpdateScrollShadows = (leftShadowVisible, rightShadowVisible) => {
+      if (leftShadowVisible !== this.state.leftShadowVisible) {
+        this.setState({
+          leftShadowVisible
+        });
+      }
+      if (rightShadowVisible !== this.state.rightShadowVisible) {
+        this.setState({
+          rightShadowVisible
+        });
+      }
+    };
+  }
+  shouldComponentUpdate() {
+    // Table is not really a PureComponent
+    return true;
+  }
+  setSelectedIds(selectedIds) {
+    this.bulkSelection.setSelectedIds(selectedIds);
+  }
+  renderChildren() {
+    var {
+      children,
+      withWrapper,
+      dataHook
+    } = this.props;
+    return withWrapper ? /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 139,
+        columnNumber: 26
+      }
+    }, children) : children;
+  }
+  render() {
+    var {
+      data,
+      selectedIds,
+      showSelection,
+      deselectRowsByDefault,
+      infiniteScroll,
+      totalSelectableCount,
+      onSelectionChanged,
+      hasMore,
+      horizontalScroll,
+      selectionDisabled,
+      dragAndDrop,
+      onDragEnd
+    } = this.props;
+    var hasUnselectables = null;
+    var allIds = data.map((rowData, rowIndex) => rowData.unselectable || typeof selectionDisabled === 'function' && selectionDisabled(rowData) ? hasUnselectables = hasUnselectablesSymbol : (0, _defaultTo.default)(rowData.id, rowIndex));
+    if (hasUnselectables === hasUnselectablesSymbol) {
+      allIds = allIds.filter(rowId => rowId !== hasUnselectablesSymbol);
+    }
+    var {
+      leftShadowVisible,
+      rightShadowVisible
+    } = this.state;
+    var contextValue = _objectSpread(_objectSpread({}, this.props), {}, {
+      leftShadowVisible,
+      rightShadowVisible,
+      onUpdateScrollShadows: this._handleUpdateScrollShadows
+    });
+    var table = /*#__PURE__*/_react.default.createElement(_TableContext.TableContext.Provider, {
+      value: contextValue,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 179,
+        columnNumber: 7
+      }
+    }, showSelection ? /*#__PURE__*/_react.default.createElement(_BulkSelection.BulkSelection, {
+      ref: _ref => this.bulkSelection = _ref,
+      selectedIds: selectedIds,
+      deselectRowsByDefault: deselectRowsByDefault,
+      selectionDisabled: selectionDisabled,
+      hasMoreInBulkSelection: infiniteScroll && Boolean(totalSelectableCount) && hasMore,
+      totalCount: totalSelectableCount,
+      allIds: allIds,
+      onSelectionChanged: onSelectionChanged,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 181,
+        columnNumber: 11
+      }
+    }, this.renderChildren()) : this.renderChildren());
+    table = horizontalScroll ? /*#__PURE__*/_react.default.createElement(_reactScrollSync.ScrollSync, {
+      proportional: false,
+      horizontal: true,
+      vertical: false,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 202,
+        columnNumber: 7
+      }
+    }, table) : table;
+    return table;
+  }
+}
+exports.Table = Table;
+Table.ToolbarContainer = _components.TableToolbarContainer;
+Table.Titlebar = _components.TableTitleBar;
+Table.Content = _components.TableContent;
+Table.SubToolbar = _components.TableSubToolbar;
+Table.EmptyState = _components.TableEmptyState;
+Table.BulkSelectionCheckbox = _components.TableBulkSelectionCheckbox;
+Table.displayName = 'Table';
+Table.defaultProps = _objectSpread(_objectSpread({}, _DataTable.default.defaultProps), {}, {
+  showSelection: false,
+  hideBulkSelectionCheckbox: false,
+  children: [/*#__PURE__*/_react.default.createElement(Table.Content, {
+    key: "content",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 219,
+      columnNumber: 14
+    }
+  })],
+  withWrapper: true,
+  showLastRowDivider: false,
+  horizontalScroll: false,
+  stickyColumns: 0,
+  isRowDisabled: () => false,
+  deselectRowsByDefault: false
+});
+Table.propTypes = {
+  /** Accept any wrapper component as a child element. It must eventually include <Table.Content/>. */
+  children: _propTypes.default.any,
+  /** Applies a data-hook HTML attribute to be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Defines a callback function which is called when selection happens. <br />
+   * There are 3 types of selections:
+   *    * `ALL` - bulk selection checkbox has been triggered to select all items
+   *    * `SINGLE_TOGGLE` - a checkbox to select one item from the list has been triggered. The change object will also include an `id` prop with the unique item identifier and a `value` prop with the new boolean selection state of the item.
+   *    * `NONE` - bulk selection has been triggered to unselect all items.
+   *  */
+  onSelectionChanged: _propTypes.default.func,
+  /** Displays selection checkbox as a first column in each row. To hide the selection checkbox from a specific row, set its `row.unselectable` value to true in the data array. */
+  showSelection: _propTypes.default.bool,
+  /** Hides bulk selection checkbox in the table titlebar */
+  hideBulkSelectionCheckbox: _propTypes.default.bool,
+  /** Defines an array of selected rows */
+  selectedIds: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.number)]),
+  /** Specifies whether table row selection is restricted at a given moment. Can be defined as:
+   *    * `bool` disables selection for all table rows
+   *    * `function` that will be called for each row to check whether to disable selection or not depending on specified condition */
+  selectionDisabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
+  /** Controls bulk selection checkbox behaviour in indeterminate state. By default, first click on indeterminate state selects all items in the table. If set to `true`, first click will deselect all items instead. */
+  deselectRowsByDefault: _propTypes.default.bool,
+  /**
+   *  When false then Table would not create a `<div/>` wrapper around it's children.
+   *  Useful when using `<Table/>` to wrap a `<Page/>` component, in that case we use the `<Table/>` only as a context provider and it does not render anything to the DOM by itself.*/
+  withWrapper: _propTypes.default.bool,
+  /**
+   * Defines a callback function which is called on column title click
+   */
+  onSortClick: _propTypes.default.func,
+  // The following props are derived directly from <DataTable/> component
+  /** Allows to expand multiple row details at once */
+  allowMultiDetailsExpansion: _propTypes.default.bool,
+  /** Defines any amount of data to be displayed in the table. Properties for each entry:<br>
+   *   * `id`: should be provided and will be used as a React key internally
+   *   * `unselectable`: specifies whether a row can be selected by a user when `showSelection` is enabled for the whole table
+   *   * `checkboxTooltipContent`: defines tooltip content to show when user hovers selection checkbox
+   *   * any number of records with unique identifiers for column rendering
+   *  */
+  data: _propTypes.default.array,
+  // Not performing any shape validation to not hurt performance.
+  /** Configures table columns. Required properties for each column:<br />
+   *    * `title`: specifies a text string or an element to display in the table titlebar
+   *    * `render`: defines a function which will be called to display this row value for this column<br>
+   *
+   *  Optional properties for each column:
+   *    * `onCellClick`: defines a  callback function which is called each time a cell in this column is clicked. Signature: `onCellClick(column, rowData, rowNum, event)`
+   *    * `sortable`: specifies whether field is sortable. If true clicking the header will call `onSortClick`.
+   *    * `sortDescending`: specifies what sort icon to display in the column header. `true` shows an up arrow, `false` shows a down arrow, `undefined' shows no icon.
+   *    * `infoTooltipProps`: controls info [tooltip](/?path=/story/components-overlays--tooltip) appearance in titlebar. Note: `dataHook`, `moveBy` and `children` will not be passed to tooltip.
+   *    * `style`: applies a custom CSS class to the component’s root element
+   *    * `align`: controls the alignment of the column content
+   *    * `width`: sets the width of a column. No value means column will try to contain its children, if possible.
+   *    * `important`: increases text size of this column data across all rows, sets font color to D10
+   *    * `stickyActionCell`: specifies whether `<TableActionCell/>` controls are fixed to the right side of the table
+   *    */
+  columns: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]).isRequired,
+    render: _propTypes.default.func.isRequired,
+    onCellClick: _propTypes.default.func,
+    sortable: _propTypes.default.bool,
+    sortDescending: _propTypes.default.bool,
+    infoTooltipProps: _propTypes.default.shape(_TooltipCommon.TooltipCommonProps),
+    style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]),
+    align: _propTypes.default.oneOf(['start', 'center', 'end']),
+    width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    important: _propTypes.default.bool,
+    stickyActionCell: _propTypes.default.bool
+  })).isRequired,
+  /** Defines a function that gets row data and returns a class(es) to apply to that specific row */
+  dynamicRowClass: _propTypes.default.func,
+  /** Defines a function that gets row data and returns boolean value specifying whether row is highlighted or not */
+  isRowHighlight: _propTypes.default.func,
+  /** Indicates whether there is additional data to load from external sources though `loadMore` function. When set to true `loadMore` property will be called until false value is received. */
+  hasMore: _propTypes.default.bool,
+  /** Invokes `loadMore` on the initial table render */
+  initialLoad: _propTypes.default.bool,
+  /** Assigns an unique identifier for the table */
+  id: _propTypes.default.string,
+  /** Renders data gradually as user scrolls down the list */
+  infiniteScroll: _propTypes.default.bool,
+  /** Specifies the total number of selectable items in the table (including items not loaded yet).
+   * When ‘Select all’ is triggered in infinite scroll tables, newly loaded items will be selected automatically. In this case, `SelectionContext` holds not-selected items rather than the selected ones.
+   * SelectionContext.infiniteBulkSelected is true and SelectionContext.selectedCount is the value of totalSelectableCount minus the count of unselected items. */
+  totalSelectableCount: _propTypes.default.number,
+  /** Determines the number of rows to rendered on each load of an infinite scroll table */
+  itemsPerPage: _propTypes.default.number,
+  /** Pass a loader to show when loading more items in infinite scroll table. Most commonly pass <Loader/> or <Text/> components. */
+  loader: _propTypes.default.node,
+  /** Defines a callback function which is called each time user request to load more items */
+  loadMore: _propTypes.default.func,
+  /** Defines a callback function which is called each time user clicks on the row. This prop is required to enable row hover effect. */
+  onRowClick: _propTypes.default.func,
+  /** Defines a callback function which is called each time mouse enters the row */
+  onMouseEnterRow: _propTypes.default.func,
+  /** Defines a callback function which is called each time mouse leaves the row */
+  onMouseLeaveRow: _propTypes.default.func,
+  /** Add scroll listeners to the window, or else, the component's parentNode. */
+  useWindow: _propTypes.default.bool,
+  /** Adds scroll listeners to specified DOM object */
+  scrollElement: _propTypes.default.object,
+  /** Controls the amount of white space above and below row content:
+   * - `large`: 24px
+   * - `medium`: 18px
+   * - `small`: with the feature toggle: 15px, without the feature toggle: 12px
+   * - `tiny`: 12px
+   * */
+  rowVerticalPadding: _propTypes.default.oneOf(['tiny', 'small', 'medium', 'large']),
+  /** Defines a function that returns a component to render in the expanded row content area */
+  rowDetails: _propTypes.default.func,
+  /** Removes paddings from an expanded row content area */
+  removeRowDetailsPadding: _propTypes.default.bool,
+  /** Applies a data-hook HTML attribute or a function that calculates the data-hook for each row on the table */
+  rowDataHook: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+  /** A class to apply to all table body rows */
+  rowClass: _propTypes.default.string,
+  /** Specifies whether to show table title bar when there’s no data in the table */
+  showHeaderWhenEmpty: _propTypes.default.bool,
+  /** Specifies whether last row in the table should have a bottom divider */
+  showLastRowDivider: _propTypes.default.bool,
+  /** ++EXPERIMENTAL++ Virtualize the table scrolling for long list items */
+  virtualized: _propTypes.default.bool,
+  /** ++EXPERIMENTAL++ Controls virtualized table height */
+  virtualizedTableHeight: _propTypes.default.number,
+  /** ++EXPERIMENTAL++ Set virtualized table row height */
+  virtualizedLineHeight: _propTypes.default.number,
+  /** ++EXPERIMENTAL++ Set ref on virtualized list containing table rows */
+  virtualizedListRef: _propTypes.default.any,
+  /** Defines the width of the table in percentages or pixels. */
+  width: _propTypes.default.string,
+  /** Controls the appearance of a table title bar */
+  skin: _propTypes.default.oneOf(['standard', 'neutral']),
+  /** Specifies whether table content can exceed the width of the table. If enabled, table can be scrolled horizontally. */
+  horizontalScroll: _propTypes.default.bool,
+  /** Specifies the number of columns to stick to the left side in tables that support horizontal scroll */
+  stickyColumns: _propTypes.default.number,
+  /** Defines a function to call for each row to check whether row should appear as disabled or not  */
+  isRowDisabled: _propTypes.default.func,
+  dragAndDrop: _propTypes.default.object,
+  onDragEnd: _propTypes.default.func
+};
+
+// export default Table;
+//# sourceMappingURL=Table.js.map

package/dist/cjs/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasUnselectablesSymbol","Symbol","createColumns","tableProps","bulkSelectionContext","createCheckboxColumn","toggleSelectionById","isSelected","selectionDisabled","isRowSelectionDisabled","rowData","key","title","hideBulkSelectionCheckbox","dataHook","onCellClick","column","row","rowNum","event","unselectable","stopPropagation","id","defaultTo","render","tooltipContent","checkboxTooltipContent","disabled","width","stickyColumns","style","_","undefined","cursor","dragAndDrop","isDragAndDropDisabled","createDragHandleColumn","showSelection","columns","getDataTableProps","onSelectionChanged","props","rowClass","classNames","classes","tableRow","Table","React","Component","state","leftShadowVisible","rightShadowVisible","_handleUpdateScrollShadows","setState","shouldComponentUpdate","setSelectedIds","selectedIds","bulkSelection","renderChildren","children","withWrapper","data","deselectRowsByDefault","infiniteScroll","totalSelectableCount","hasMore","horizontalScroll","onDragEnd","hasUnselectables","allIds","map","rowIndex","filter","rowId","contextValue","onUpdateScrollShadows","table","_ref","Boolean","ToolbarContainer","TableToolbarContainer","Titlebar","TableTitleBar","Content","TableContent","SubToolbar","TableSubToolbar","EmptyState","TableEmptyState","BulkSelectionCheckbox","TableBulkSelectionCheckbox","displayName","defaultProps","DataTable","showLastRowDivider","isRowDisabled","propTypes","PropTypes","any","string","func","bool","oneOfType","arrayOf","number","onSortClick","allowMultiDetailsExpansion","array","shape","node","isRequired","sortable","sortDescending","infoTooltipProps","TooltipCommonProps","object","align","oneOf","important","stickyActionCell","dynamicRowClass","isRowHighlight","initialLoad","itemsPerPage","loader","loadMore","onRowClick","onMouseEnterRow","onMouseLeaveRow","useWindow","scrollElement","rowVerticalPadding","rowDetails","removeRowDetailsPadding","rowDataHook","showHeaderWhenEmpty","virtualized","virtualizedTableHeight","virtualizedLineHeight","virtualizedListRef","skin"],"sources":["../../../src/Table/Table.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport defaultTo from 'lodash/defaultTo';\nimport classNames from 'classnames';\nimport { ScrollSync } from 'react-scroll-sync';\n\nimport { classes } from './Table.st.css';\nimport DataTable from './DataTable';\nimport Checkbox from '../Checkbox';\nimport { TableContext } from './TableContext';\nimport { BulkSelection } from './BulkSelection';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\n\nimport {\n  TableBulkSelectionCheckbox,\n  TableContent,\n  TableEmptyState,\n  TableSubToolbar,\n  TableTitleBar,\n  TableToolbarContainer,\n} from './components';\n\nconst hasUnselectablesSymbol = Symbol('hasUnselectables');\n\nexport function createColumns({ tableProps, bulkSelectionContext }) {\n  const createCheckboxColumn = ({\n    toggleSelectionById,\n    isSelected,\n    selectionDisabled,\n  }) => {\n    const isRowSelectionDisabled = rowData =>\n      selectionDisabled === true ||\n      (typeof selectionDisabled === 'function' && selectionDisabled(rowData));\n\n    return {\n      key: 'bulk-selection-cell',\n      title: tableProps.hideBulkSelectionCheckbox ? (\n        ''\n      ) : (\n        <TableBulkSelectionCheckbox dataHook=\"table-select\" />\n      ),\n      dataHook: 'bulk-selection-cell',\n      onCellClick: (column, row, rowNum, event) => {\n        if (row.unselectable) {\n          return;\n        }\n\n        event.stopPropagation();\n\n        if (isRowSelectionDisabled(row)) {\n          return;\n        }\n\n        const id = defaultTo(row.id, rowNum);\n        toggleSelectionById(id, 'Checkbox');\n      },\n      render: (row, rowNum) => {\n        const id = defaultTo(row.id, rowNum);\n        const tooltipContent = row.checkboxTooltipContent;\n\n        return row.unselectable ? null : (\n          <Checkbox\n            disabled={isRowSelectionDisabled(row)}\n            dataHook=\"row-select\"\n            checked={isSelected(id)}\n            tooltipProps={{ disabled: !tooltipContent }}\n            tooltipContent={tooltipContent}\n          />\n        );\n      },\n      // Apply different column width when just the single selection column is marked\n      // as sticky (looks weird otherwise when stickied with default 12px width).\n      width: tableProps.stickyColumns === 1 ? '34px' : '12px',\n      style: (_, row) => (row.unselectable ? undefined : { cursor: 'pointer' }),\n    };\n  };\n\n  const { dragAndDrop, isDragAndDropDisabled } = tableProps;\n\n  return [\n    ...(dragAndDrop != null &&\n    dragAndDrop.createDragHandleColumn != null &&\n    !isDragAndDropDisabled\n      ? [dragAndDrop.createDragHandleColumn(tableProps)]\n      : []),\n    ...(tableProps.showSelection\n      ? [createCheckboxColumn(bulkSelectionContext)]\n      : []),\n    ...tableProps.columns,\n  ];\n}\n\nexport function getDataTableProps(tableProps) {\n  /* eslint-disable no-unused-vars */\n  const { showSelection, onSelectionChanged, dataHook, ...props } = tableProps;\n  return {\n    ...props,\n    rowClass: classNames(tableProps.rowClass, classes.tableRow),\n  };\n}\n\n/**\n * Table is a composite component that allows adding SelectionColumn, Toolbar (on top of the TitleBar).\n * It is a context provider, and thus the Table.Consumer, Table.TitleBar and Table.Content can be rendered separately.\n */\nexport class Table extends React.Component {\n  static ToolbarContainer = TableToolbarContainer;\n  static Titlebar = TableTitleBar;\n  static Content = TableContent;\n  static SubToolbar = TableSubToolbar;\n  static EmptyState = TableEmptyState;\n  static BulkSelectionCheckbox = TableBulkSelectionCheckbox;\n\n  state = {\n    leftShadowVisible: false,\n    rightShadowVisible: false,\n  };\n\n  _handleUpdateScrollShadows = (leftShadowVisible, rightShadowVisible) => {\n    if (leftShadowVisible !== this.state.leftShadowVisible) {\n      this.setState({ leftShadowVisible });\n    }\n    if (rightShadowVisible !== this.state.rightShadowVisible) {\n      this.setState({ rightShadowVisible });\n    }\n  };\n\n  shouldComponentUpdate() {\n    // Table is not really a PureComponent\n    return true;\n  }\n\n  setSelectedIds(selectedIds) {\n    this.bulkSelection.setSelectedIds(selectedIds);\n  }\n\n  renderChildren() {\n    const { children, withWrapper, dataHook } = this.props;\n    return withWrapper ? <div data-hook={dataHook}>{children}</div> : children;\n  }\n\n  render() {\n    const {\n      data,\n      selectedIds,\n      showSelection,\n      deselectRowsByDefault,\n      infiniteScroll,\n      totalSelectableCount,\n      onSelectionChanged,\n      hasMore,\n      horizontalScroll,\n      selectionDisabled,\n      dragAndDrop,\n      onDragEnd,\n    } = this.props;\n\n    let hasUnselectables = null;\n    let allIds = data.map((rowData, rowIndex) =>\n      rowData.unselectable ||\n      (typeof selectionDisabled === 'function' && selectionDisabled(rowData))\n        ? (hasUnselectables = hasUnselectablesSymbol)\n        : defaultTo(rowData.id, rowIndex),\n    );\n\n    if (hasUnselectables === hasUnselectablesSymbol) {\n      allIds = allIds.filter(rowId => rowId !== hasUnselectablesSymbol);\n    }\n\n    const { leftShadowVisible, rightShadowVisible } = this.state;\n    const contextValue = {\n      ...this.props,\n      leftShadowVisible,\n      rightShadowVisible,\n      onUpdateScrollShadows: this._handleUpdateScrollShadows,\n    };\n\n    let table = (\n      <TableContext.Provider value={contextValue}>\n        {showSelection ? (\n          <BulkSelection\n            ref={_ref => (this.bulkSelection = _ref)}\n            selectedIds={selectedIds}\n            deselectRowsByDefault={deselectRowsByDefault}\n            selectionDisabled={selectionDisabled}\n            hasMoreInBulkSelection={\n              infiniteScroll && Boolean(totalSelectableCount) && hasMore\n            }\n            totalCount={totalSelectableCount}\n            allIds={allIds}\n            onSelectionChanged={onSelectionChanged}\n          >\n            {this.renderChildren()}\n          </BulkSelection>\n        ) : (\n          this.renderChildren()\n        )}\n      </TableContext.Provider>\n    );\n\n    table = horizontalScroll ? (\n      <ScrollSync proportional={false} horizontal vertical={false}>\n        {table}\n      </ScrollSync>\n    ) : (\n      table\n    );\n\n    return table;\n  }\n}\n\nTable.displayName = 'Table';\n\nTable.defaultProps = {\n  ...DataTable.defaultProps,\n  showSelection: false,\n  hideBulkSelectionCheckbox: false,\n  children: [<Table.Content key=\"content\" />],\n  withWrapper: true,\n  showLastRowDivider: false,\n  horizontalScroll: false,\n  stickyColumns: 0,\n  isRowDisabled: () => false,\n  deselectRowsByDefault: false,\n};\n\nTable.propTypes = {\n  /** Accept any wrapper component as a child element. It must eventually include <Table.Content/>. */\n  children: PropTypes.any,\n\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Defines a callback function which is called when selection happens. <br />\n   * There are 3 types of selections:\n   *    * `ALL` - bulk selection checkbox has been triggered to select all items\n   *    * `SINGLE_TOGGLE` - a checkbox to select one item from the list has been triggered. The change object will also include an `id` prop with the unique item identifier and a `value` prop with the new boolean selection state of the item.\n   *    * `NONE` - bulk selection has been triggered to unselect all items.\n   *  */\n  onSelectionChanged: PropTypes.func,\n\n  /** Displays selection checkbox as a first column in each row. To hide the selection checkbox from a specific row, set its `row.unselectable` value to true in the data array. */\n  showSelection: PropTypes.bool,\n\n  /** Hides bulk selection checkbox in the table titlebar */\n  hideBulkSelectionCheckbox: PropTypes.bool,\n\n  /** Defines an array of selected rows */\n  selectedIds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /** Specifies whether table row selection is restricted at a given moment. Can be defined as:\n   *    * `bool` disables selection for all table rows\n   *    * `function` that will be called for each row to check whether to disable selection or not depending on specified condition */\n  selectionDisabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n  /** Controls bulk selection checkbox behaviour in indeterminate state. By default, first click on indeterminate state selects all items in the table. If set to `true`, first click will deselect all items instead. */\n  deselectRowsByDefault: PropTypes.bool,\n\n  /**\n   *  When false then Table would not create a `<div/>` wrapper around it's children.\n   *  Useful when using `<Table/>` to wrap a `<Page/>` component, in that case we use the `<Table/>` only as a context provider and it does not render anything to the DOM by itself.*/\n  withWrapper: PropTypes.bool,\n\n  /**\n   * Defines a callback function which is called on column title click\n   */\n  onSortClick: PropTypes.func,\n\n  // The following props are derived directly from <DataTable/> component\n  /** Allows to expand multiple row details at once */\n  allowMultiDetailsExpansion: PropTypes.bool,\n  /** Defines any amount of data to be displayed in the table. Properties for each entry:<br>\n   *   * `id`: should be provided and will be used as a React key internally\n   *   * `unselectable`: specifies whether a row can be selected by a user when `showSelection` is enabled for the whole table\n   *   * `checkboxTooltipContent`: defines tooltip content to show when user hovers selection checkbox\n   *   * any number of records with unique identifiers for column rendering\n   *  */\n  data: PropTypes.array, // Not performing any shape validation to not hurt performance.\n  /** Configures table columns. Required properties for each column:<br />\n   *    * `title`: specifies a text string or an element to display in the table titlebar\n   *    * `render`: defines a function which will be called to display this row value for this column<br>\n   *\n   *  Optional properties for each column:\n   *    * `onCellClick`: defines a  callback function which is called each time a cell in this column is clicked. Signature: `onCellClick(column, rowData, rowNum, event)`\n   *    * `sortable`: specifies whether field is sortable. If true clicking the header will call `onSortClick`.\n   *    * `sortDescending`: specifies what sort icon to display in the column header. `true` shows an up arrow, `false` shows a down arrow, `undefined' shows no icon.\n   *    * `infoTooltipProps`: controls info [tooltip](/?path=/story/components-overlays--tooltip) appearance in titlebar. Note: `dataHook`, `moveBy` and `children` will not be passed to tooltip.\n   *    * `style`: applies a custom CSS class to the component’s root element\n   *    * `align`: controls the alignment of the column content\n   *    * `width`: sets the width of a column. No value means column will try to contain its children, if possible.\n   *    * `important`: increases text size of this column data across all rows, sets font color to D10\n   *    * `stickyActionCell`: specifies whether `<TableActionCell/>` controls are fixed to the right side of the table\n   *    */\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n      render: PropTypes.func.isRequired,\n      onCellClick: PropTypes.func,\n      sortable: PropTypes.bool,\n      sortDescending: PropTypes.bool,\n      infoTooltipProps: PropTypes.shape(TooltipCommonProps),\n      style: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n      align: PropTypes.oneOf(['start', 'center', 'end']),\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      important: PropTypes.bool,\n      stickyActionCell: PropTypes.bool,\n    }),\n  ).isRequired,\n  /** Defines a function that gets row data and returns a class(es) to apply to that specific row */\n  dynamicRowClass: PropTypes.func,\n  /** Defines a function that gets row data and returns boolean value specifying whether row is highlighted or not */\n  isRowHighlight: PropTypes.func,\n  /** Indicates whether there is additional data to load from external sources though `loadMore` function. When set to true `loadMore` property will be called until false value is received. */\n  hasMore: PropTypes.bool,\n  /** Invokes `loadMore` on the initial table render */\n  initialLoad: PropTypes.bool,\n  /** Assigns an unique identifier for the table */\n  id: PropTypes.string,\n  /** Renders data gradually as user scrolls down the list */\n  infiniteScroll: PropTypes.bool,\n  /** Specifies the total number of selectable items in the table (including items not loaded yet).\n   * When ‘Select all’ is triggered in infinite scroll tables, newly loaded items will be selected automatically. In this case, `SelectionContext` holds not-selected items rather than the selected ones.\n   * SelectionContext.infiniteBulkSelected is true and SelectionContext.selectedCount is the value of totalSelectableCount minus the count of unselected items. */\n  totalSelectableCount: PropTypes.number,\n  /** Determines the number of rows to rendered on each load of an infinite scroll table */\n  itemsPerPage: PropTypes.number,\n  /** Pass a loader to show when loading more items in infinite scroll table. Most commonly pass <Loader/> or <Text/> components. */\n  loader: PropTypes.node,\n  /** Defines a callback function which is called each time user request to load more items */\n  loadMore: PropTypes.func,\n  /** Defines a callback function which is called each time user clicks on the row. This prop is required to enable row hover effect. */\n  onRowClick: PropTypes.func,\n  /** Defines a callback function which is called each time mouse enters the row */\n  onMouseEnterRow: PropTypes.func,\n  /** Defines a callback function which is called each time mouse leaves the row */\n  onMouseLeaveRow: PropTypes.func,\n  /** Add scroll listeners to the window, or else, the component's parentNode. */\n  useWindow: PropTypes.bool,\n  /** Adds scroll listeners to specified DOM object */\n  scrollElement: PropTypes.object,\n  /** Controls the amount of white space above and below row content:\n   * - `large`: 24px\n   * - `medium`: 18px\n   * - `small`: with the feature toggle: 15px, without the feature toggle: 12px\n   * - `tiny`: 12px\n   * */\n  rowVerticalPadding: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n  /** Defines a function that returns a component to render in the expanded row content area */\n  rowDetails: PropTypes.func,\n  /** Removes paddings from an expanded row content area */\n  removeRowDetailsPadding: PropTypes.bool,\n  /** Applies a data-hook HTML attribute or a function that calculates the data-hook for each row on the table */\n  rowDataHook: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),\n  /** A class to apply to all table body rows */\n  rowClass: PropTypes.string,\n  /** Specifies whether to show table title bar when there’s no data in the table */\n  showHeaderWhenEmpty: PropTypes.bool,\n  /** Specifies whether last row in the table should have a bottom divider */\n  showLastRowDivider: PropTypes.bool,\n  /** ++EXPERIMENTAL++ Virtualize the table scrolling for long list items */\n  virtualized: PropTypes.bool,\n  /** ++EXPERIMENTAL++ Controls virtualized table height */\n  virtualizedTableHeight: PropTypes.number,\n  /** ++EXPERIMENTAL++ Set virtualized table row height */\n  virtualizedLineHeight: PropTypes.number,\n  /** ++EXPERIMENTAL++ Set ref on virtualized list containing table rows */\n  virtualizedListRef: PropTypes.any,\n  /** Defines the width of the table in percentages or pixels. */\n  width: PropTypes.string,\n  /** Controls the appearance of a table title bar */\n  skin: PropTypes.oneOf(['standard', 'neutral']),\n  /** Specifies whether table content can exceed the width of the table. If enabled, table can be scrolled horizontally. */\n  horizontalScroll: PropTypes.bool,\n  /** Specifies the number of columns to stick to the left side in tables that support horizontal scroll */\n  stickyColumns: PropTypes.number,\n  /** Defines a function to call for each row to check whether row should appear as disabled or not  */\n  isRowDisabled: PropTypes.func,\n\n  dragAndDrop: PropTypes.object,\n  onDragEnd: PropTypes.func,\n};\n\n// export default Table;\n"],"mappings":"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"}

package/dist/cjs/Table/Table.meta.js

@@ -0,0 +1,37 @@
+"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 = {
+  columns: [{
+    title: 'A',
+    render: row => row.a
+  }]
+};
+
+// 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), {}, {
+    data: [{
+      a: 'value 1',
+      b: 'value 2'
+    }]
+  })
+}];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Table.meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","columns","title","render","row","a","sharedTests","props","testkitTests","data","b","ssrTests","a11yTests"],"sources":["../../../src/Table/Table.meta.tsx"],"sourcesContent":["import { TableProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: TableProps = {\n  columns: [{ title: 'A', render: row => row.a }],\n};\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 TableProps,\n  },\n];\n\nexport const testkitTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n      data: [{ a: 'value 1', b: 'value 2' }],\n    } as TableProps,\n  },\n];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAyB,GAAG;EACvCC,OAAO,EAAE,CAAC;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAEC,GAAG,IAAIA,GAAG,CAACC;EAAE,CAAC;AAChD,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEJ,KAAK,EAAE,QAAQ;EACfK,KAAK,oBACAP,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMQ,YAAY,GAAG,CAC1B;EACEN,KAAK,EAAE,QAAQ;EACfK,KAAK,kCACAP,aAAa;IAChBS,IAAI,EAAE,CAAC;MAAEJ,CAAC,EAAE,SAAS;MAAEK,CAAC,EAAE;IAAU,CAAC;EAAC;AAE1C,CAAC,CACF;AAAC;AAEK,IAAMC,QAAQ,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC;AAElC,IAAMM,SAAS,GAAG,CAAC,GAAGN,WAAW,CAAC;AAAC"}

package/dist/cjs/Table/Table.private.driver.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.tablePrivateDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Table = _interopRequireDefault(require("./Table.driver"));
+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 tablePrivateDriverFactory = args => {
+  var publicDriver = (0, _Table.default)(args);
+  return _objectSpread(_objectSpread({}, publicDriver), {}, {
+    exists: () => !!publicDriver.element,
+    getInnerHtml: () => publicDriver.element.innerHTML,
+    scrollHorizontallyTo: x => publicDriver.element.querySelector('[data-hook="table-content"]').scroll(x, 0)
+  });
+};
+exports.tablePrivateDriverFactory = tablePrivateDriverFactory;
+//# sourceMappingURL=Table.private.driver.js.map

package/dist/cjs/Table/Table.private.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tablePrivateDriverFactory","args","publicDriver","tableDriverFactory","exists","element","getInnerHtml","innerHTML","scrollHorizontallyTo","x","querySelector","scroll"],"sources":["../../../src/Table/Table.private.driver.js"],"sourcesContent":["import tableDriverFactory from './Table.driver';\n\nexport const tablePrivateDriverFactory = args => {\n  const publicDriver = tableDriverFactory(args);\n  return {\n    ...publicDriver,\n    exists: () => !!publicDriver.element,\n    getInnerHtml: () => publicDriver.element.innerHTML,\n    scrollHorizontallyTo: x =>\n      publicDriver.element\n        .querySelector('[data-hook=\"table-content\"]')\n        .scroll(x, 0),\n  };\n};\n"],"mappings":";;;;;;AAAA;AAAgD;AAAA;AAEzC,IAAMA,yBAAyB,GAAGC,IAAI,IAAI;EAC/C,IAAMC,YAAY,GAAG,IAAAC,cAAkB,EAACF,IAAI,CAAC;EAC7C,uCACKC,YAAY;IACfE,MAAM,EAAE,MAAM,CAAC,CAACF,YAAY,CAACG,OAAO;IACpCC,YAAY,EAAE,MAAMJ,YAAY,CAACG,OAAO,CAACE,SAAS;IAClDC,oBAAoB,EAAEC,CAAC,IACrBP,YAAY,CAACG,OAAO,CACjBK,aAAa,CAAC,6BAA6B,CAAC,CAC5CC,MAAM,CAACF,CAAC,EAAE,CAAC;EAAC;AAErB,CAAC;AAAC"}

package/dist/cjs/Table/Table.private.uni.driver.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.tablePrivateUniDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _TableUni = require("./Table.uni.driver");
+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 tablePrivateUniDriverFactory = function tablePrivateUniDriverFactory(base) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  var publicDriver = (0, _TableUni.tableUniDriverFactory)(base, ...args);
+  return _objectSpread(_objectSpread({}, publicDriver), {}, {
+    getInnerHtml: () => base._prop('innerHTML')
+  });
+};
+exports.tablePrivateUniDriverFactory = tablePrivateUniDriverFactory;
+//# sourceMappingURL=Table.private.uni.driver.js.map

package/dist/cjs/Table/Table.private.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tablePrivateUniDriverFactory","base","args","publicDriver","tableUniDriverFactory","getInnerHtml","_prop"],"sources":["../../../src/Table/Table.private.uni.driver.js"],"sourcesContent":["import { tableUniDriverFactory } from './Table.uni.driver';\n\nexport const tablePrivateUniDriverFactory = (base, ...args) => {\n  const publicDriver = tableUniDriverFactory(base, ...args);\n  return {\n    ...publicDriver,\n    getInnerHtml: () => base._prop('innerHTML'),\n  };\n};\n"],"mappings":";;;;;;AAAA;AAA2D;AAAA;AAEpD,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA4B,CAAIC,IAAI,EAAc;EAAA,kCAATC,IAAI;IAAJA,IAAI;EAAA;EACxD,IAAMC,YAAY,GAAG,IAAAC,+BAAqB,EAACH,IAAI,EAAE,GAAGC,IAAI,CAAC;EACzD,uCACKC,YAAY;IACfE,YAAY,EAAE,MAAMJ,IAAI,CAACK,KAAK,CAAC,WAAW;EAAC;AAE/C,CAAC;AAAC"}

package/dist/cjs/Table/Table.st.css

@@ -0,0 +1,56 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D60, B50;
+}
+
+:import {
+  -st-from: '../TableActionCell/TableActionCell.st.css';
+  -st-default: TableActionCell;
+  -st-named: onHover, notOnHover;
+}
+
+.emptyStateContainer {
+  padding: 42px;
+  border-top: 1px solid value(D60);
+}
+
+.content {
+  -st-states: titleBarPresent;
+}
+
+.content:not(:first-child):not(:titleBarPresent) {
+  border-top: 1px solid value(D60);
+}
+
+/*
+ * TableActionCell
+ */
+
+/* `onHover` HoverSlot */
+.tableRow TableActionCell::hoverSlot.onHover {
+  opacity: 0;
+}
+
+.tableRow:hover TableActionCell::hoverSlot.onHover, .tableRow:focus-within TableActionCell::hoverSlot.onHover {
+  opacity: 1;
+}
+
+/* `notOnHover` HoverSlot */
+.tableRow TableActionCell::hoverSlot.notOnHover {
+  opacity: 1;
+}
+
+.tableRow:hover TableActionCell::hoverSlot.notOnHover, .tableRow:focus-within TableActionCell::hoverSlot.notOnHover {
+  opacity: 0;
+}
+
+/* Placeholder icon */
+.tableRow:hover TableActionCell::placeholderIcon, .tableRow:focus-within TableActionCell::placeholderIcon {
+  display: none;
+}
+
+.tableSubToolbar {
+  border-top: 1px solid value(D60);
+  padding: 9px 24px;
+
+}