@macive/ui 0.0.1 → 0.0.2

package/dist/src/components/IndexTable/IndexTable.classnames.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IndexTableClassnames = {
+    "HeadingRow": "IndexTable-HeadingRow",
+    "IndexTable": "IndexTable-IndexTable",
+    "IndexTableWrapper": "IndexTable-IndexTableWrapper",
+    "IndexTableWrapperWithBulkActions": "IndexTable-IndexTableWrapperWithBulkActions",
+    "LoadingContainer-enter": "IndexTable-LoadingContainer-enter",
+    "LoadingContainer-enter-active": "IndexTable-LoadingContainer-enter-active",
+    "LoadingContainer-exit": "IndexTable-LoadingContainer-exit",
+    "LoadingContainer-exit-active": "IndexTable-LoadingContainer-exit-active",
+    "LoadingPanel": "IndexTable-LoadingPanel",
+    "LoadingPanelRow": "IndexTable-LoadingPanelRow",
+    "LoadingPanelText": "IndexTable-LoadingPanelText",
+    "Table": "IndexTable-Table",
+    "Table-scrolling": "IndexTable-Table-scrolling",
+    "TableHeading-second": "IndexTable-TableHeading-second",
+    "TableHeading-first": "IndexTable-TableHeading-first",
+    "Table-sticky": "IndexTable-Table-sticky",
+    "Table-unselectable": "IndexTable-Table-unselectable",
+    "TableCell:first-child": "IndexTable-TableCell:first-child",
+    "TableRow": "IndexTable-TableRow",
+    "TableRow-unclickable": "IndexTable-TableRow-unclickable",
+    "statusSuccess": "IndexTable-statusSuccess",
+    "TableCell-first+.TableCell": "IndexTable-TableCell-first+.TableCell",
+    "statusSubdued": "IndexTable-statusSubdued",
+    "TableRow-hovered": "IndexTable-TableRow-hovered",
+    "TableRow-selected": "IndexTable-TableRow-selected",
+    "TableRow-hovered.TableRow-selected": "IndexTable-TableRow-hovered.TableRow-selected",
+    "TableRow-subdued": "IndexTable-TableRow-subdued",
+    "TableRow-disabled": "IndexTable-TableRow-disabled",
+    "ZebraStriping": "IndexTable-ZebraStriping",
+    "TableCell:last-child": "IndexTable-TableCell:last-child",
+    "TableHeading": "IndexTable-TableHeading",
+    "TableHeading-align-center": "IndexTable-TableHeading-align-center",
+    "TableHeading-align-end": "IndexTable-TableHeading-align-end",
+    "TableHeading-sortable": "IndexTable-TableHeading-sortable",
+    "TableHeading-flush": "IndexTable-TableHeading-flush",
+    "TableHeadingSortButton": "IndexTable-TableHeadingSortButton",
+    "TableHeadingSortIcon": "IndexTable-TableHeadingSortIcon",
+    "TableHeadingSortButton-heading-align-end": "IndexTable-TableHeadingSortButton-heading-align-end",
+    "TableHeadingSortButton-heading-align-end:hover::before": "IndexTable-TableHeadingSortButton-heading-align-end:hover::before",
+    "TableHeadingSortButton-heading-align-end-currently-sorted": "IndexTable-TableHeadingSortButton-heading-align-end-currently-sorted",
+    "TableHeadingSortIcon-heading-align-end": "IndexTable-TableHeadingSortIcon-heading-align-end",
+    "TableHeadingSortButton-heading-align-end-previously-sorted": "IndexTable-TableHeadingSortButton-heading-align-end-previously-sorted",
+    "TableHeadingSortButton-heading-align-end-previously-sorted)": "IndexTable-TableHeadingSortButton-heading-align-end-previously-sorted)",
+    "TableHeadingSortButton:hover": "IndexTable-TableHeadingSortButton:hover",
+    "TableHeadingSortButton-heading-align-end-currently-sorted:hover": "IndexTable-TableHeadingSortButton-heading-align-end-currently-sorted:hover",
+    "TableHeadingUnderline": "IndexTable-TableHeadingUnderline",
+    "TableHeadingTooltipUnderlinePlaceholder": "IndexTable-TableHeadingTooltipUnderlinePlaceholder",
+    "TableHeadingSortIcon-visible": "IndexTable-TableHeadingSortIcon-visible",
+    "TableHeadingSortSvg": "IndexTable-TableHeadingSortSvg",
+    "SortableTableHeadingWithCustomMarkup": "IndexTable-SortableTableHeadingWithCustomMarkup",
+    "SortableTableHeaderWrapper": "IndexTable-SortableTableHeaderWrapper",
+    "ColumnHeaderCheckboxWrapper": "IndexTable-ColumnHeaderCheckboxWrapper",
+    "FirstStickyHeaderElement": "IndexTable-FirstStickyHeaderElement",
+    "TableHeading-second:not(.TableHeading-unselectable)": "IndexTable-TableHeading-second:not(.TableHeading-unselectable)",
+    "TableCell": "IndexTable-TableCell",
+    "TableCell-flush": "IndexTable-TableCell-flush",
+    "TableCell-first": "IndexTable-TableCell-first",
+    "TableHeading-unselectable)": "IndexTable-TableHeading-unselectable)",
+    "TableHeading-unselectable": "IndexTable-TableHeading-unselectable",
+    "Table-sticky-scrolling": "IndexTable-Table-sticky-scrolling",
+    "TableHeading-last": "IndexTable-TableHeading-last",
+    "Table-sticky-last": "IndexTable-Table-sticky-last",
+    "Table-sortable": "IndexTable-Table-sortable",
+    "StickyTable": "IndexTable-StickyTable",
+    "StickyTableHeader": "IndexTable-StickyTableHeader",
+    "StickyTableHeader-isSticky)": "IndexTable-StickyTableHeader-isSticky)",
+    "StickyTableColumnHeader": "IndexTable-StickyTableColumnHeader",
+    "StickyTableHeadings": "IndexTable-StickyTableHeadings",
+    "StickyTableHeading-second": "IndexTable-StickyTableHeading-second",
+    "unselectable": "IndexTable-unselectable",
+    "StickyTableHeading-second-scrolling": "IndexTable-StickyTableHeading-second-scrolling",
+    "StickyTableHeader-isSticky": "IndexTable-StickyTableHeader-isSticky",
+    "IndexTable:hover": "IndexTable-IndexTable:hover",
+    "ScrollLeft": "IndexTable-ScrollLeft",
+    "ScrollRight": "IndexTable-ScrollRight",
+    "ScrollRight-onboarding": "IndexTable-ScrollRight-onboarding",
+    "BulkActionsWrapper": "IndexTable-BulkActionsWrapper",
+    "BulkActionsWrapperSticky": "IndexTable-BulkActionsWrapperSticky",
+    "SelectAllActionsWrapper": "IndexTable-SelectAllActionsWrapper",
+    "StickyTableHeader-condensed": "IndexTable-StickyTableHeader-condensed",
+    "ScrollBarContainer": "IndexTable-ScrollBarContainer",
+    "scrollBarContainerCondensed": "IndexTable-scrollBarContainerCondensed",
+    "scrollBarContainerHidden": "IndexTable-scrollBarContainerHidden",
+    "ScrollBar": "IndexTable-ScrollBar",
+    "ScrollBar::-webkit-scrollbar-track": "IndexTable-ScrollBar::-webkit-scrollbar-track",
+    "ScrollBar::-webkit-scrollbar": "IndexTable-ScrollBar::-webkit-scrollbar",
+    "ScrollBar::-webkit-scrollbar-thumb": "IndexTable-ScrollBar::-webkit-scrollbar-thumb",
+    "ScrollBar:hover::-webkit-scrollbar-thumb": "IndexTable-ScrollBar:hover::-webkit-scrollbar-thumb",
+    "disableTextSelection": "IndexTable-disableTextSelection",
+    "selectMode": "IndexTable-selectMode",
+    "EmptySearchResultWrapper": "IndexTable-EmptySearchResultWrapper",
+    "condensedRow": "IndexTable-condensedRow",
+    "CondensedList": "IndexTable-CondensedList",
+    "HeaderWrapper": "IndexTable-HeaderWrapper",
+    "StickyTable-condensed": "IndexTable-StickyTable-condensed",
+    "ScrollBarContent": "IndexTable-ScrollBarContent"
+};
+exports.default = IndexTableClassnames;

package/dist/src/components/IndexTable/IndexTable.js

@@ -0,0 +1,462 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IndexTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_transition_group_1 = require("react-transition-group");
+const tokens_1 = require("../../tokens");
+const debounce_1 = require("../../utilities/debounce");
+const i18n_1 = require("../../utilities/i18n");
+const use_isomorphic_layout_effect_1 = require("../../utilities/use-isomorphic-layout-effect");
+const use_toggle_1 = require("../../utilities/use-toggle");
+const Badge_1 = require("../Badge");
+const Checkbox_1 = require("../Checkbox");
+const EmptySearchResult_1 = require("../EmptySearchResult");
+const css_1 = require("../../utilities/css");
+const index_provider_1 = require("../../utilities/index-provider");
+const AfterInitialMount_1 = require("../AfterInitialMount");
+const BulkActions_1 = require("../BulkActions");
+const EventListener_1 = require("../EventListener");
+const IndexProvider_1 = require("../IndexProvider");
+const LegacyStack_1 = require("../LegacyStack");
+const SelectAllActions_1 = require("../SelectAllActions");
+const Spinner_1 = require("../Spinner");
+const Sticky_1 = require("../Sticky");
+const Text_1 = require("../Text");
+const Tooltip_1 = require("../Tooltip");
+const UnstyledButton_1 = require("../UnstyledButton");
+const Icons_1 = require("../Icons");
+const V1_1 = require("../Pagination/V1");
+const SkeletonTable_1 = require("../SkeletonTable");
+const components_1 = require("./components");
+const IndexTable_classnames_1 = __importDefault(require("./IndexTable.classnames"));
+const utilities_1 = require("./utilities");
+const SCROLL_BAR_PADDING = 4;
+const SCROLL_BAR_DEBOUNCE_PERIOD = 300;
+function IndexTableBase({ headings, bulkActions = [], promotedBulkActions = [], children, emptyState, sort, paginatedSelectAllActionText, lastColumnSticky = false, sortable, sortDirection, defaultSortDirection = 'descending', sortColumnIndex, onSort, sortToggleLabels, hasZebraStriping, headerHidden, ...restProps }) {
+    const { loading, bulkSelectState, resourceName, bulkActionsAccessibilityLabel, selectMode, selectable = restProps.selectable, paginatedSelectAllText, itemCount, hasMoreItems, selectedItemsCount, condensed, } = (0, index_provider_1.useIndexValue)();
+    const handleSelectionChange = (0, index_provider_1.useIndexSelectionChange)();
+    const i18n = (0, i18n_1.useI18n)();
+    const { value: hasMoreLeftColumns, toggle: toggleHasMoreLeftColumns } = (0, use_toggle_1.useToggle)(false);
+    const tablePosition = (0, react_1.useRef)({ top: 0, left: 0 });
+    const tableHeadingRects = (0, react_1.useRef)([]);
+    const scrollableContainerElement = (0, react_1.useRef)(null);
+    const tableElement = (0, react_1.useRef)(null);
+    const condensedListElement = (0, react_1.useRef)(null);
+    const loadingElement = (0, react_1.useRef)(null);
+    const [tableInitialized, setTableInitialized] = (0, react_1.useState)(false);
+    const [stickyWrapper, setStickyWrapper] = (0, react_1.useState)(null);
+    const [hideScrollContainer, setHideScrollContainer] = (0, react_1.useState)(false);
+    const tableHeadings = (0, react_1.useRef)([]);
+    const stickyTableHeadings = (0, react_1.useRef)([]);
+    const stickyHeaderWrapperElement = (0, react_1.useRef)(null);
+    const firstStickyHeaderElement = (0, react_1.useRef)(null);
+    const stickyHeaderElement = (0, react_1.useRef)(null);
+    const scrollBarElement = (0, react_1.useRef)(null);
+    const scrollContainerElement = (0, react_1.useRef)(null);
+    const scrollingWithBar = (0, react_1.useRef)(false);
+    const scrollingContainer = (0, react_1.useRef)(false);
+    const lastSortedColumnIndex = (0, react_1.useRef)(sortColumnIndex);
+    const renderAfterSelectEvent = (0, react_1.useRef)(false);
+    const lastSelectedItemsCount = (0, react_1.useRef)(0);
+    const hasSelected = (0, react_1.useRef)(false);
+    if (selectedItemsCount !== lastSelectedItemsCount.current) {
+        renderAfterSelectEvent.current = true;
+        lastSelectedItemsCount.current = selectedItemsCount;
+    }
+    if (!hasSelected.current && selectedItemsCount !== 0) {
+        hasSelected.current = true;
+    }
+    const { bulkActionsIntersectionRef, tableMeasurerRef, isBulkActionsSticky, bulkActionsAbsoluteOffset, bulkActionsMaxWidth, bulkActionsOffsetLeft, computeTableDimensions, } = (0, BulkActions_1.useIsBulkActionsSticky)(selectMode);
+    (0, react_1.useEffect)(() => {
+        computeTableDimensions();
+    }, [computeTableDimensions, itemCount]);
+    const tableBodyRef = (0, react_1.useCallback)((node) => {
+        if (node !== null && !tableInitialized) {
+            setTableInitialized(true);
+        }
+    }, [tableInitialized]);
+    const handleSelectAllItemsInStore = (0, react_1.useCallback)(() => {
+        handleSelectionChange(selectedItemsCount === index_provider_1.SELECT_ALL_ITEMS ? index_provider_1.SelectionType.Page : index_provider_1.SelectionType.All, true);
+    }, [handleSelectionChange, selectedItemsCount]);
+    const calculateFirstHeaderOffset = (0, react_1.useCallback)(() => {
+        if (!selectable) {
+            return tableHeadingRects.current[0].offsetWidth;
+        }
+        return condensed
+            ? tableHeadingRects.current[0].offsetWidth
+            : tableHeadingRects.current[0].offsetWidth + tableHeadingRects.current[1].offsetWidth;
+    }, [condensed, selectable]);
+    const resizeTableHeadings = (0, react_1.useMemo)(() => (0, debounce_1.debounce)(() => {
+        if (!tableElement.current || !scrollableContainerElement.current) {
+            return;
+        }
+        const boundingRect = scrollableContainerElement.current.getBoundingClientRect();
+        tablePosition.current = {
+            top: boundingRect.top,
+            left: boundingRect.left,
+        };
+        tableHeadingRects.current = tableHeadings.current.map((heading) => ({
+            offsetWidth: heading.offsetWidth || 0,
+            offsetLeft: heading.offsetLeft || 0,
+        }));
+        if (tableHeadings.current.length === 0) {
+            return;
+        }
+        // update left offset for first column
+        if (selectable && tableHeadings.current.length > 1)
+            tableHeadings.current[1].style.left = `${tableHeadingRects.current[0].offsetWidth}px`;
+        // update the min width of the checkbox to be the be the un-padded width of the first heading
+        if (selectable && (firstStickyHeaderElement === null || firstStickyHeaderElement === void 0 ? void 0 : firstStickyHeaderElement.current)) {
+            const elementStyle = getComputedStyle(tableHeadings.current[0]);
+            const boxWidth = tableHeadings.current[0].offsetWidth;
+            firstStickyHeaderElement.current.style.minWidth = `calc(${boxWidth}px - ${elementStyle.paddingLeft} - ${elementStyle.paddingRight} + 2px)`;
+        }
+        // update sticky header min-widths
+        stickyTableHeadings.current.forEach((heading, index) => {
+            var _a, _b;
+            let minWidth = 0;
+            if (index === 0 && (!isBreakpointsXS() || !selectable)) {
+                minWidth = calculateFirstHeaderOffset();
+            }
+            else if (selectable && tableHeadingRects.current.length > index) {
+                minWidth = ((_a = tableHeadingRects.current[index]) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+            }
+            else if (!selectable && tableHeadingRects.current.length >= index) {
+                minWidth = ((_b = tableHeadingRects.current[index - 1]) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
+            }
+            heading.style.minWidth = `${minWidth}px`;
+        });
+    }), [calculateFirstHeaderOffset, selectable]);
+    const resizeTableScrollBar = (0, react_1.useCallback)(() => {
+        var _a, _b;
+        if (scrollBarElement.current && tableElement.current && tableInitialized) {
+            scrollBarElement.current.style.setProperty('--pc-index-table-scroll-bar-content-width', `${tableElement.current.offsetWidth - SCROLL_BAR_PADDING}px`);
+            setHideScrollContainer(((_a = scrollContainerElement.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) === ((_b = tableElement.current) === null || _b === void 0 ? void 0 : _b.offsetWidth));
+        }
+    }, [tableInitialized]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const debounceResizeTableScrollbar = (0, react_1.useCallback)((0, debounce_1.debounce)(resizeTableScrollBar, SCROLL_BAR_DEBOUNCE_PERIOD, {
+        trailing: true,
+    }), [resizeTableScrollBar]);
+    const [canScrollRight, setCanScrollRight] = (0, react_1.useState)(true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const handleCanScrollRight = (0, react_1.useCallback)((0, debounce_1.debounce)(() => {
+        if (!lastColumnSticky || !tableElement.current || !scrollableContainerElement.current) {
+            return;
+        }
+        const tableRect = tableElement.current.getBoundingClientRect();
+        const scrollableRect = scrollableContainerElement.current.getBoundingClientRect();
+        setCanScrollRight(tableRect.width > scrollableRect.width);
+    }), [lastColumnSticky]);
+    (0, react_1.useEffect)(() => {
+        handleCanScrollRight();
+    }, [handleCanScrollRight]);
+    const [canFitStickyColumn, setCanFitStickyColumn] = (0, react_1.useState)(true);
+    const handleCanFitStickyColumn = (0, react_1.useCallback)(() => {
+        if (!scrollableContainerElement.current || !tableHeadings.current.length) {
+            return;
+        }
+        const scrollableRect = scrollableContainerElement.current.getBoundingClientRect();
+        const checkboxColumnWidth = selectable
+            ? tableHeadings.current[0].getBoundingClientRect().width
+            : 0;
+        const firstStickyColumnWidth = tableHeadings.current[selectable ? 1 : 0].getBoundingClientRect().width;
+        const lastColumnIsNotTheFirst = selectable ? tableHeadings.current.length > 2 : 1;
+        // Don't consider the last column in the calculations if it's not sticky
+        const lastStickyColumnWidth = lastColumnSticky && lastColumnIsNotTheFirst
+            ? tableHeadings.current[tableHeadings.current.length - 1].getBoundingClientRect().width
+            : 0;
+        // Secure some space for the remaining columns to be visible
+        const restOfContentMinWidth = 100;
+        setCanFitStickyColumn(scrollableRect.width >
+            firstStickyColumnWidth +
+                checkboxColumnWidth +
+                lastStickyColumnWidth +
+                restOfContentMinWidth);
+    }, [lastColumnSticky, selectable]);
+    (0, react_1.useEffect)(() => {
+        if (tableInitialized) {
+            handleCanFitStickyColumn();
+        }
+    }, [handleCanFitStickyColumn, tableInitialized]);
+    const handleResize = (0, react_1.useCallback)(() => {
+        var _a;
+        // hide the scrollbar when resizing
+        (_a = scrollBarElement.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--pc-index-table-scroll-bar-content-width', `0px`);
+        resizeTableHeadings();
+        debounceResizeTableScrollbar();
+        handleCanScrollRight();
+        handleCanFitStickyColumn();
+    }, [
+        resizeTableHeadings,
+        debounceResizeTableScrollbar,
+        handleCanScrollRight,
+        handleCanFitStickyColumn,
+    ]);
+    const handleScrollContainerScroll = (0, react_1.useCallback)((canScrollLeft, canScrollRight) => {
+        if (!scrollableContainerElement.current || !scrollBarElement.current) {
+            return;
+        }
+        if (!scrollingWithBar.current) {
+            scrollingContainer.current = true;
+            scrollBarElement.current.scrollLeft = scrollableContainerElement.current.scrollLeft;
+        }
+        scrollingWithBar.current = false;
+        if (stickyHeaderElement.current) {
+            stickyHeaderElement.current.scrollLeft = scrollableContainerElement.current.scrollLeft;
+        }
+        if ((canScrollLeft && !hasMoreLeftColumns) || (!canScrollLeft && hasMoreLeftColumns)) {
+            toggleHasMoreLeftColumns();
+        }
+        setCanScrollRight(canScrollRight);
+    }, [hasMoreLeftColumns, toggleHasMoreLeftColumns]);
+    const handleScrollBarScroll = (0, react_1.useCallback)(() => {
+        if (!scrollableContainerElement.current || !scrollBarElement.current) {
+            return;
+        }
+        if (!scrollingContainer.current) {
+            scrollingWithBar.current = true;
+            scrollableContainerElement.current.scrollLeft = scrollBarElement.current.scrollLeft;
+        }
+        scrollingContainer.current = false;
+    }, []);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        tableHeadings.current = (0, utilities_1.getTableHeadingsBySelector)(tableElement.current, '[data-index-table-heading]');
+        stickyTableHeadings.current = (0, utilities_1.getTableHeadingsBySelector)(stickyHeaderWrapperElement.current, '[data-index-table-sticky-heading]');
+        resizeTableHeadings();
+    }, [headings, resizeTableHeadings, firstStickyHeaderElement, tableInitialized]);
+    (0, react_1.useEffect)(() => {
+        resizeTableScrollBar();
+        setStickyWrapper(condensed ? condensedListElement.current : tableElement.current);
+    }, [tableInitialized, resizeTableScrollBar, condensed]);
+    const hasBulkActions = Boolean((promotedBulkActions && promotedBulkActions.length > 0) ||
+        (bulkActions && bulkActions.length > 0));
+    const headingsMarkup = headings
+        .map(renderHeading)
+        .reduce((acc, heading) => acc.concat(heading), []);
+    const bulkActionsSelectable = Boolean(promotedBulkActions.length > 0 || bulkActions.length > 0);
+    const stickyColumnHeaderStyle = tableHeadingRects.current && tableHeadingRects.current.length > 0
+        ? {
+            minWidth: calculateFirstHeaderOffset(),
+        }
+        : undefined;
+    const stickyColumnHeader = ((0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.TableHeading, style: stickyColumnHeaderStyle, "data-index-table-sticky-heading": true, children: (0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { spacing: 'none', wrap: false, alignment: 'center', children: [selectable && ((0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.FirstStickyHeaderElement, ref: firstStickyHeaderElement, children: renderCheckboxContent() })), selectable && ((0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default['StickyTableHeading-second-scrolling'], children: renderHeadingContent(headings[0], 0) })), !selectable && ((0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.FirstStickyHeaderElement, ref: firstStickyHeaderElement, children: renderHeadingContent(headings[0], 0) }))] }) }, getHeadingKey(headings[0])));
+    const stickyHeadingsMarkup = headings.map(renderStickyHeading);
+    const selectedItemsCountLabel = selectedItemsCount === index_provider_1.SELECT_ALL_ITEMS ? `${itemCount}+` : selectedItemsCount;
+    const handleTogglePage = (0, react_1.useCallback)(() => {
+        handleSelectionChange(index_provider_1.SelectionType.Page, Boolean(!bulkSelectState || bulkSelectState === 'indeterminate'));
+    }, [bulkSelectState, handleSelectionChange]);
+    const paginatedSelectAllAction = getPaginatedSelectAllAction();
+    const loadingTransitionClassNames = {
+        enter: IndexTable_classnames_1.default['LoadingContainer-enter'],
+        enterActive: IndexTable_classnames_1.default['LoadingContainer-enter-active'],
+        exit: IndexTable_classnames_1.default['LoadingContainer-exit'],
+        exitActive: IndexTable_classnames_1.default['LoadingContainer-exit-active'],
+    };
+    const loadingMarkup = ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: loading, classNames: loadingTransitionClassNames, 
+        //@ts-expect-error
+        timeout: parseInt(tokens_1.motion['duration-100'], 10), nodeRef: loadingElement, appear: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.LoadingPanel, ref: loadingElement, children: (0, jsx_runtime_1.jsxs)("div", { className: IndexTable_classnames_1.default.LoadingPanelRow, children: [(0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 'small' }), (0, jsx_runtime_1.jsx)("span", { className: IndexTable_classnames_1.default.LoadingPanelText, children: i18n.translate('Polaris.IndexTable.resourceLoadingAccessibilityLabel', {
+                            resourceNamePlural: resourceName.plural.toLocaleLowerCase(),
+                        }) })] }) }) }));
+    const stickyTableClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.StickyTable, condensed && IndexTable_classnames_1.default['StickyTable-condensed']);
+    const shouldShowBulkActions = bulkActionsSelectable && selectedItemsCount;
+    const bulkActionClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.BulkActionsWrapper, isBulkActionsSticky && IndexTable_classnames_1.default.BulkActionsWrapperSticky);
+    const shouldShowActions = !condensed || selectedItemsCount;
+    const promotedActions = shouldShowActions ? promotedBulkActions : [];
+    const actions = shouldShowActions ? bulkActions : [];
+    const bulkActionsMarkup = shouldShowBulkActions && !condensed ? ((0, jsx_runtime_1.jsx)("div", { className: bulkActionClassNames, style: {
+            insetBlockStart: isBulkActionsSticky ? undefined : bulkActionsAbsoluteOffset,
+            width: bulkActionsMaxWidth,
+            insetInlineStart: isBulkActionsSticky ? bulkActionsOffsetLeft : undefined,
+        }, children: (0, jsx_runtime_1.jsx)(BulkActions_1.BulkActions, { selectMode: selectMode, promotedActions: promotedActions, actions: actions, onSelectModeToggle: condensed ? handleSelectModeToggle : undefined, isSticky: isBulkActionsSticky, width: bulkActionsMaxWidth }) })) : null;
+    const stickyHeaderMarkup = ((0, jsx_runtime_1.jsxs)("div", { className: stickyTableClassNames, role: 'presentation', children: [(0, jsx_runtime_1.jsx)(Sticky_1.Sticky, { boundingElement: stickyWrapper, children: (isSticky) => {
+                    const stickyHeaderClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.StickyTableHeader, isSticky && IndexTable_classnames_1.default['StickyTableHeader-isSticky']);
+                    const selectAllActionsClassName = (0, css_1.classNames)(IndexTable_classnames_1.default.SelectAllActionsWrapper, condensed && IndexTable_classnames_1.default['StickyTableHeader-condensed'], isSticky && IndexTable_classnames_1.default['StickyTableHeader-isSticky']);
+                    const selectAllActionsMarkup = shouldShowBulkActions && !condensed ? ((0, jsx_runtime_1.jsxs)("div", { className: selectAllActionsClassName, children: [(0, jsx_runtime_1.jsx)(SelectAllActions_1.SelectAllActions, { label: i18n.translate('Polaris.IndexTable.selected', {
+                                    selectedItemsCount: selectedItemsCountLabel,
+                                }), accessibilityLabel: bulkActionsAccessibilityLabel, selected: bulkSelectState, selectMode: selectMode, onToggleAll: handleTogglePage, paginatedSelectAllText: paginatedSelectAllText, paginatedSelectAllAction: paginatedSelectAllAction }), loadingMarkup] })) : null;
+                    const headerMarkup = condensed ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.classNames)(IndexTable_classnames_1.default.HeaderWrapper, (!selectable || condensed) && IndexTable_classnames_1.default.unselectable), children: [loadingMarkup, sort] })) : ((0, jsx_runtime_1.jsxs)("div", { className: stickyHeaderClassNames, ref: stickyHeaderWrapperElement, children: [loadingMarkup, (0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.StickyTableColumnHeader, children: stickyColumnHeader }), (0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.StickyTableHeadings, ref: stickyHeaderElement, children: stickyHeadingsMarkup })] }));
+                    const stickyContent = selectAllActionsMarkup !== null && selectAllActionsMarkup !== void 0 ? selectAllActionsMarkup : headerMarkup;
+                    return stickyContent;
+                } }), bulkActionsMarkup] }));
+    const scrollBarWrapperClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.ScrollBarContainer, condensed && IndexTable_classnames_1.default.scrollBarContainerCondensed, hideScrollContainer && IndexTable_classnames_1.default.scrollBarContainerHidden);
+    const scrollBarClassNames = (0, css_1.classNames)(tableElement.current && tableInitialized && IndexTable_classnames_1.default.ScrollBarContent);
+    const scrollBarMarkup = itemCount > 0 ? ((0, jsx_runtime_1.jsx)(AfterInitialMount_1.AfterInitialMount, { onMount: resizeTableScrollBar, children: (0, jsx_runtime_1.jsx)("div", { className: scrollBarWrapperClassNames, ref: scrollContainerElement, children: (0, jsx_runtime_1.jsx)("div", { onScroll: handleScrollBarScroll, className: IndexTable_classnames_1.default.ScrollBar, ref: scrollBarElement, children: (0, jsx_runtime_1.jsx)("div", { className: scrollBarClassNames }) }) }) })) : null;
+    const isSortable = sortable === null || sortable === void 0 ? void 0 : sortable.some((value) => value);
+    const tableClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.Table, hasMoreLeftColumns && IndexTable_classnames_1.default['Table-scrolling'], selectMode && IndexTable_classnames_1.default.disableTextSelection, selectMode && shouldShowBulkActions && IndexTable_classnames_1.default.selectMode, !selectable && IndexTable_classnames_1.default['Table-unselectable'], canFitStickyColumn && IndexTable_classnames_1.default['Table-sticky'], isSortable && IndexTable_classnames_1.default['Table-sortable'], canFitStickyColumn && lastColumnSticky && IndexTable_classnames_1.default['Table-sticky-last'], canFitStickyColumn && lastColumnSticky && canScrollRight && IndexTable_classnames_1.default['Table-sticky-scrolling'], hasZebraStriping && IndexTable_classnames_1.default.ZebraStriping);
+    const emptyStateMarkup = emptyState ? (emptyState) : loading ? ((0, jsx_runtime_1.jsx)(SkeletonTable_1.SkeletonTable, { children: (0, jsx_runtime_1.jsx)(SkeletonTable_1.SkeletonTable.Body, {}) })) : ((0, jsx_runtime_1.jsx)(EmptySearchResult_1.EmptySearchResult, { title: i18n.translate('Polaris.IndexTable.emptySearchTitle', {
+            resourceNamePlural: resourceName.plural,
+        }), description: i18n.translate('Polaris.IndexTable.emptySearchDescription'), withIllustration: true }));
+    const sharedMarkup = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(EventListener_1.EventListener, { event: 'resize', handler: handleResize }), (0, jsx_runtime_1.jsx)(AfterInitialMount_1.AfterInitialMount, { children: stickyHeaderMarkup })] }));
+    const condensedClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.CondensedList, hasZebraStriping && IndexTable_classnames_1.default.ZebraStriping);
+    const bodyMarkup = condensed ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [sharedMarkup, (0, jsx_runtime_1.jsx)("ul", { "data-selectmode": Boolean(selectMode), className: condensedClassNames, ref: condensedListElement, children: children })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [sharedMarkup, (0, jsx_runtime_1.jsx)(components_1.ScrollContainer, { scrollableContainerRef: scrollableContainerElement, onScroll: handleScrollContainerScroll, children: (0, jsx_runtime_1.jsxs)("table", { ref: tableElement, className: tableClassNames, children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { style: { ...(headerHidden && { display: 'none' }) }, className: IndexTable_classnames_1.default.HeadingRow, children: headingsMarkup }) }), (0, jsx_runtime_1.jsx)("tbody", { ref: tableBodyRef, children: children })] }) })] }));
+    const tableContentMarkup = itemCount > 0 ? (bodyMarkup) : ((0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.EmptySearchResultWrapper, children: emptyStateMarkup }));
+    const tableWrapperClassNames = (0, css_1.classNames)(IndexTable_classnames_1.default.IndexTableWrapper, Boolean(bulkActionsMarkup) && selectMode && IndexTable_classnames_1.default.IndexTableWrapperWithBulkActions);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: IndexTable_classnames_1.default.IndexTable, children: [(0, jsx_runtime_1.jsxs)("div", { className: tableWrapperClassNames, ref: tableMeasurerRef, children: [!shouldShowBulkActions && !condensed && loadingMarkup, tableContentMarkup] }), (0, jsx_runtime_1.jsx)("div", { ref: bulkActionsIntersectionRef })] }), scrollBarMarkup] }));
+    function renderHeading(heading, index) {
+        const isSecond = index === 0;
+        const isLast = index === headings.length - 1;
+        const hasSortable = sortable === null || sortable === void 0 ? void 0 : sortable.some((value) => value === true);
+        const headingAlignment = heading.alignment || 'start';
+        const headingContentClassName = (0, css_1.classNames)(IndexTable_classnames_1.default.TableHeading, headingAlignment === 'center' && IndexTable_classnames_1.default['TableHeading-align-center'], headingAlignment === 'end' && IndexTable_classnames_1.default['TableHeading-align-end'], hasSortable && IndexTable_classnames_1.default['TableHeading-sortable'], isSecond && IndexTable_classnames_1.default['TableHeading-second'], isLast && !heading.hidden && IndexTable_classnames_1.default['TableHeading-last'], !selectable && IndexTable_classnames_1.default['TableHeading-unselectable'], heading.flush && IndexTable_classnames_1.default['TableHeading-flush']);
+        const stickyPositioningStyle = selectable !== false &&
+            isSecond &&
+            tableHeadingRects.current &&
+            tableHeadingRects.current.length > 0
+            ? { left: tableHeadingRects.current[0].offsetWidth }
+            : undefined;
+        const headingContent = ((0, jsx_runtime_1.jsx)("th", { className: headingContentClassName, "data-index-table-heading": true, style: stickyPositioningStyle, children: renderHeadingContent(heading, index) }, getHeadingKey(heading)));
+        if (index !== 0 || !selectable) {
+            return headingContent;
+        }
+        const checkboxClassName = (0, css_1.classNames)(IndexTable_classnames_1.default.TableHeading, hasSortable && IndexTable_classnames_1.default['TableHeading-sortable'], index === 0 && IndexTable_classnames_1.default['TableHeading-first']);
+        const checkboxContent = ((0, jsx_runtime_1.jsx)("th", { className: checkboxClassName, "data-index-table-heading": true, children: renderCheckboxContent() }, `${heading}-${index}`));
+        return [checkboxContent, headingContent];
+    }
+    function renderCheckboxContent() {
+        return ((0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.ColumnHeaderCheckboxWrapper, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { label: i18n.translate('Polaris.IndexTable.selectAllLabel', {
+                    resourceNamePlural: resourceName.plural,
+                }), labelHidden: true, onChange: handleSelectPage, checked: bulkSelectState }) }));
+    }
+    function handleSortHeadingClick(index, direction) {
+        renderAfterSelectEvent.current = false;
+        hasSelected.current = false;
+        lastSortedColumnIndex.current = sortColumnIndex;
+        onSort === null || onSort === void 0 ? void 0 : onSort(index, direction);
+    }
+    function renderHeadingContent(heading, index) {
+        var _a, _b;
+        let headingContent;
+        const defaultTooltipProps = {
+            width: (_a = heading.tooltipWidth) !== null && _a !== void 0 ? _a : 'default',
+            activatorWrapper: 'div',
+            dismissOnMouseOut: true,
+            persistOnClick: heading.tooltipPersistsOnClick,
+        };
+        const defaultHeaderTooltipProps = {
+            ...defaultTooltipProps,
+            padding: '4',
+            borderRadius: '2',
+            content: heading.tooltipContent,
+            preferredPosition: 'above',
+        };
+        if (heading.new) {
+            headingContent = ((0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { wrap: false, alignment: 'center', children: [(0, jsx_runtime_1.jsx)("span", { children: heading.title }), (0, jsx_runtime_1.jsx)(Badge_1.Badge, { status: 'new', children: i18n.translate('Polaris.IndexTable.onboardingBadgeText') })] }));
+        }
+        else if (heading.hidden) {
+            headingContent = ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', visuallyHidden: true, children: heading.title }));
+        }
+        else {
+            headingContent = heading.title;
+        }
+        if (sortable === null || sortable === void 0 ? void 0 : sortable[index]) {
+            const isCurrentlySorted = index === sortColumnIndex;
+            const isPreviouslySorted = !isCurrentlySorted && index === lastSortedColumnIndex.current;
+            const isRenderAfterSelectEvent = renderAfterSelectEvent.current || (!hasSelected.current && selectedItemsCount !== 0);
+            const isAscending = sortDirection === 'ascending';
+            let newDirection = (_b = heading.defaultSortDirection) !== null && _b !== void 0 ? _b : defaultSortDirection;
+            let SourceComponent = newDirection === 'ascending' ? Icons_1.MaSort /**SortAscendingMajor'**/ : Icons_1.MaSort;
+            if (isCurrentlySorted) {
+                newDirection = isAscending ? 'descending' : 'ascending';
+                SourceComponent = sortDirection === 'ascending' ? Icons_1.MaSort : Icons_1.MaSort;
+            }
+            const iconMarkup = ((0, jsx_runtime_1.jsx)("span", { className: (0, css_1.classNames)(IndexTable_classnames_1.default.TableHeadingSortIcon, (heading === null || heading === void 0 ? void 0 : heading.alignment) === 'end' && IndexTable_classnames_1.default['TableHeadingSortIcon-heading-align-end'], isCurrentlySorted && IndexTable_classnames_1.default['TableHeadingSortIcon-visible']), children: (0, jsx_runtime_1.jsx)(SourceComponent
+                // focusable='false'
+                , { "aria-hidden": 'true', className: IndexTable_classnames_1.default.TableHeadingSortSvg }) }));
+            const defaultSortButtonProps = {
+                onClick: () => handleSortHeadingClick(index, newDirection),
+                className: (0, css_1.classNames)(IndexTable_classnames_1.default.TableHeadingSortButton, !isCurrentlySorted &&
+                    (heading === null || heading === void 0 ? void 0 : heading.alignment) === 'end' &&
+                    IndexTable_classnames_1.default['TableHeadingSortButton-heading-align-end'], isCurrentlySorted &&
+                    (heading === null || heading === void 0 ? void 0 : heading.alignment) === 'end' &&
+                    IndexTable_classnames_1.default['TableHeadingSortButton-heading-align-end-currently-sorted'], isPreviouslySorted &&
+                    !isRenderAfterSelectEvent &&
+                    (heading === null || heading === void 0 ? void 0 : heading.alignment) === 'end' &&
+                    IndexTable_classnames_1.default['TableHeadingSortButton-heading-align-end-previously-sorted']),
+                tabIndex: selectMode ? -1 : 0,
+            };
+            const sortMarkup = ((0, jsx_runtime_1.jsxs)(UnstyledButton_1.UnstyledButton, { ...defaultSortButtonProps, children: [iconMarkup, (0, jsx_runtime_1.jsx)("span", { className: (0, css_1.classNames)(sortToggleLabels &&
+                            selectMode &&
+                            heading.tooltipContent &&
+                            IndexTable_classnames_1.default.TableHeadingTooltipUnderlinePlaceholder), children: headingContent })] }));
+            if (!sortToggleLabels || selectMode) {
+                return (0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.SortableTableHeadingWithCustomMarkup, children: sortMarkup });
+            }
+            const tooltipDirection = isCurrentlySorted ? sortDirection : newDirection;
+            const sortTooltipContent = sortToggleLabels[index][tooltipDirection];
+            if (!heading.tooltipContent) {
+                return (
+                // Regular header with sort icon and sort direction tooltip
+                (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { ...defaultTooltipProps, content: sortTooltipContent, preferredPosition: 'above', children: sortMarkup }));
+            }
+            if (heading.tooltipContent) {
+                return (
+                // Header text and sort icon have separate tooltips
+                (0, jsx_runtime_1.jsx)("div", { className: IndexTable_classnames_1.default.SortableTableHeadingWithCustomMarkup, children: (0, jsx_runtime_1.jsxs)(UnstyledButton_1.UnstyledButton, { ...defaultSortButtonProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { ...defaultHeaderTooltipProps, children: (0, jsx_runtime_1.jsx)("span", { className: IndexTable_classnames_1.default.TableHeadingUnderline, children: headingContent }) }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { ...defaultTooltipProps, content: sortTooltipContent, preferredPosition: 'above', children: iconMarkup })] }) }));
+            }
+        }
+        if (heading.tooltipContent) {
+            return (
+            // Non-sortable header with tooltip
+            (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { ...defaultHeaderTooltipProps, activatorWrapper: 'span', children: (0, jsx_runtime_1.jsx)("span", { className: (0, css_1.classNames)(IndexTable_classnames_1.default.TableHeadingUnderline, IndexTable_classnames_1.default.SortableTableHeaderWrapper), children: headingContent }) }));
+        }
+        return headingContent;
+    }
+    function handleSelectPage(checked) {
+        handleSelectionChange(index_provider_1.SelectionType.Page, checked);
+    }
+    function renderStickyHeading(heading, index) {
+        const position = index + 1;
+        const headingStyle = tableHeadingRects.current && tableHeadingRects.current.length > position
+            ? { minWidth: tableHeadingRects.current[position].offsetWidth }
+            : undefined;
+        const headingAlignment = heading.alignment || 'start';
+        const headingContent = renderHeadingContent(heading, index);
+        const stickyHeadingClassName = (0, css_1.classNames)(IndexTable_classnames_1.default.TableHeading, headingAlignment === 'center' && IndexTable_classnames_1.default['TableHeading-align-center'], headingAlignment === 'end' && IndexTable_classnames_1.default['TableHeading-align-end'], index === 0 && IndexTable_classnames_1.default['StickyTableHeading-second'], index === 0 && !selectable && IndexTable_classnames_1.default.unselectable);
+        return ((0, jsx_runtime_1.jsx)("div", { className: stickyHeadingClassName, style: headingStyle, "data-index-table-sticky-heading": true, children: headingContent }, getHeadingKey(heading)));
+    }
+    function getPaginatedSelectAllAction() {
+        if (!selectable || !hasBulkActions || !hasMoreItems) {
+            return;
+        }
+        const customActionText = paginatedSelectAllActionText !== null && paginatedSelectAllActionText !== void 0 ? paginatedSelectAllActionText : i18n.translate('Polaris.IndexTable.selectAllItems', {
+            itemsLength: itemCount,
+            resourceNamePlural: resourceName.plural.toLocaleLowerCase(),
+        });
+        const actionText = selectedItemsCount === index_provider_1.SELECT_ALL_ITEMS
+            ? i18n.translate('Polaris.IndexTable.undo')
+            : customActionText;
+        return {
+            content: actionText,
+            onAction: handleSelectAllItemsInStore,
+        };
+    }
+    function handleSelectModeToggle() {
+        handleSelectionChange(index_provider_1.SelectionType.All, false);
+    }
+}
+const isBreakpointsXS = () => {
+    return typeof window === 'undefined' ? false : false;
+    // : window.innerWidth <
+    //     parseFloat(toPx(tokens.breakpoints['breakpoints-sm']) ?? '');
+};
+function getHeadingKey(heading) {
+    if ('id' in heading && heading.id) {
+        return heading.id;
+    }
+    if (typeof heading.title === 'string') {
+        return heading.title;
+    }
+    return '';
+}
+function IndexTable({ children, selectable = true, itemCount, selectedItemsCount = 0, resourceName: passedResourceName, loading, hasMoreItems, condensed, onSelectionChange, ...indexTableBaseProps }) {
+    return ((0, jsx_runtime_1.jsx)(IndexProvider_1.IndexProvider, { selectable: selectable && !condensed, itemCount: itemCount, selectedItemsCount: selectedItemsCount, resourceName: passedResourceName, loading: loading, hasMoreItems: hasMoreItems, condensed: condensed, onSelectionChange: onSelectionChange, children: (0, jsx_runtime_1.jsx)(IndexTableBase, { ...indexTableBaseProps, children: children }) }));
+}
+exports.IndexTable = IndexTable;
+IndexTable.Cell = components_1.Cell;
+IndexTable.Row = components_1.Row;
+IndexTable.Pagination = V1_1.PaginationV1;

package/dist/src/components/IndexTable/components/Cell/Cell.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const css_1 = require("../../../../utilities/css");
+const IndexTable_classnames_1 = __importDefault(require("../../IndexTable.classnames"));
+exports.Cell = (0, react_1.memo)(function Cell({ children, className, flush }) {
+    const cellClassName = (0, css_1.classNames)(className, IndexTable_classnames_1.default.TableCell, flush && IndexTable_classnames_1.default['TableCell-flush']);
+    return (0, jsx_runtime_1.jsx)("td", { className: cellClassName, children: children });
+});

package/dist/src/components/IndexTable/components/Cell/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Cell"), exports);

package/dist/src/components/IndexTable/components/Checkbox/Checkbox.classnames.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const CheckboxClassnames = {
+    "TableCellContentContainer": "Checkbox-TableCellContentContainer",
+    "Wrapper": "Checkbox-Wrapper",
+    "expanded": "Checkbox-expanded",
+    "condensed": "Checkbox-condensed"
+};
+exports.default = CheckboxClassnames;