@wix/design-system 1.0.0

package/dist/esm/Table/DataTable/README.md

@@ -0,0 +1,55 @@
+# Data Table component
+
+> A table component for displaying data
+
+## Properties
+
+| propName | propType | defaultValue | isRequired | description |
+|----------|----------|--------------|------------|-------------|
+| id | string | - | - | An id to pass to the table |
+| data | array | [] | - | The data to display. (If data.id exists then it will be used as the React key value for each row, otherwise, the rowIndex will be used) |
+| columns | array | [] | - | Configuration of the table's columns. See table below |
+| showHeaderWhenEmpty | bool | false | - | Should the table show the header when data is empty |
+| rowDataHook | string or func | - | - | A string data-hook to apply to all table body rows. or a func which calculates the data-hook for each row  - Signature: `(rowData, rowNum) => string`|
+| rowClass | string | - | - | A class to apply to all table body rows |
+| dynamicRowClass | func | - | - | A func that gets row data and returns a class(es) to apply to that specific row |
+| isRowHighlight | func | - | - | A func that gets row data and returns boolean if row is highlighted or not |
+| onRowClick | func | - | - | A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)` |
+| onMouseEnterRow | func | - | - | A callback method to be called on row mouse enter. Signature: `onMouseEnterRow(rowData, rowNum)` |
+| onMouseLeaveRow | func | - | - | A callback method to be called on row mouse leave. Signature: `onMouseLeaveRow(rowData, rowNum)` |
+| infiniteScroll | bool | false | - | If true, table will not render all data to begin with, but will gradually render the data as the user scrolls |
+| itemsPerPage | number | 20 | - | If infiniteScroll is on, this prop will determine how many rows will be rendered on each load |
+| width | string | '100%' | - | The width of the fixed table. Can be in percentages or pixels. |
+| skin | `oneOf['standard', 'neutral']` | 'standard' | - | Configure table styling. `standard` stands for `blue` header and `neutral` for grey header. |
+| hasMore | boolean | false | - | Whether there are more items to be loaded. Event listeners are removed if false.
+| hideHeader | boolean | false | - | Should we remove the header of the table from DOM.
+| hideHeaderAccessible | boolean | false | - | Should we hide the header of the table with display: none.
+| loadMore | func | null | - | A callback when more items are requested by the user. |
+| loader | node | Loading ...| - | The loader to show when loading more items. |
+| useWindow | boolean | true | - | Add scroll listeners to the window, or else, the component's parentNode. |
+| scrollElement | DOM Object | - | - | Add scroll listeners to specified DOM Object. |
+| rowVerticalPadding | string | 'medium' | - | Table cell vertical padding. should be 'small', 'medium', 'large' |
+| thPadding | string | - | - | *Deprecated* Table headers padding |
+| thHeight | string | - | - | *Deprecated* Table headers height |
+| thFontSize | string | - | - | *Deprecated* Table headers font size |
+| thBorder | string | - | - | *Deprecated* Table headers border |
+| thColor | string | - | - | *Deprecated* Table headers color |
+| thOpacity | string | - | - | *Deprecated* Table headers opacity |
+| thLetterSpacing | string | '1.5px' | - | Table headers letter spacing |
+| rowDetails | func | - | - | Function that returns React component that will be rendered in row details section. Example: `rowDetails={(row, rowNum) => <MyRowDetailsComponent {...row} />}` |
+| allowMultiDetailsExpansion | boolean | false | - | Allows to open multiple row details |
+| onSortClick | func | - | - | A callback function called on each column title click. Signature `onSortClick(colData, colNum)` |
+
+### Column object props
+
+| propName | propType | defaultValue | isRequired | description |
+|----------|----------|--------------|------------|-------------|
+| title | string or node | - | true | A string or any element, the column's header title  |
+| render | function | - | true | A function to render column cells. The function will be called with each row's data and should return a jsx element. Signature: `render(rowData, rowNum)` |
+| onCellClick | function | - | - | A callback method to be called when a cell in this column is clicked. Signature: `onCellClick(column, rowData, rowNum, event)` |
+| width | string | - | - | The width to apply to the column. No value means column will try to contain its children, if possible |
+| important | bool | false | - | Whether font color should be stronger, more dominant |
+| sortable | bool | false | - | Enables sorting by column |
+| sortDescending | bool | - | - | Pass false - for ascending sort, true - for descending|
+| style | object or function | - | - | Sets the column inline style. Vertical padding cannot be set here, please use table rowVerticalPadding  |
+| infoTooltipProps | object | - | - | Props object for [&lt;Tooltip>](/?path=/story/design-guidelines-tooltips-popovers--7-1-tooltip). Note: dataHook, moveBy and children will not be passed to tooltip. |

package/dist/esm/Table/DataTable/docs/Example.st.css

@@ -0,0 +1,3 @@
+.highlightRow {
+  background-color: #ff9dd5;
+}

package/dist/esm/Table/DataTable/docs/Example.st.css.js

@@ -0,0 +1,24 @@
+
+
+import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_0_0_Example";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_0_0_Example__root","highlightRow":"wds_1_0_0_Example__highlightRow"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/dist/esm/Table/DataTable/index.js

@@ -0,0 +1,2 @@
+export { default, DataTableHeader } from './DataTable.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/Table/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Table/DataTable/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/Table/Table.driver.js

@@ -0,0 +1,75 @@
+import dataTableDriverFactory from './DataTable/DataTable.driver';
+import checkboxDriverFactory from '../Checkbox/Checkbox.driver';
+const tableDriverFactory = ({ element, eventTrigger }) => {
+    const dataTableDriver = dataTableDriverFactory({
+        element,
+    });
+    const getTitlebar = () => element.querySelector('[data-hook="table-title-bar"]');
+    const getRowCheckbox = index => {
+        var _a, _b;
+        return (_b = (_a = dataTableDriver
+            .getRow(index)) === null || _a === void 0 ? void 0 : _a.querySelector('[data-hook="bulk-selection-cell"]')) === null || _b === void 0 ? void 0 : _b.querySelector('[data-hook="row-select"]');
+    };
+    const getRowCheckboxDriver = index => checkboxDriverFactory({
+        element: getRowCheckbox(index),
+        eventTrigger,
+    });
+    const getBulkSelectionCheckboxDriver = () => {
+        var _a;
+        return checkboxDriverFactory({
+            element: (_a = dataTableDriver === null || dataTableDriver === void 0 ? void 0 : dataTableDriver.getHeaderCellByDataHook('bulk-selection-cell')) === null || _a === void 0 ? void 0 : _a.querySelector('[data-hook="table-select"]'),
+            eventTrigger,
+        });
+    };
+    const isBulkSelectionChecked = () => {
+        const checkboxDriver = getBulkSelectionCheckboxDriver();
+        return checkboxDriver.isChecked() && !checkboxDriver.isIndeterminate();
+    };
+    const isBulkSelectionIndeterminate = () => {
+        const checkboxDriver = getBulkSelectionCheckboxDriver();
+        return !checkboxDriver.isChecked() && checkboxDriver.isIndeterminate();
+    };
+    const isBulkSelectionUnchecked = () => {
+        const checkboxDriver = getBulkSelectionCheckboxDriver();
+        return !checkboxDriver.isChecked() && !checkboxDriver.isIndeterminate();
+    };
+    const isBulkSelectionDisabled = () => {
+        const checkboxDriver = getBulkSelectionCheckboxDriver();
+        return checkboxDriver.isDisabled();
+    };
+    const isRowSelectionDisabled = index => {
+        const checkboxDriver = getRowCheckboxDriver(index);
+        return checkboxDriver.isDisabled();
+    };
+    return Object.assign(Object.assign({}, dataTableDriver), { element,
+        /** Get driver of row selection checkbox by row index */
+        getRowCheckboxDriver,
+        /** Get driver of row bulk-selection checkbox */
+        getBulkSelectionCheckboxDriver,
+        /** Whether bulk selection checkbox is disabled */
+        isBulkSelectionDisabled,
+        /** Whether specific row selection checkbox is disabled */
+        isRowSelectionDisabled, 
+        /** Click the row selection checkbox */
+        clickRowCheckbox: index => eventTrigger.click(getRowCheckbox(index)), 
+        /** Click the bulk-selection checkbox */
+        clickBulkSelectionCheckbox: () => getBulkSelectionCheckboxDriver().click(), 
+        /** Is row selected by index */
+        isRowSelected: index => getRowCheckboxDriver(index).isChecked(), 
+        /** Get bulk selection state. Possible value 'ALL', 'SOME', 'NONE. */
+        getBulkSelectionState: () => {
+            if (isBulkSelectionChecked()) {
+                return 'ALL';
+            }
+            if (isBulkSelectionIndeterminate()) {
+                return 'SOME';
+            }
+            if (isBulkSelectionUnchecked()) {
+                return 'NONE';
+            }
+        }, 
+        /** Get title-bar (column titles) */
+        getTitlebar, getCellTextValue: (rowIndex, cellIndex) => dataTableDriver.getCell(rowIndex, cellIndex).textContent, isSelectionTooltipEnabled: index => getRowCheckboxDriver(index).isTooltipEnabled(), getSelectionTooltipContent: index => getRowCheckboxDriver(index).getTooltipContent() });
+};
+export default tableDriverFactory;
+//# sourceMappingURL=Table.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.driver.js","sourceRoot":"","sources":["../../../src/Table/Table.driver.js"],"names":[],"mappings":"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"}

package/dist/esm/Table/Table.js

@@ -0,0 +1,266 @@
+import { __rest } from "tslib";
+import React from 'react';
+import PropTypes from 'prop-types';
+import defaultTo from 'lodash/defaultTo';
+import classNames from 'classnames';
+import { ScrollSync } from 'react-scroll-sync';
+import { classes } from './Table.st.css.js';
+import DataTable from './DataTable';
+import Checkbox from '../Checkbox';
+import { TableContext } from './TableContext';
+import { BulkSelection } from './BulkSelection';
+import { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';
+import { TableBulkSelectionCheckbox, TableContent, TableEmptyState, TableSubToolbar, TableTitleBar, TableToolbarContainer, } from './components';
+const hasUnselectablesSymbol = Symbol('hasUnselectables');
+export function createColumns({ tableProps, bulkSelectionContext }) {
+    const createCheckboxColumn = ({ toggleSelectionById, isSelected, selectionDisabled, }) => {
+        const isRowSelectionDisabled = rowData => selectionDisabled === true ||
+            (typeof selectionDisabled === 'function' && selectionDisabled(rowData));
+        return {
+            key: 'bulk-selection-cell',
+            title: tableProps.hideBulkSelectionCheckbox ? ('') : (React.createElement(TableBulkSelectionCheckbox, { dataHook: "table-select" })),
+            dataHook: 'bulk-selection-cell',
+            onCellClick: (column, row, rowNum, event) => {
+                if (row.unselectable) {
+                    return;
+                }
+                event.stopPropagation();
+                if (isRowSelectionDisabled(row)) {
+                    return;
+                }
+                const id = defaultTo(row.id, rowNum);
+                toggleSelectionById(id, 'Checkbox');
+            },
+            render: (row, rowNum) => {
+                const id = defaultTo(row.id, rowNum);
+                const tooltipContent = row.checkboxTooltipContent;
+                return row.unselectable ? null : (React.createElement(Checkbox, { disabled: isRowSelectionDisabled(row), dataHook: "row-select", checked: isSelected(id), tooltipProps: { disabled: !tooltipContent }, tooltipContent: tooltipContent }));
+            },
+            // 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' }),
+        };
+    };
+    const { dragAndDrop, isDragAndDropDisabled } = tableProps;
+    return [
+        ...(dragAndDrop != null &&
+            dragAndDrop.createDragHandleColumn != null &&
+            !isDragAndDropDisabled
+            ? [dragAndDrop.createDragHandleColumn(tableProps)]
+            : []),
+        ...(tableProps.showSelection
+            ? [createCheckboxColumn(bulkSelectionContext)]
+            : []),
+        ...tableProps.columns,
+    ];
+}
+export function getDataTableProps(tableProps) {
+    /* eslint-disable no-unused-vars */
+    const { showSelection, onSelectionChanged, dataHook } = tableProps, props = __rest(tableProps, ["showSelection", "onSelectionChanged", "dataHook"]);
+    return Object.assign(Object.assign({}, props), { rowClass: classNames(tableProps.rowClass, 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.
+ */
+export class Table extends React.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() {
+        const { children, withWrapper, dataHook } = this.props;
+        return withWrapper ? React.createElement("div", { "data-hook": dataHook }, children) : children;
+    }
+    render() {
+        const { data, selectedIds, showSelection, deselectRowsByDefault, infiniteScroll, totalSelectableCount, onSelectionChanged, hasMore, horizontalScroll, selectionDisabled, dragAndDrop, onDragEnd, } = this.props;
+        let hasUnselectables = null;
+        let allIds = data.map((rowData, rowIndex) => rowData.unselectable ||
+            (typeof selectionDisabled === 'function' && selectionDisabled(rowData))
+            ? (hasUnselectables = hasUnselectablesSymbol)
+            : defaultTo(rowData.id, rowIndex));
+        if (hasUnselectables === hasUnselectablesSymbol) {
+            allIds = allIds.filter(rowId => rowId !== hasUnselectablesSymbol);
+        }
+        const { leftShadowVisible, rightShadowVisible } = this.state;
+        const contextValue = Object.assign(Object.assign({}, this.props), { leftShadowVisible,
+            rightShadowVisible, onUpdateScrollShadows: this._handleUpdateScrollShadows });
+        let table = (React.createElement(TableContext.Provider, { value: contextValue }, showSelection ? (React.createElement(BulkSelection, { ref: _ref => (this.bulkSelection = _ref), selectedIds: selectedIds, deselectRowsByDefault: deselectRowsByDefault, selectionDisabled: selectionDisabled, hasMoreInBulkSelection: infiniteScroll && Boolean(totalSelectableCount) && hasMore, totalCount: totalSelectableCount, allIds: allIds, onSelectionChanged: onSelectionChanged }, this.renderChildren())) : (this.renderChildren())));
+        table = horizontalScroll ? (React.createElement(ScrollSync, { proportional: false, horizontal: true, vertical: false }, table)) : (table);
+        return table;
+    }
+}
+Table.ToolbarContainer = TableToolbarContainer;
+Table.Titlebar = TableTitleBar;
+Table.Content = TableContent;
+Table.SubToolbar = TableSubToolbar;
+Table.EmptyState = TableEmptyState;
+Table.BulkSelectionCheckbox = TableBulkSelectionCheckbox;
+Table.displayName = 'Table';
+Table.defaultProps = Object.assign(Object.assign({}, DataTable.defaultProps), { showSelection: false, hideBulkSelectionCheckbox: false, children: [React.createElement(Table.Content, { key: "content" })], 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.any,
+    /** Applies a data-hook HTML attribute to be used in the tests */
+    dataHook: PropTypes.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.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.bool,
+    /** Hides bulk selection checkbox in the table titlebar */
+    hideBulkSelectionCheckbox: PropTypes.bool,
+    /** Defines an array of selected rows */
+    selectedIds: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.string),
+        PropTypes.arrayOf(PropTypes.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.oneOfType([PropTypes.bool, PropTypes.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.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.bool,
+    /**
+     * Defines a callback function which is called on column title click
+     */
+    onSortClick: PropTypes.func,
+    // The following props are derived directly from <DataTable/> component
+    /** Allows to expand multiple row details at once */
+    allowMultiDetailsExpansion: PropTypes.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.array,
+    /** 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.arrayOf(PropTypes.shape({
+        title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
+        render: PropTypes.func.isRequired,
+        onCellClick: PropTypes.func,
+        sortable: PropTypes.bool,
+        sortDescending: PropTypes.bool,
+        infoTooltipProps: PropTypes.shape(TooltipCommonProps),
+        style: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+        align: PropTypes.oneOf(['start', 'center', 'end']),
+        width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+        important: PropTypes.bool,
+        stickyActionCell: PropTypes.bool,
+    })).isRequired,
+    /** Defines a function that gets row data and returns a class(es) to apply to that specific row */
+    dynamicRowClass: PropTypes.func,
+    /** Defines a function that gets row data and returns boolean value specifying whether row is highlighted or not */
+    isRowHighlight: PropTypes.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.bool,
+    /** Invokes `loadMore` on the initial table render */
+    initialLoad: PropTypes.bool,
+    /** Assigns an unique identifier for the table */
+    id: PropTypes.string,
+    /** Renders data gradually as user scrolls down the list */
+    infiniteScroll: PropTypes.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.number,
+    /** Determines the number of rows to rendered on each load of an infinite scroll table */
+    itemsPerPage: PropTypes.number,
+    /** Pass a loader to show when loading more items in infinite scroll table. Most commonly pass <Loader/> or <Text/> components. */
+    loader: PropTypes.node,
+    /** Defines a callback function which is called each time user request to load more items */
+    loadMore: PropTypes.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.func,
+    /** Defines a callback function which is called each time mouse enters the row */
+    onMouseEnterRow: PropTypes.func,
+    /** Defines a callback function which is called each time mouse leaves the row */
+    onMouseLeaveRow: PropTypes.func,
+    /** Add scroll listeners to the window, or else, the component's parentNode. */
+    useWindow: PropTypes.bool,
+    /** Adds scroll listeners to specified DOM object */
+    scrollElement: PropTypes.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.oneOf(['tiny', 'small', 'medium', 'large']),
+    /** Defines a function that returns a component to render in the expanded row content area */
+    rowDetails: PropTypes.func,
+    /** Removes paddings from an expanded row content area */
+    removeRowDetailsPadding: PropTypes.bool,
+    /** Applies a data-hook HTML attribute or a function that calculates the data-hook for each row on the table */
+    rowDataHook: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+    /** A class to apply to all table body rows */
+    rowClass: PropTypes.string,
+    /** Specifies whether to show table title bar when there’s no data in the table */
+    showHeaderWhenEmpty: PropTypes.bool,
+    /** Specifies whether last row in the table should have a bottom divider */
+    showLastRowDivider: PropTypes.bool,
+    /** ++EXPERIMENTAL++ Virtualize the table scrolling for long list items */
+    virtualized: PropTypes.bool,
+    /** ++EXPERIMENTAL++ Controls virtualized table height */
+    virtualizedTableHeight: PropTypes.number,
+    /** ++EXPERIMENTAL++ Set virtualized table row height */
+    virtualizedLineHeight: PropTypes.number,
+    /** ++EXPERIMENTAL++ Set ref on virtualized list containing table rows */
+    virtualizedListRef: PropTypes.any,
+    /** Defines the width of the table in percentages or pixels. */
+    width: PropTypes.string,
+    /** Controls the appearance of a table title bar */
+    skin: PropTypes.oneOf(['standard', 'neutral']),
+    /** Specifies whether table content can exceed the width of the table. If enabled, table can be scrolled horizontally. */
+    horizontalScroll: PropTypes.bool,
+    /** Specifies the number of columns to stick to the left side in tables that support horizontal scroll */
+    stickyColumns: PropTypes.number,
+    /** Defines a function to call for each row to check whether row should appear as disabled or not  */
+    isRowDisabled: PropTypes.func,
+    dragAndDrop: PropTypes.object,
+    onDragEnd: PropTypes.func,
+};
+// export default Table;
+//# sourceMappingURL=Table.js.map

package/dist/esm/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/Table/Table.js"],"names":[],"mappings":"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"}

package/dist/esm/Table/Table.meta.js

@@ -0,0 +1,20 @@
+// This object should contain a mock value for each required prop of this component
+export const 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
+const sharedTests = [
+    {
+        title: 'render',
+        props: Object.assign({}, requiredProps),
+    },
+];
+export const testkitTests = [
+    {
+        title: 'render',
+        props: Object.assign(Object.assign({}, requiredProps), { data: [{ a: 'value 1', b: 'value 2' }] }),
+    },
+];
+export const ssrTests = [...sharedTests];
+export const a11yTests = [...sharedTests];
+//# sourceMappingURL=Table.meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.meta.js","sourceRoot":"","sources":["../../../src/Table/Table.meta.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,CAAC,MAAM,aAAa,GAAe;IACvC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;CAChD,CAAC;AAEF,6FAA6F;AAC7F,MAAM,WAAW,GAAG;IAClB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,kBACF,aAAa,CACH;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,gCACF,aAAa,KAChB,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GACzB;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import tableDriverFactory from './Table.driver';
+export const tablePrivateDriverFactory = args => {
+    const publicDriver = tableDriverFactory(args);
+    return Object.assign(Object.assign({}, publicDriver), { exists: () => !!publicDriver.element, getInnerHtml: () => publicDriver.element.innerHTML, scrollHorizontallyTo: x => publicDriver.element
+            .querySelector('[data-hook="table-content"]')
+            .scroll(x, 0) });
+};
+//# sourceMappingURL=Table.private.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.private.driver.js","sourceRoot":"","sources":["../../../src/Table/Table.private.driver.js"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC,EAAE;IAC9C,MAAM,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC9C,uCACK,YAAY,KACf,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAClD,oBAAoB,EAAE,CAAC,CAAC,EAAE,CACxB,YAAY,CAAC,OAAO;aACjB,aAAa,CAAC,6BAA6B,CAAC;aAC5C,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IACjB;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { tableUniDriverFactory } from './Table.uni.driver';
+export const tablePrivateUniDriverFactory = (base, ...args) => {
+    const publicDriver = tableUniDriverFactory(base, ...args);
+    return Object.assign(Object.assign({}, publicDriver), { getInnerHtml: () => base._prop('innerHTML') });
+};
+//# sourceMappingURL=Table.private.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.private.uni.driver.js","sourceRoot":"","sources":["../../../src/Table/Table.private.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE;IAC5D,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;IAC1D,uCACK,YAAY,KACf,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAC3C;AACJ,CAAC,CAAC"}

package/dist/esm/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;
+
+}

package/dist/esm/Table/Table.st.css.js

@@ -0,0 +1,25 @@
+
+import "../Foundation/stylable/colors.st.css.js";
+import "../TableActionCell/TableActionCell.st.css.js";
+import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_0_0_Table";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_0_0_Table__root","onHover":"wds_1_0_0_TableActionCell__onHover","notOnHover":"wds_1_0_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_0_0_Table__emptyStateContainer","content":"wds_1_0_0_Table__content","tableRow":"wds_1_0_0_Table__tableRow","tableSubToolbar":"wds_1_0_0_Table__tableSubToolbar"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+