@wix/design-system 1.0.1 → 1.0.2

package/dist/cjs/Table/Table.js

@@ -19,7 +19,7 @@ var _TableContext = require("./TableContext");
 var _BulkSelection = require("./BulkSelection");
 var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
 var _components = require("./components");
-var _excluded = ["showSelection", "onSelectionChanged", "dataHook"];
+var _excluded = ["showSelection", "onSelectionChanged", "onSelectionStarted", "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; }
@@ -97,6 +97,7 @@ function getDataTableProps(tableProps) {
   var {
       showSelection,
       onSelectionChanged,
+      onSelectionStarted,
       dataHook
     } = tableProps,
     props = (0, _objectWithoutProperties2.default)(tableProps, _excluded);
@@ -147,7 +148,7 @@ class Table extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 145,
         columnNumber: 26
       }
     }, children) : children;
@@ -161,6 +162,7 @@ class Table extends _react.default.Component {
       infiniteScroll,
       totalSelectableCount,
       onSelectionChanged,
+      onSelectionStarted,
       hasMore,
       horizontalScroll,
       selectionDisabled,
@@ -186,7 +188,7 @@ class Table extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 179,
+        lineNumber: 186,
         columnNumber: 7
       }
     }, showSelection ? /*#__PURE__*/_react.default.createElement(_BulkSelection.BulkSelection, {
@@ -198,10 +200,11 @@ class Table extends _react.default.Component {
       totalCount: totalSelectableCount,
       allIds: allIds,
       onSelectionChanged: onSelectionChanged,
+      onSelectionStarted: onSelectionStarted,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181,
+        lineNumber: 188,
         columnNumber: 11
       }
     }, this.renderChildren()) : this.renderChildren());
@@ -212,7 +215,7 @@ class Table extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 202,
+        lineNumber: 210,
         columnNumber: 7
       }
     }, table) : table;
@@ -235,7 +238,7 @@ Table.defaultProps = _objectSpread(_objectSpread({}, _DataTable.default.defaultP
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 227,
       columnNumber: 14
     }
   })],
@@ -258,6 +261,8 @@ Table.propTypes = {
    *    * `NONE` - bulk selection has been triggered to unselect all items.
    *  */
   onSelectionChanged: _propTypes.default.func,
+  /** Called when item selection triggered but not changed yet. */
+  onSelectionStarted: _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 */

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

@@ -1 +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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"}
+{"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","onSelectionStarted","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 {\n    showSelection,\n    onSelectionChanged,\n    onSelectionStarted,\n    dataHook,\n    ...props\n  } = 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      onSelectionStarted,\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            onSelectionStarted={onSelectionStarted}\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  /** Called when item selection triggered but not changed yet. */\n  onSelectionStarted: 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.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_1_Table";
+var _namespace_ = "wds_1_0_2_Table";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_1_Table__root","onHover":"wds_1_0_1_TableActionCell__onHover","notOnHover":"wds_1_0_1_TableActionCell__notOnHover","emptyStateContainer":"wds_1_0_1_Table__emptyStateContainer","content":"wds_1_0_1_Table__content","tableRow":"wds_1_0_1_Table__tableRow","tableSubToolbar":"wds_1_0_1_Table__tableSubToolbar"};
+module.exports.classes = {"root":"wds_1_0_2_Table__root","onHover":"wds_1_0_2_TableActionCell__onHover","notOnHover":"wds_1_0_2_TableActionCell__notOnHover","emptyStateContainer":"wds_1_0_2_Table__emptyStateContainer","content":"wds_1_0_2_Table__content","tableRow":"wds_1_0_2_Table__tableRow","tableSubToolbar":"wds_1_0_2_Table__tableSubToolbar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["Table","React","Component","setSelectedIds","ToolbarContainer","Titlebar","SubToolbar","Content","EmptyState","BulkSelectionCheckbox"],"sources":["../../../src/Table/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  DataTableColumn,\n  DataTableProps,\n  RowDataDefaultType,\n  DragStartEvent,\n  DragEndEvent,\n  TableDragAndDrop,\n} from './DataTable';\nimport EmptyState from '../EmptyState';\n\nexport interface TableProps<RowData = RowDataDefaultType>\n  extends UsedDataTableProps<RowData> {\n  dataHook?: string;\n  onSelectionChanged?: OnSelectionChangedFn;\n  showSelection?: boolean;\n  hideBulkSelectionCheckbox?: boolean;\n  selectedIds?: string[] | number[];\n  selectionDisabled?: boolean | SelectionDisabledFn<RowData>;\n  deselectRowsByDefault?: boolean;\n  withWrapper?: boolean;\n  controlled?: boolean;\n  onSortClick?(colData: TableColumn, colNum: number): void;\n  totalSelectableCount?: number;\n  columns: TableColumn<RowData>[];\n  dragAndDrop?: any;\n  onDragEnd?(event: DragEndEvent): unknown;\n  onDragStart?(event: DragStartEvent): unknown;\n  onDragCancel?(event: DragEndEvent): unknown;\n  isDragAndDropDisabled?: boolean;\n}\n\ndeclare const ToolbarContainer: React.FC;\ndeclare const SubToolbar: React.FunctionComponent<{ dataHook?: string }>;\ndeclare const Titlebar: React.FC<{ dataHook?: string }>;\ndeclare const Content: React.FC<{\n  titleBarVisible?: boolean;\n  titleBarDisplay?: boolean;\n  dataHook?: string;\n}>;\ndeclare const BulkSelectionCheckbox: React.FC<{ dataHook: string }>;\n\nexport type TableColumn<RowDataType = RowDataDefaultType> =\n  DataTableColumn<RowDataType>;\n\nexport type OnSelectionChangedFn = (\n  selectedIds: TableProps['selectedIds'] | null,\n  change:\n    | {\n        type: 'SINGLE_TOGGLE';\n        id: string;\n        value: boolean;\n        origin: string;\n      }\n    | {\n        type: 'ALL' | 'NONE';\n        origin: string;\n      },\n) => void;\n\nexport type SelectionDisabledFn<RowData = RowDataDefaultType> = (\n  rowData: RowData,\n) => void;\n\nexport type UsedDataTableProps<RowData = RowDataDefaultType> = Pick<\n  DataTableProps<RowData>,\n  | 'allowMultiDetailsExpansion'\n  | 'dynamicRowClass'\n  | 'isRowHighlight'\n  | 'hasMore'\n  | 'initialLoad'\n  | 'id'\n  | 'infiniteScroll'\n  | 'itemsPerPage'\n  | 'loader'\n  | 'loadMore'\n  | 'onRowClick'\n  | 'onMouseEnterRow'\n  | 'onMouseLeaveRow'\n  | 'useWindow'\n  | 'scrollElement'\n  | 'rowVerticalPadding'\n  | 'rowDetails'\n  | 'removeRowDetailsPadding'\n  | 'rowDataHook'\n  | 'rowClass'\n  | 'showHeaderWhenEmpty'\n  | 'showLastRowDivider'\n  | 'virtualized'\n  | 'virtualizedTableHeight'\n  | 'virtualizedLineHeight'\n  | 'virtualizedListRef'\n  | 'width'\n  | 'skin'\n  | 'data'\n  | 'horizontalScroll'\n  | 'stickyColumns'\n  | 'isRowDisabled'\n  | 'infiniteScrollRef'\n>;\n\nexport default class Table<\n  RowData = RowDataDefaultType,\n> extends React.Component<TableProps<RowData>> {\n  static ToolbarContainer: typeof ToolbarContainer;\n  static Titlebar: typeof Titlebar;\n  static SubToolbar: typeof SubToolbar;\n  static Content: typeof Content;\n  static EmptyState: typeof EmptyState;\n  static BulkSelectionCheckbox: typeof BulkSelectionCheckbox;\n\n  setSelectedIds: (selectedIds: TableProps['selectedIds']) => void;\n}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAqGhB,MAAMA,KAAK,SAEhBC,KAAK,CAACC,SAAS,CAAsB;EAAA;IAAA;IAAA,KAQ7CC,cAAc;EAAA;AAChB;AAAC;AAXoBH,KAAK,CAGjBI,gBAAgB;AAHJJ,KAAK,CAIjBK,QAAQ;AAJIL,KAAK,CAKjBM,UAAU;AALEN,KAAK,CAMjBO,OAAO;AANKP,KAAK,CAOjBQ,UAAU;AAPER,KAAK,CAQjBS,qBAAqB"}
+{"version":3,"names":["Table","React","Component","setSelectedIds","ToolbarContainer","Titlebar","SubToolbar","Content","EmptyState","BulkSelectionCheckbox"],"sources":["../../../src/Table/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  DataTableColumn,\n  DataTableProps,\n  RowDataDefaultType,\n  DragStartEvent,\n  DragEndEvent,\n  TableDragAndDrop,\n} from './DataTable';\nimport EmptyState from '../EmptyState';\n\nexport interface TableProps<RowData = RowDataDefaultType>\n  extends UsedDataTableProps<RowData> {\n  dataHook?: string;\n  onSelectionChanged?: OnSelectionChangedFn;\n  onSelectionStarted?(): void;\n  showSelection?: boolean;\n  hideBulkSelectionCheckbox?: boolean;\n  selectedIds?: string[] | number[];\n  selectionDisabled?: boolean | SelectionDisabledFn<RowData>;\n  deselectRowsByDefault?: boolean;\n  withWrapper?: boolean;\n  controlled?: boolean;\n  onSortClick?(colData: TableColumn, colNum: number): void;\n  totalSelectableCount?: number;\n  columns: TableColumn<RowData>[];\n  dragAndDrop?: any;\n  onDragEnd?(event: DragEndEvent): unknown;\n  onDragStart?(event: DragStartEvent): unknown;\n  onDragCancel?(event: DragEndEvent): unknown;\n  isDragAndDropDisabled?: boolean;\n}\n\ndeclare const ToolbarContainer: React.FC;\ndeclare const SubToolbar: React.FunctionComponent<{ dataHook?: string }>;\ndeclare const Titlebar: React.FC<{ dataHook?: string }>;\ndeclare const Content: React.FC<{\n  titleBarVisible?: boolean;\n  titleBarDisplay?: boolean;\n  dataHook?: string;\n}>;\ndeclare const BulkSelectionCheckbox: React.FC<{ dataHook: string }>;\n\nexport type TableColumn<RowDataType = RowDataDefaultType> =\n  DataTableColumn<RowDataType>;\n\nexport type OnSelectionChangedFn = (\n  selectedIds: TableProps['selectedIds'] | null,\n  change:\n    | {\n        type: 'SINGLE_TOGGLE';\n        id: string;\n        value: boolean;\n        origin: string;\n      }\n    | {\n        type: 'ALL' | 'NONE';\n        origin: string;\n      },\n) => void;\n\nexport type SelectionDisabledFn<RowData = RowDataDefaultType> = (\n  rowData: RowData,\n) => void;\n\nexport type UsedDataTableProps<RowData = RowDataDefaultType> = Pick<\n  DataTableProps<RowData>,\n  | 'allowMultiDetailsExpansion'\n  | 'dynamicRowClass'\n  | 'isRowHighlight'\n  | 'hasMore'\n  | 'initialLoad'\n  | 'id'\n  | 'infiniteScroll'\n  | 'itemsPerPage'\n  | 'loader'\n  | 'loadMore'\n  | 'onRowClick'\n  | 'onMouseEnterRow'\n  | 'onMouseLeaveRow'\n  | 'useWindow'\n  | 'scrollElement'\n  | 'rowVerticalPadding'\n  | 'rowDetails'\n  | 'removeRowDetailsPadding'\n  | 'rowDataHook'\n  | 'rowClass'\n  | 'showHeaderWhenEmpty'\n  | 'showLastRowDivider'\n  | 'virtualized'\n  | 'virtualizedTableHeight'\n  | 'virtualizedLineHeight'\n  | 'virtualizedListRef'\n  | 'width'\n  | 'skin'\n  | 'data'\n  | 'horizontalScroll'\n  | 'stickyColumns'\n  | 'isRowDisabled'\n  | 'infiniteScrollRef'\n>;\n\nexport default class Table<\n  RowData = RowDataDefaultType,\n> extends React.Component<TableProps<RowData>> {\n  static ToolbarContainer: typeof ToolbarContainer;\n  static Titlebar: typeof Titlebar;\n  static SubToolbar: typeof SubToolbar;\n  static Content: typeof Content;\n  static EmptyState: typeof EmptyState;\n  static BulkSelectionCheckbox: typeof BulkSelectionCheckbox;\n\n  setSelectedIds: (selectedIds: TableProps['selectedIds']) => void;\n}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAsGhB,MAAMA,KAAK,SAEhBC,KAAK,CAACC,SAAS,CAAsB;EAAA;IAAA;IAAA,KAQ7CC,cAAc;EAAA;AAChB;AAAC;AAXoBH,KAAK,CAGjBI,gBAAgB;AAHJJ,KAAK,CAIjBK,QAAQ;AAJIL,KAAK,CAKjBM,UAAU;AALEN,KAAK,CAMjBO,OAAO;AANKP,KAAK,CAOjBQ,UAAU;AAPER,KAAK,CAQjBS,qBAAqB"}

package/dist/cjs/TableActionCell/HoverSlot/HoverSlot.js

@@ -17,7 +17,8 @@ var HoverSlot = _ref => {
     } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-    className: (0, _TableActionCellSt.st)(_TableActionCellSt.classes.hoverSlot, _TableActionCellSt.classes[display])
+    className: (0, _TableActionCellSt.st)(_TableActionCellSt.classes.hoverSlot, _TableActionCellSt.classes[display]),
+    "data-display": display
   }, props, {
     __self: void 0,
     __source: {

package/dist/cjs/TableActionCell/HoverSlot/HoverSlot.js.map

@@ -1 +1 @@
-{"version":3,"names":["HoverSlot","display","children","props","st","classes","hoverSlot","propTypes","PropTypes","oneOf","node"],"sources":["../../../../src/TableActionCell/HoverSlot/HoverSlot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from '../TableActionCell.st.css';\n\nconst HoverSlot = ({ display, children, ...props }) => (\n  <span className={st(classes.hoverSlot, classes[display])} {...props}>\n    {children}\n  </span>\n);\n\nHoverSlot.propTypes = {\n  display: PropTypes.oneOf(['always', 'onHover', 'notOnHover']),\n  children: PropTypes.node,\n};\n\nexport default HoverSlot;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAwD;AAAA;AAExD,IAAMA,SAAS,GAAG;EAAA,IAAC;MAAEC,OAAO;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EAAA,oBAC9C;IAAM,SAAS,EAAE,IAAAC,qBAAE,EAACC,0BAAO,CAACC,SAAS,EAAED,0BAAO,CAACJ,OAAO,CAAC;EAAE,GAAKE,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAChED,QAAQ,CACJ;AAAA,CACR;AAEDF,SAAS,CAACO,SAAS,GAAG;EACpBN,OAAO,EAAEO,kBAAS,CAACC,KAAK,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;EAC7DP,QAAQ,EAAEM,kBAAS,CAACE;AACtB,CAAC;AAAC,eAEaV,SAAS;AAAA"}
+{"version":3,"names":["HoverSlot","display","children","props","st","classes","hoverSlot","propTypes","PropTypes","oneOf","node"],"sources":["../../../../src/TableActionCell/HoverSlot/HoverSlot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from '../TableActionCell.st.css';\n\nconst HoverSlot = ({ display, children, ...props }) => (\n  <span\n    className={st(classes.hoverSlot, classes[display])}\n    data-display={display}\n    {...props}\n  >\n    {children}\n  </span>\n);\n\nHoverSlot.propTypes = {\n  display: PropTypes.oneOf(['always', 'onHover', 'notOnHover']),\n  children: PropTypes.node,\n};\n\nexport default HoverSlot;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAwD;AAAA;AAExD,IAAMA,SAAS,GAAG;EAAA,IAAC;MAAEC,OAAO;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EAAA,oBAC9C;IACE,SAAS,EAAE,IAAAC,qBAAE,EAACC,0BAAO,CAACC,SAAS,EAAED,0BAAO,CAACJ,OAAO,CAAC,CAAE;IACnD,gBAAcA;EAAQ,GAClBE,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAERD,QAAQ,CACJ;AAAA,CACR;AAEDF,SAAS,CAACO,SAAS,GAAG;EACpBN,OAAO,EAAEO,kBAAS,CAACC,KAAK,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;EAC7DP,QAAQ,EAAEM,kBAAS,CAACE;AACtB,CAAC;AAAC,eAEaV,SAAS;AAAA"}

package/dist/cjs/TableActionCell/TableActionCell.driver.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/TableActionCell/TableActionCell.driver.d.ts"],"sourcesContent":["import { BaseDriver } from 'wix-ui-test-utils/driver-factory';\nimport { PopoverMenuUniDriver } from '../PopoverMenu/PopoverMenu.uni.driver';\nimport { tooltipLegacyDriverFactory } from '../Tooltip/Tooltip.driver';\n\nexport interface TableActionCellDriver<T> extends BaseDriver {\n  element: () => T;\n  exists: () => boolean;\n  clickPrimaryActionButton: () => void;\n  getIsPrimaryActionButtonDisabled: () => boolean;\n  primaryActionButtonPrefixIconExists: () => boolean;\n  primaryActionButtonSuffixIconExists: () => boolean;\n  getVisibleActionsCount: () => number;\n  getHiddenActionsCount: () => number;\n  getVisibleActionTooltipDriver: (\n    action: number,\n  ) => ReturnType<typeof tooltipLegacyDriverFactory>;\n  getVisibleActionByDataHookTooltipDriver: (\n    dataHook: string,\n  ) => ReturnType<typeof tooltipLegacyDriverFactory>;\n  getHiddenActionsPopoverMenuDriver: () => PopoverMenuUniDriver;\n  clickVisibleAction: (actionIndex: number) => void;\n  clickVisibleActionByDataHook: (actionDataHook: string) => void;\n  clickPopoverMenu: () => void;\n  clickHiddenAction: (actionIndex: number) => void;\n  clickHiddenActionByDataHook: (actionDataHook: string) => void;\n  getMoreActionsTooltipText: () => string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["../../../src/TableActionCell/TableActionCell.driver.d.ts"],"sourcesContent":["import { BaseDriver } from 'wix-ui-test-utils/driver-factory';\nimport { PopoverMenuUniDriver } from '../PopoverMenu/PopoverMenu.uni.driver';\nimport { tooltipLegacyDriverFactory } from '../Tooltip/Tooltip.driver';\n\nexport interface TableActionCellDriver<T> extends BaseDriver {\n  element: () => T;\n  exists: () => boolean;\n  clickPrimaryActionButton: () => void;\n  getIsPrimaryActionButtonDisabled: () => boolean;\n  getPrimaryActionButtonVisibility: () => 'onHover' | 'always';\n  primaryActionButtonPrefixIconExists: () => boolean;\n  primaryActionButtonSuffixIconExists: () => boolean;\n  getVisibleActionsCount: () => number;\n  getHiddenActionsCount: () => number;\n  getVisibleActionTooltipDriver: (\n    action: number,\n  ) => ReturnType<typeof tooltipLegacyDriverFactory>;\n  getVisibleActionByDataHookTooltipDriver: (\n    dataHook: string,\n  ) => ReturnType<typeof tooltipLegacyDriverFactory>;\n  getHiddenActionsPopoverMenuDriver: () => PopoverMenuUniDriver;\n  clickVisibleAction: (actionIndex: number) => void;\n  clickVisibleActionByDataHook: (actionDataHook: string) => void;\n  clickPopoverMenu: () => void;\n  clickHiddenAction: (actionIndex: number) => void;\n  clickHiddenActionByDataHook: (actionDataHook: string) => void;\n  getMoreActionsTooltipText: () => string;\n}\n"],"mappings":""}

package/dist/cjs/TableActionCell/TableActionCell.driver.js

@@ -16,6 +16,7 @@ var tableActionCellDriverFactory = _ref => {
     eventTrigger
   } = _ref;
   var visibleActions = () => _element.querySelectorAll("[data-hook=\"".concat(_constants.dataHooks.visibleAction, "\"]"));
+  var getPrimaryActionButtonVisibility = () => _element.querySelector("[data-hook=\"".concat(_constants.dataHooks.primaryActionWrapper, "\"]")).getAttribute('data-display');
   var getPrimaryActionButtonDriver = () => (0, _ButtonLegacy.default)({
     element: _element.querySelector("[data-hook=\"".concat(_constants.dataHooks.primaryAction, "\"]"))
   });
@@ -48,6 +49,11 @@ var tableActionCellDriverFactory = _ref => {
     clickPrimaryActionButton: () => getPrimaryActionButtonDriver().click(),
     /** Get whether the primary action button is disabled */
     getIsPrimaryActionButtonDisabled: () => getPrimaryActionButtonDriver().isButtonDisabled(),
+    /**
+     * Gets primary action visibility value
+     * @returns {Promise<'onHover' | 'always'>}
+     */
+    getPrimaryActionButtonVisibility,
     /** Get whether the primary action button prefix icon exists */
     primaryActionButtonPrefixIconExists: () => getPrimaryActionButtonDriver().isPrefixIconExists(),
     /** Get whether the primary action button suffix icon exists */

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

@@ -1 +1 @@
-{"version":3,"names":["popoverMenuTestkitFactory","uniTestkitFactoryCreator","PopoverMenuDriver","tableActionCellDriverFactory","element","wrapper","eventTrigger","visibleActions","querySelectorAll","dataHooks","visibleAction","getPrimaryActionButtonDriver","buttonDriverFactory","querySelector","primaryAction","getVisibleActionTooltipDriver","actionIndex","tooltipLegacyDriverFactory","visibleActionTooltip","getVisibleActionByDataHookTooltipDriver","dataHook","getVisibleActionButtonDriver","getVisibleActionByDataHookButtonDriver","getHiddenActionsPopoverMenuDriver","popoverMenu","exists","clickPrimaryActionButton","click","getIsPrimaryActionButtonDisabled","isButtonDisabled","primaryActionButtonPrefixIconExists","isPrefixIconExists","primaryActionButtonSuffixIconExists","isSuffixIconExists","getVisibleActionsCount","length","getHiddenActionsCount","childrenCount","clickVisibleAction","clickVisibleActionByDataHook","actionDataHook","clickPopoverMenu","getTriggerElement","triggerElement","clickHiddenAction","clickAtChild","clickHiddenActionByDataHook","clickAtChildByDataHook","getMoreActionsTooltipText","getAttribute"],"sources":["../../../src/TableActionCell/TableActionCell.driver.js"],"sourcesContent":["import { uniTestkitFactoryCreator } from 'wix-ui-test-utils/vanilla';\nimport { PopoverMenuDriver } from '../PopoverMenu/PopoverMenu.uni.driver';\nimport { tooltipLegacyDriverFactory } from '../Tooltip/Tooltip.driver';\nimport { dataHooks } from './constants';\nimport buttonDriverFactory from '../Button/Button.legacy.driver';\n\nconst popoverMenuTestkitFactory = uniTestkitFactoryCreator(PopoverMenuDriver);\n\nconst tableActionCellDriverFactory = ({ element, wrapper, eventTrigger }) => {\n  const visibleActions = () =>\n    element.querySelectorAll(`[data-hook=\"${dataHooks.visibleAction}\"]`);\n\n  const getPrimaryActionButtonDriver = () =>\n    buttonDriverFactory({\n      element: element.querySelector(\n        `[data-hook=\"${dataHooks.primaryAction}\"]`,\n      ),\n    });\n\n  const getVisibleActionTooltipDriver = actionIndex =>\n    tooltipLegacyDriverFactory({\n      element: element.querySelectorAll(\n        `[data-hook=\"${dataHooks.visibleActionTooltip}\"]`,\n      )[actionIndex],\n      eventTrigger,\n    });\n\n  const getVisibleActionByDataHookTooltipDriver = dataHook =>\n    tooltipLegacyDriverFactory({\n      element: element.querySelector(`[data-hook=\"${dataHook}\"]`),\n      eventTrigger,\n    });\n\n  const getVisibleActionButtonDriver = actionIndex =>\n    buttonDriverFactory({\n      element: visibleActions()[actionIndex],\n    });\n\n  const getVisibleActionByDataHookButtonDriver = dataHook =>\n    buttonDriverFactory({\n      element: element.querySelector(`[data-hook=\"${dataHook}\"]`),\n    });\n\n  const getHiddenActionsPopoverMenuDriver = () =>\n    popoverMenuTestkitFactory({\n      wrapper,\n      dataHook: dataHooks.popoverMenu,\n    });\n\n  return {\n    /** Get the element */\n    element: () => element,\n    /** Whether the element exists */\n    exists: () => !!element,\n    /** Get the driver of the primary action <Button/> from the action column */\n    getPrimaryActionButtonDriver,\n    /** Click the primary action button from the action column */\n    clickPrimaryActionButton: () => getPrimaryActionButtonDriver().click(),\n    /** Get whether the primary action button is disabled */\n    getIsPrimaryActionButtonDisabled: () =>\n      getPrimaryActionButtonDriver().isButtonDisabled(),\n    /** Get whether the primary action button prefix icon exists */\n    primaryActionButtonPrefixIconExists: () =>\n      getPrimaryActionButtonDriver().isPrefixIconExists(),\n    /** Get whether the primary action button suffix icon exists */\n    primaryActionButtonSuffixIconExists: () =>\n      getPrimaryActionButtonDriver().isSuffixIconExists(),\n    /** Get the number of the visible secondary actions */\n    getVisibleActionsCount: () => visibleActions().length,\n    /** Get the number of hidden secondary actions (in the <PopoverMenu/>, requires it to be open) */\n    getHiddenActionsCount: () =>\n      getHiddenActionsPopoverMenuDriver().childrenCount(),\n    /** Get the driver of a specific visible secondary action <Tooltip/> */\n    getVisibleActionTooltipDriver,\n    /** Get the driver of a specific visible secondary action <Tooltip/> by its specified dataHook */\n    getVisibleActionByDataHookTooltipDriver,\n    /** Get the driver of a specific visible secondary action <Button/> */\n    getVisibleActionButtonDriver,\n    /** Get the driver of a specific visible secondary action <Button/> by its specified dataHook */\n    getVisibleActionByDataHookButtonDriver,\n    /** Get the driver of the hidden secondary action <PopoverMenu/> */\n    getHiddenActionsPopoverMenuDriver,\n    /** Click an a visible secondary action */\n    clickVisibleAction: actionIndex =>\n      getVisibleActionButtonDriver(actionIndex).click(),\n    /** Click an a visible secondary action by its specified dataHook  */\n    clickVisibleActionByDataHook: actionDataHook =>\n      getVisibleActionByDataHookButtonDriver(actionDataHook).click(),\n    /** Click on the hidden secondary actions <PopoverMenu/> */\n    clickPopoverMenu: () =>\n      getHiddenActionsPopoverMenuDriver()\n        .getTriggerElement(dataHooks.triggerElement)\n        .click(),\n    /** Click on a hidden secondary action (requires the <PopoverMenu/> to be open) */\n    clickHiddenAction: actionIndex =>\n      getHiddenActionsPopoverMenuDriver().clickAtChild(actionIndex),\n    clickHiddenActionByDataHook: actionDataHook =>\n      getHiddenActionsPopoverMenuDriver().clickAtChildByDataHook(\n        actionDataHook,\n      ),\n    getMoreActionsTooltipText: () =>\n      element.getAttribute('data-more-actions-tooltip-text'),\n  };\n};\n\nexport default tableActionCellDriverFactory;\n"],"mappings":"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"}
+{"version":3,"names":["popoverMenuTestkitFactory","uniTestkitFactoryCreator","PopoverMenuDriver","tableActionCellDriverFactory","element","wrapper","eventTrigger","visibleActions","querySelectorAll","dataHooks","visibleAction","getPrimaryActionButtonVisibility","querySelector","primaryActionWrapper","getAttribute","getPrimaryActionButtonDriver","buttonDriverFactory","primaryAction","getVisibleActionTooltipDriver","actionIndex","tooltipLegacyDriverFactory","visibleActionTooltip","getVisibleActionByDataHookTooltipDriver","dataHook","getVisibleActionButtonDriver","getVisibleActionByDataHookButtonDriver","getHiddenActionsPopoverMenuDriver","popoverMenu","exists","clickPrimaryActionButton","click","getIsPrimaryActionButtonDisabled","isButtonDisabled","primaryActionButtonPrefixIconExists","isPrefixIconExists","primaryActionButtonSuffixIconExists","isSuffixIconExists","getVisibleActionsCount","length","getHiddenActionsCount","childrenCount","clickVisibleAction","clickVisibleActionByDataHook","actionDataHook","clickPopoverMenu","getTriggerElement","triggerElement","clickHiddenAction","clickAtChild","clickHiddenActionByDataHook","clickAtChildByDataHook","getMoreActionsTooltipText"],"sources":["../../../src/TableActionCell/TableActionCell.driver.js"],"sourcesContent":["import { uniTestkitFactoryCreator } from 'wix-ui-test-utils/vanilla';\nimport { PopoverMenuDriver } from '../PopoverMenu/PopoverMenu.uni.driver';\nimport { tooltipLegacyDriverFactory } from '../Tooltip/Tooltip.driver';\nimport { dataHooks } from './constants';\nimport buttonDriverFactory from '../Button/Button.legacy.driver';\n\nconst popoverMenuTestkitFactory = uniTestkitFactoryCreator(PopoverMenuDriver);\n\nconst tableActionCellDriverFactory = ({ element, wrapper, eventTrigger }) => {\n  const visibleActions = () =>\n    element.querySelectorAll(`[data-hook=\"${dataHooks.visibleAction}\"]`);\n\n  const getPrimaryActionButtonVisibility = () =>\n    element\n      .querySelector(`[data-hook=\"${dataHooks.primaryActionWrapper}\"]`)\n      .getAttribute('data-display');\n\n  const getPrimaryActionButtonDriver = () =>\n    buttonDriverFactory({\n      element: element.querySelector(\n        `[data-hook=\"${dataHooks.primaryAction}\"]`,\n      ),\n    });\n\n  const getVisibleActionTooltipDriver = actionIndex =>\n    tooltipLegacyDriverFactory({\n      element: element.querySelectorAll(\n        `[data-hook=\"${dataHooks.visibleActionTooltip}\"]`,\n      )[actionIndex],\n      eventTrigger,\n    });\n\n  const getVisibleActionByDataHookTooltipDriver = dataHook =>\n    tooltipLegacyDriverFactory({\n      element: element.querySelector(`[data-hook=\"${dataHook}\"]`),\n      eventTrigger,\n    });\n\n  const getVisibleActionButtonDriver = actionIndex =>\n    buttonDriverFactory({\n      element: visibleActions()[actionIndex],\n    });\n\n  const getVisibleActionByDataHookButtonDriver = dataHook =>\n    buttonDriverFactory({\n      element: element.querySelector(`[data-hook=\"${dataHook}\"]`),\n    });\n\n  const getHiddenActionsPopoverMenuDriver = () =>\n    popoverMenuTestkitFactory({\n      wrapper,\n      dataHook: dataHooks.popoverMenu,\n    });\n\n  return {\n    /** Get the element */\n    element: () => element,\n    /** Whether the element exists */\n    exists: () => !!element,\n    /** Get the driver of the primary action <Button/> from the action column */\n    getPrimaryActionButtonDriver,\n    /** Click the primary action button from the action column */\n    clickPrimaryActionButton: () => getPrimaryActionButtonDriver().click(),\n    /** Get whether the primary action button is disabled */\n    getIsPrimaryActionButtonDisabled: () =>\n      getPrimaryActionButtonDriver().isButtonDisabled(),\n    /**\n     * Gets primary action visibility value\n     * @returns {Promise<'onHover' | 'always'>}\n     */\n    getPrimaryActionButtonVisibility,\n    /** Get whether the primary action button prefix icon exists */\n    primaryActionButtonPrefixIconExists: () =>\n      getPrimaryActionButtonDriver().isPrefixIconExists(),\n    /** Get whether the primary action button suffix icon exists */\n    primaryActionButtonSuffixIconExists: () =>\n      getPrimaryActionButtonDriver().isSuffixIconExists(),\n    /** Get the number of the visible secondary actions */\n    getVisibleActionsCount: () => visibleActions().length,\n    /** Get the number of hidden secondary actions (in the <PopoverMenu/>, requires it to be open) */\n    getHiddenActionsCount: () =>\n      getHiddenActionsPopoverMenuDriver().childrenCount(),\n    /** Get the driver of a specific visible secondary action <Tooltip/> */\n    getVisibleActionTooltipDriver,\n    /** Get the driver of a specific visible secondary action <Tooltip/> by its specified dataHook */\n    getVisibleActionByDataHookTooltipDriver,\n    /** Get the driver of a specific visible secondary action <Button/> */\n    getVisibleActionButtonDriver,\n    /** Get the driver of a specific visible secondary action <Button/> by its specified dataHook */\n    getVisibleActionByDataHookButtonDriver,\n    /** Get the driver of the hidden secondary action <PopoverMenu/> */\n    getHiddenActionsPopoverMenuDriver,\n    /** Click an a visible secondary action */\n    clickVisibleAction: actionIndex =>\n      getVisibleActionButtonDriver(actionIndex).click(),\n    /** Click an a visible secondary action by its specified dataHook  */\n    clickVisibleActionByDataHook: actionDataHook =>\n      getVisibleActionByDataHookButtonDriver(actionDataHook).click(),\n    /** Click on the hidden secondary actions <PopoverMenu/> */\n    clickPopoverMenu: () =>\n      getHiddenActionsPopoverMenuDriver()\n        .getTriggerElement(dataHooks.triggerElement)\n        .click(),\n    /** Click on a hidden secondary action (requires the <PopoverMenu/> to be open) */\n    clickHiddenAction: actionIndex =>\n      getHiddenActionsPopoverMenuDriver().clickAtChild(actionIndex),\n    clickHiddenActionByDataHook: actionDataHook =>\n      getHiddenActionsPopoverMenuDriver().clickAtChildByDataHook(\n        actionDataHook,\n      ),\n    getMoreActionsTooltipText: () =>\n      element.getAttribute('data-more-actions-tooltip-text'),\n  };\n};\n\nexport default tableActionCellDriverFactory;\n"],"mappings":"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"}

package/dist/cjs/TableActionCell/TableActionCell.js

@@ -6,7 +6,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _PopoverMenu = _interopRequireDefault(require("../PopoverMenu"));
 var _Button = _interopRequireDefault(require("../Button"));
@@ -17,8 +17,11 @@ var _HoverSlot = _interopRequireDefault(require("./HoverSlot"));
 var _TableActionCellSt = require("./TableActionCell.st.css.js");
 var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
 var _Popover = require("../Popover");
-var _excluded = ["text", "skin", "onClick", "disabled", "prefixIcon", "suffixIcon", "as"];
+var _deprecationLog = _interopRequireDefault(require("../utils/deprecationLog"));
+var _excluded = ["text", "skin", "onClick", "disabled", "prefixIcon", "suffixIcon", "as", "priority", "visibility"];
 var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/TableActionCell/TableActionCell.js";
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var blurElementWithoutFocusVisible = element => {
   if (process.env.NODE_ENV !== 'test' && !element.matches(':focus-visible')) {
     document.activeElement.blur();
@@ -27,6 +30,7 @@ var blurElementWithoutFocusVisible = element => {
 
 /* eslint-disable react/prop-types */
 var renderPrimaryAction = (_ref, size) => {
+  var _visibilityPriorityMa;
   var {
       text,
       skin,
@@ -34,12 +38,19 @@ var renderPrimaryAction = (_ref, size) => {
       disabled,
       prefixIcon,
       suffixIcon,
-      as
+      as,
+      priority,
+      visibility
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var visibilityPriorityMap = {
+    always: 'secondary',
+    onHover: 'primary'
+  };
   return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
     disabled: disabled,
-    skin: skin,
+    skin: visibility ? undefined : skin,
+    priority: (_visibilityPriorityMa = visibilityPriorityMap[visibility]) !== null && _visibilityPriorityMa !== void 0 ? _visibilityPriorityMa : priority,
     dataHook: _constants.dataHooks.primaryAction,
     size: size,
     prefixIcon: prefixIcon,
@@ -57,8 +68,8 @@ var renderPrimaryAction = (_ref, size) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
-      columnNumber: 3
+      lineNumber: 44,
+      columnNumber: 5
     }
   }), text);
 };
@@ -83,7 +94,7 @@ var renderVisibleActions = (actions, size) => actions.map((_ref2, index) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 84,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -101,7 +112,7 @@ var renderVisibleActions = (actions, size) => actions.map((_ref2, index) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 93,
       columnNumber: 9
     }
   }, icon));
@@ -123,7 +134,7 @@ var renderHiddenActions = (actions, popoverMenuProps, size, moreActionsTooltipTe
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 125,
         columnNumber: 7
       }
     }, _ref4 => {
@@ -150,14 +161,14 @@ var renderHiddenActions = (actions, popoverMenuProps, size, moreActionsTooltipTe
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 110,
+          lineNumber: 130,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 127,
+          lineNumber: 147,
           columnNumber: 13
         }
       }));
@@ -167,7 +178,7 @@ var renderHiddenActions = (actions, popoverMenuProps, size, moreActionsTooltipTe
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 99,
+    lineNumber: 119,
     columnNumber: 3
   }
 }), actions.map((_ref5, index) => {
@@ -191,14 +202,14 @@ var renderHiddenActions = (actions, popoverMenuProps, size, moreActionsTooltipTe
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 157,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_PopoverMenu.default.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 167,
       columnNumber: 11
     }
   });
@@ -211,18 +222,19 @@ var renderPlaceholder = size => /*#__PURE__*/_react.default.createElement(_IconB
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 154,
+    lineNumber: 174,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 160,
+    lineNumber: 180,
     columnNumber: 5
   }
 }));
 var TableActionCell = props => {
+  var _primaryAction$visibi;
   var {
     dataHook,
     primaryAction,
@@ -233,6 +245,11 @@ var TableActionCell = props => {
     popoverMenuProps,
     size
   } = props;
+  (0, _react.useEffect)(() => {
+    if (primaryAction != null && primaryAction.skin) {
+      (0, _deprecationLog.default)('<TableActionCell/> - prop "primaryAction" with key "skin" is deprecated and will be removed in next major release. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options.');
+    }
+  }, [primaryAction == null ? void 0 : primaryAction.skin]);
   var visibleActions = secondaryActions.slice(0, numOfVisibleSecondaryActions);
   var hiddenActions = secondaryActions.slice(numOfVisibleSecondaryActions);
   return /*#__PURE__*/_react.default.createElement("span", {
@@ -242,15 +259,16 @@ var TableActionCell = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 211,
       columnNumber: 5
     }
   }, primaryAction && /*#__PURE__*/_react.default.createElement(_HoverSlot.default, {
-    display: "onHover",
+    "data-hook": _constants.dataHooks.primaryActionWrapper,
+    display: (_primaryAction$visibi = primaryAction == null ? void 0 : primaryAction.visibility) !== null && _primaryAction$visibi !== void 0 ? _primaryAction$visibi : 'onHover',
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189,
+      lineNumber: 217,
       columnNumber: 9
     }
   }, renderPrimaryAction(primaryAction, size)), visibleActions.length > 0 && /*#__PURE__*/_react.default.createElement(_HoverSlot.default, {
@@ -259,7 +277,7 @@ var TableActionCell = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 226,
       columnNumber: 9
     }
   }, renderVisibleActions(visibleActions, size)), hiddenActions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
@@ -267,7 +285,7 @@ var TableActionCell = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 235,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_HoverSlot.default, {
@@ -275,16 +293,16 @@ var TableActionCell = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
+      lineNumber: 236,
       columnNumber: 11
     }
-  }, renderHiddenActions(hiddenActions, popoverMenuProps, size, moreActionsTooltipText))), primaryAction && (!secondaryActions.length || secondaryActions.length === numOfVisibleSecondaryActions) && /*#__PURE__*/_react.default.createElement(_HoverSlot.default, {
+  }, renderHiddenActions(hiddenActions, popoverMenuProps, size, moreActionsTooltipText))), primaryAction && primaryAction.visibility !== 'always' && (!secondaryActions.length || secondaryActions.length === numOfVisibleSecondaryActions) && /*#__PURE__*/_react.default.createElement(_HoverSlot.default, {
     display: "notOnHover",
     className: _TableActionCellSt.classes.placeholderIcon,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 251,
       columnNumber: 11
     }
   }, renderPlaceholder(size)));
@@ -296,12 +314,13 @@ TableActionCell.propTypes = {
   /**
      Controls the behaviour and appearance of a primary action:
    - `text` specifies action label
-   - `skin` controls the appearance of a button
+   - `skin` <b>deprecated</b> property that was previously used to control the visual appearance of a button. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options.
    - `onClick` defines a callback function which is called on button click
    - `disabled` restrict user interactions
    - `prefixIcon` add an icon in front of a button label
    - `suffixIcon` add an icon after button label
    - `as` renders button as another component or a DOM tag
+   - `visibility` specifies whether the primary action button is visible. When the value is set to "onHover", the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to "always", the button is always visible and appears as a secondary button.
    */
   primaryAction: _propTypes.default.shape({
     text: _propTypes.default.string.isRequired,
@@ -310,7 +329,8 @@ TableActionCell.propTypes = {
     disabled: _propTypes.default.bool,
     prefixIcon: _propTypes.default.element,
     suffixIcon: _propTypes.default.element,
-    as: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.string])
+    as: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.string]),
+    visibility: _propTypes.default.oneOf(['onHover', 'always'])
   }),
   /**
    Controls the behaviour and appearance of secondary actions: