@wix/patterns 0.8.0

package/dist/esm/components/MultiLevelSortingPanel/MultiLevelSortingPanel.uni.driver.js

@@ -0,0 +1,53 @@
+import { SidePanelUniDriver, AddItemUniDriver, IconButtonUniDriver, DropdownUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { SlidingModalUniDriver } from '../SlidingModal/SlidingModal.uni.driver';
+import { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';
+import { baseUniDriverFactory } from '../../unidriver';
+export function MultiLevelSortingPanelUniDriver(base, body) {
+    const panelBase = () => base.$('[data-hook="multi-level-sorting-panel"]');
+    const panel = () => SidePanelUniDriver(panelBase(), body);
+    const slidingModal = () => SlidingModalUniDriver(base.$('[data-hook="cairo-side-panel-modal"]'), body);
+    const list = () => panelBase().$('[data-hook="multi-level-sorting-list"]');
+    const getDragAndDropDriver = () => DragAndDropUniDriver(list());
+    const items = () => panelBase().$$('[data-hook="multi-level-sorting-list"] > div');
+    const getItemAtBase = (i) => items().get(i);
+    const addItemButton = () => AddItemUniDriver(base.$(`[data-hook="multi-level-sorting-add-sort"]`), body);
+    const clickSortRemoveAtIndex = (index) => IconButtonUniDriver(getItemAtBase(index).$(`[data-hook="multi-level-sorting-remove-sort"]`), body).click();
+    const changeSortOrderAtIndex = (index, order) => {
+        const dropdown = DropdownUniDriver(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-order"]`), body);
+        return dropdown.dropdownLayoutDriver.clickAtOption(order === 'asc' ? 0 : 1);
+    };
+    const getSortOrderAtIndex = async (index) => {
+        const dropdown = DropdownUniDriver(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-order"]`), body);
+        return dropdown.dropdownLayoutDriver.getSelectedOptionId();
+    };
+    const changeColumnAtIndex = (index, columnIndex) => {
+        const dropdown = DropdownUniDriver(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-column"]`), body);
+        return dropdown.dropdownLayoutDriver.clickAtOption(columnIndex);
+    };
+    const getColumnAtIndex = (index) => {
+        const dropdown = DropdownUniDriver(getItemAtBase(index).$(`[data-hook="multi-level-sorting-select-column"]`), body);
+        return dropdown.dropdownLayoutDriver.getSelectedOptionId();
+    };
+    return Object.assign(Object.assign({ 
+        /**
+         * Wait until root element to exist
+         * @param timeout - time to wait until bailing
+         */
+        wait: (timeout) => base.wait(timeout) }, baseUniDriverFactory(base)), { 
+        /** Checks if the panel exist */
+        exists: () => panelBase().exists(), 
+        /** Checks if the SidePanel is open */
+        isOpen: () => Promise.all([slidingModal().isOpen(), panel().exists()]).then((arr) => arr.every(Boolean)), getTitle: () => panel().getTitleText(), getSubtitle: () => panel().getSubtitleText(), clickCloseButton: () => panel().clickClose(), closeButtonExists: () => panel().isCloseButtonExists(), clickAddSortButton: () => addItemButton().click(), 
+        /** Removes a sort item at index */
+        clickSortRemoveAtIndex,
+        /** Changes a sort order at index */
+        changeSortOrderAtIndex,
+        getSortOrderAtIndex,
+        /** Changes a sort column at index */
+        changeColumnAtIndex,
+        getColumnAtIndex, getItemsCount: () => items().count(), dragHandleExistsAt: (i) => getItemAtBase(i)
+            .$('[data-hook="multi-level-sorting-item-drag-handle"]')
+            .exists(), dragStart: async (sourceIndex) => getDragAndDropDriver().dragStart(await getItemAtBase(sourceIndex)), dragMove: () => getDragAndDropDriver().dragMove(), dragEnd: async (targetIndex) => getDragAndDropDriver().dragEnd(await getItemAtBase(targetIndex)) });
+}
+export default MultiLevelSortingPanelUniDriver;
+//# sourceMappingURL=MultiLevelSortingPanel.uni.driver.js.map

package/dist/esm/components/MultiLevelSortingPanel/MultiLevelSortingPanel.uni.driver.js.map

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

package/dist/esm/components/MultiLevelSortingPanel/MultiLevelSortingPanelEntry.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { MultiLevelSortingPanel } from './MultiLevelSortingPanel';
+import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+export function MultiLevelSortingPanelEntry() {
+    const state = useToolbarCollectionContext();
+    if (process.env.NODE_ENV !== 'production') {
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.68.0',
+            requiredBy: 'Cairo/MultiLevelSorting',
+        });
+    }
+    return React.createElement(MultiLevelSortingPanel, { state: state });
+}
+//# sourceMappingURL=MultiLevelSortingPanelEntry.js.map

package/dist/esm/components/MultiLevelSortingPanel/MultiLevelSortingPanelEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingPanelEntry.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingPanelEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAEtF,MAAM,UAAU,2BAA2B;IACzC,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAE5C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,yBAAyB;SACtC,CAAC,CAAC;KACJ;IAED,OAAO,oBAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAClD,CAAC"}

package/dist/esm/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.js

@@ -0,0 +1,27 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Box, IconButton, Tooltip, TableListItem } from '@wix/design-system';
+import { DeleteSmall } from '@wix/wix-ui-icons-common';
+import { observer } from 'mobx-react-lite';
+import { MultiLevelSortingColumnSelect } from './MultiLevelSortingColumnSelect';
+import { MultiLevelSortingOrderSelect } from './MultiLevelSortingOrderSelect';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+function _MultiLevelSortingTableListItem(props) {
+    const { sortableColumn, state, domRef, dragging, draggable, index, showDivider } = props, rest = __rest(props, ["sortableColumn", "state", "domRef", "dragging", "draggable", "index", "showDivider"]);
+    const { translate: t } = useWixPatternsContainer();
+    return (React.createElement("div", Object.assign({ ref: domRef, "data-hook": `multi-level-sorting-item-${sortableColumn.columnId}` }, rest),
+        React.createElement(TableListItem, { verticalPadding: "tiny", draggable: draggable, dragging: dragging, showDivider: showDivider, options: [
+                {
+                    value: (React.createElement(Box, { width: "100%", direction: "horizontal", verticalAlign: "middle", gap: "SP2" },
+                        React.createElement(MultiLevelSortingColumnSelect, { sortableColumn: sortableColumn, state: state, index: index }),
+                        React.createElement(MultiLevelSortingOrderSelect, { sortableColumn: sortableColumn, state: state }),
+                        React.createElement(Tooltip, { content: t('cairo.table.advanced-sorting.remove.button.tooltip') },
+                            React.createElement(IconButton, { dataHook: "multi-level-sorting-remove-sort", size: "small", skin: "light", onClick: () => {
+                                    state.removeSort(sortableColumn.columnId);
+                                } },
+                                React.createElement(DeleteSmall, null))))),
+                },
+            ] })));
+}
+export const MultiLevelSortingTableListItem = observer(_MultiLevelSortingTableListItem);
+//# sourceMappingURL=MultiLevelSortingTableListItem.js.map

package/dist/esm/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingTableListItem.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAI9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAU9D,SAAS,+BAA+B,CACtC,KAAgD;IAEhD,MAAM,EACJ,cAAc,EACd,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,KAET,KAAK,EADJ,IAAI,UACL,KAAK,EATH,sFASL,CAAQ,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,OAAO,CACL,2CACE,GAAG,EAAE,MAAM,eACA,4BAA4B,cAAc,CAAC,QAAQ,EAAE,IAC5D,IAAI;QAER,oBAAC,aAAa,IACZ,eAAe,EAAC,MAAM,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL,oBAAC,GAAG,IACF,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,KAAK;wBAET,oBAAC,6BAA6B,IAC5B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ;wBACF,oBAAC,4BAA4B,IAC3B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,GACZ;wBACF,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,CACR,oDAAoD,CACrD;4BAED,oBAAC,UAAU,IACT,QAAQ,EAAC,iCAAiC,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;oCACZ,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;gCAC5C,CAAC;gCAED,oBAAC,WAAW,OAAG,CACJ,CACL,CACN,CACP;iBACF;aACF,GACD,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAG,QAAQ,CACpD,+BAA+B,CAChC,CAAC"}

package/dist/esm/components/MultiLevelSortingPanel/index.js

@@ -0,0 +1,2 @@
+export * from './MultiLevelSortingPanelEntry';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiLevelSortingPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/esm/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js

@@ -0,0 +1,129 @@
+import { __rest } from "tslib";
+import { listItemSectionBuilder } from '@wix/design-system';
+import React, { useEffect, useMemo, useState } from 'react';
+import { CollectionFilterState, DropdownCollectionFilterState, } from '../../state';
+import { TextOverflowState } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+import { MultiSelectCheckboxFilterBase, } from '../MultiSelectCheckboxFilterBase';
+import { useBuildOption } from '../../hooks';
+import { InputOverflow } from '../InputOverflow';
+import { useFilterToolbarState } from '../../providers';
+import { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';
+import { useCollectionFilterInitialFetchTiming, } from '../../hooks/useCollectionFilterInitialFetchTiming';
+function _MultiSelectCheckboxFilter(props) {
+    const { filter, collection, renderItem, onSelect, onClose, onDeselect, placeholder: placeholderProp } = props, rest = __rest(props, ["filter", "collection", "renderItem", "onSelect", "onClose", "onDeselect", "placeholder"]);
+    const container = useWixPatternsContainer();
+    const toolbar = useFilterToolbarState();
+    const buildOption = useBuildOption({
+        filter,
+        renderItem,
+        checkbox: true,
+    });
+    const [collectionFilter] = useState(() => new CollectionFilterState({
+        collection,
+        filter,
+    }));
+    const [dropdownCollectionFilterState] = useState(() => new DropdownCollectionFilterState({
+        resetOnClose: false,
+        collectionFilter,
+        container,
+        toolbar,
+    }));
+    const { dropdownSelect, init, inputState, shouldShowPlaceholder } = dropdownCollectionFilterState;
+    const { disableEditing } = inputState;
+    const { select: { selectedKeys, selectedValues }, finalFilterKeyedItems, finalFilterKeyedItemsMap, container: { translate: t }, } = dropdownSelect;
+    const [textOverflowState] = useState(() => new TextOverflowState({
+        observable: () => dropdownSelect.select.selectedValues,
+    }));
+    const { isOverflow } = textOverflowState;
+    const { result: { keyedItems }, fetchedLastPage, query: { search: { isEmpty: isEmptySearch }, }, } = collection;
+    const promotedOptions = finalFilterKeyedItems.length
+        ? [
+            ...finalFilterKeyedItems.map(buildOption),
+            listItemSectionBuilder({
+                id: 'promoted-section-divider',
+                type: 'divider',
+            }),
+        ]
+        : [];
+    const otherOptions = (isEmptySearch
+        ? keyedItems.filter(({ key }) => { var _a; return (_a = !finalFilterKeyedItemsMap.has(key)) !== null && _a !== void 0 ? _a : true; })
+        : keyedItems).map(buildOption);
+    const { options, fixedFooter, showInitialLoader } = usePlaceholderStateOptions([...(isEmptySearch ? promotedOptions : []), ...otherOptions], {
+        collection,
+    });
+    const selectedValuesText = useMemo(() => {
+        return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');
+    }, [selectedValues]);
+    const { skipInitialFetch, onFocus } = useCollectionFilterInitialFetchTiming(props);
+    useEffect(() => init({ skipInitialFetch }), []);
+    const placeholder = useMemo(() => {
+        if (!shouldShowPlaceholder) {
+            return '';
+        }
+        if (selectedValues.length !== 0) {
+            if ((process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||
+                isOverflow) {
+                return t('cairo.dropdownSearch.filters.selected', {
+                    total: selectedValues.length,
+                });
+            }
+            return selectedValuesText;
+        }
+        return (placeholderProp !== null && placeholderProp !== void 0 ? placeholderProp : t('cairo.dropdownSearch.select.filers.placeholder'));
+    }, [
+        selectedValues,
+        selectedValuesText,
+        shouldShowPlaceholder,
+        isOverflow,
+        placeholderProp,
+    ]);
+    return (React.createElement(MultiSelectCheckboxFilterBase, Object.assign({}, rest, { fixedFooter: fixedFooter, infiniteScroll: true, filter: filter, dropdownSelect: dropdownSelect, options: options, selectedOptions: selectedKeys, hasMore: !showInitialLoader && !fetchedLastPage, loadMore: collection.fetchNextPageIfNeeded, onClose: () => {
+            if (!dropdownSelect.hasPendingFilter) {
+                dropdownSelect.closeAndChangeSelectedItems();
+            }
+            inputState.onBlur();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }, onSelect: (id, option) => {
+            const { keyedItem } = option;
+            dropdownSelect.select.set(keyedItem);
+            if (dropdownSelect.hasPendingFilter) {
+                dropdownSelect.refreshIfChanged({
+                    actionType: 'add',
+                    clickedValueKey: keyedItem.key,
+                });
+            }
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(id, option);
+        }, onDeselect: (id, option) => {
+            const { keyedItem } = option;
+            dropdownSelect.select.delete(keyedItem);
+            if (dropdownSelect.hasPendingFilter) {
+                dropdownSelect.refreshIfChanged({
+                    actionType: 'remove',
+                    clickedValueKey: keyedItem.key,
+                });
+            }
+            onDeselect === null || onDeselect === void 0 ? void 0 : onDeselect(id, option);
+        }, value: collection.query.search.value, onFocus: () => {
+            inputState.onFocus();
+            onFocus();
+        }, onBlur: () => {
+            inputState.onBlur();
+        }, onChange: (e) => {
+            collection.search(e.target.value, { clearResult: true });
+        }, onOptionsShow: inputState.onOptionsShow, onKeyDown: (e) => {
+            if (e.nativeEvent.code === 'Tab') {
+                inputState.onTabKeyDown();
+            }
+        }, onClickOutside: (e) => {
+            var _a;
+            (_a = props.onClickOutside) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            inputState.onClickOutside();
+        }, onClear: () => {
+            inputState.onBlur();
+            collection.clearSearch();
+        }, disableEditing: disableEditing, placeholder: placeholder, clearButton: !disableEditing, clearButtonTooltipContent: t('cairo.dropdownSearch.select.filers.clear'), focusOnClearClick: true, inputElement: React.createElement(InputOverflow, { selected: selectedValues.length > 0, focused: inputState.isFocused, text: selectedValuesText, state: textOverflowState }) })));
+}
+export const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);
+//# sourceMappingURL=MultiSelectCheckboxFilter.js.map

package/dist/esm/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map

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

package/dist/esm/components/MultiSelectCheckboxFilter/index.js

@@ -0,0 +1,2 @@
+export * from './MultiSelectCheckboxFilter';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectCheckboxFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCheckboxFilter/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/esm/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js

@@ -0,0 +1,24 @@
+import { __rest } from "tslib";
+import { MultiSelectCheckbox, } from '@wix/design-system';
+import React, { useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+function _MultiSelectCheckboxFilterBase(props) {
+    const { filter, dropdownSelect, options, placeholder, popoverProps } = props, rest = __rest(props, ["filter", "dropdownSelect", "options", "placeholder", "popoverProps"]);
+    const { select: { selectedKeys, selectedValues }, container: { translate: t }, } = dropdownSelect;
+    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const selectedLabel = useMemo(() => {
+        if (selectedValues.length > 2) {
+            return t('cairo.selected', {
+                total: selectedValues.length,
+            });
+        }
+        if (selectedValues.length) {
+            return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');
+        }
+        return '';
+    }, [selectedValues]);
+    return (React.createElement(MultiSelectCheckbox, Object.assign({ dataHook: `collection-filter-${filter.name}`, border: "round", textOverflow: "ellipsis", options: options, value: selectedLabel, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('cairo.selectPlaceholder'), selectedOptions: selectedKeys, popoverProps: windowFlipPopoverProps }, rest)));
+}
+export const MultiSelectCheckboxFilterBase = observer(_MultiSelectCheckboxFilterBase);
+//# sourceMappingURL=MultiSelectCheckboxFilterBase.js.map

package/dist/esm/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectCheckboxFilterBase.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,mBAAmB,GAEpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAuBlF,SAAS,8BAA8B,CACrC,KAA4C;IAE5C,MAAM,EACJ,MAAM,EACN,cAAc,EACd,OAAO,EACP,WAAW,EACX,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,sEAOL,CAAQ,CAAC;IAEV,MAAM,EACJ,MAAM,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,EACxC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAEvE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,OAAO,CAAC,CAAC,gBAAgB,EAAE;gBACzB,KAAK,EAAE,cAAc,CAAC,MAAM;aAC7B,CAAC,CAAC;SACJ;QAED,IAAI,cAAc,CAAC,MAAM,EAAE;YACzB,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3E;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,mBAAmB,kBAClB,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,YAAY,EAAC,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,CAAC,yBAAyB,CAAC,EACxD,eAAe,EAAE,YAAY,EAC7B,YAAY,EAAE,sBAAsB,IAChC,IAAI,EACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CACnD,8BAA8B,CAC/B,CAAC"}

package/dist/esm/components/MultiSelectCheckboxFilterBase/index.js

@@ -0,0 +1,2 @@
+export * from './MultiSelectCheckboxFilterBase';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectCheckboxFilterBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCheckboxFilterBase/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}

package/dist/esm/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js

@@ -0,0 +1,43 @@
+import { __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { CollectionFilterState, DropdownCollectionFilterState, } from '../../state';
+import { observer } from 'mobx-react-lite';
+import { MultiSelectFilterBase, } from '../MultiSelectFilterBase';
+import { useBuildOption } from '../../hooks';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useFilterToolbarState } from '../../providers';
+import { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';
+import { useCollectionFilterInitialFetchTiming, } from '../../hooks/useCollectionFilterInitialFetchTiming';
+function _MultiSelectCollectionFilter(props) {
+    const { filter, collection, renderItem, initialFetchTiming } = props, rest = __rest(props, ["filter", "collection", "renderItem", "initialFetchTiming"]);
+    const container = useWixPatternsContainer();
+    const toolbar = useFilterToolbarState();
+    const buildOption = useBuildOption({
+        filter,
+        renderItem,
+    });
+    const [collectionFilter] = useState(() => new CollectionFilterState({
+        collection,
+        filter,
+    }));
+    const [{ dropdownSelect, init }] = useState(() => new DropdownCollectionFilterState({
+        collectionFilter,
+        resetOnClose: true,
+        container,
+        toolbar,
+    }));
+    const { query: { search }, } = collection;
+    const { skipInitialFetch, onFocus } = useCollectionFilterInitialFetchTiming(props);
+    useEffect(() => init({ skipInitialFetch }), []);
+    const { result: { keyedItems }, fetchedLastPage, } = collection;
+    const { options, fixedFooter, showInitialLoader } = usePlaceholderStateOptions(keyedItems.map(buildOption), {
+        collection,
+        fixedFooter: rest.fixedFooter,
+    });
+    return (React.createElement(MultiSelectFilterBase, Object.assign({}, rest, { fixedFooter: fixedFooter, infiniteScroll: true, value: search.value, onChange: (e) => {
+            collection.search(e.target.value);
+        }, onFocus: onFocus, filter: filter, dropdownSelect: dropdownSelect, options: options, hasMore: !showInitialLoader && !fetchedLastPage, loadMore: collection.fetchNextPageIfNeeded })));
+}
+export const MultiSelectCollectionFilter = observer(_MultiSelectCollectionFilter);
+MultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';
+//# sourceMappingURL=MultiSelectCollectionFilter.js.map

package/dist/esm/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectCollectionFilter.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,qBAAqB,GAEtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAY,cAAc,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAEL,qCAAqC,GACtC,MAAM,mDAAmD,CAAC;AAS3D,SAAS,4BAA4B,CACnC,KAA6C;IAE7C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAvE,4DAA+D,CAAQ,CAAC;IAE9E,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,WAAW,GAAG,cAAc,CAAI;QACpC,MAAM;QACN,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,MAAM;KACP,CAAC,CACL,CAAC;IAEF,MAAM,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CACzC,GAAG,EAAE,CACH,IAAI,6BAA6B,CAAC;QAChC,gBAAgB;QAChB,YAAY,EAAE,IAAI;QAClB,SAAS;QACT,OAAO;KACR,CAAC,CACL,CAAC;IAEF,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACjC,qCAAqC,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,EACtB,eAAe,GAChB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAC/C,0BAA0B,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;QACtD,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,qBAAqB,oBAChB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,QACd,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,IAAI,CAAC,eAAe,EAC/C,QAAQ,EAAE,UAAU,CAAC,qBAAqB,IAC1C,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,4BAA4B,CAC7B,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}

package/dist/esm/components/MultiSelectCollectionFilter/index.js

@@ -0,0 +1,2 @@
+export * from './MultiSelectCollectionFilter';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectCollectionFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCollectionFilter/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/esm/components/MultiSelectFilterBase/MultiSelectFilterBase.js

@@ -0,0 +1,37 @@
+import { __rest } from "tslib";
+import { MultiSelect, } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useFilterRenderingContext } from '../FilterRenderingContext';
+import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+const inputSizeToTagSize = {
+    tiny: 'tiny',
+    small: 'tiny',
+    medium: 'small',
+    large: 'medium',
+};
+function _MultiSelectCheckboxFilterBase(props) {
+    const { renderTag, filter, options, dropdownSelect, placeholder, onSelect, onRemoveTag, size, popoverProps } = props, rest = __rest(props, ["renderTag", "filter", "options", "dropdownSelect", "placeholder", "onSelect", "onRemoveTag", "size", "popoverProps"]);
+    const { location } = useFilterRenderingContext();
+    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const effectiveSize = size || (location === 'panel' ? 'small' : 'medium');
+    const { select: { selectedValues }, container: { translate: t }, } = dropdownSelect;
+    const tags = selectedValues.map((keyedItem) => {
+        var _a;
+        const { key, item } = keyedItem;
+        const tag = (_a = renderTag === null || renderTag === void 0 ? void 0 : renderTag(item)) !== null && _a !== void 0 ? _a : {};
+        return Object.assign({ id: key, label: filter.itemName(item), size: inputSizeToTagSize[effectiveSize] }, tag);
+    });
+    return (React.createElement(MultiSelect, Object.assign({ dataHook: `collection-filter-${filter.name}`, border: "round", options: options, tags: tags, size: size, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('cairo.selectPlaceholder'), onClose: () => {
+            dropdownSelect.close();
+        }, onSelect: (option) => {
+            const { keyedItem } = option;
+            dropdownSelect.set(keyedItem);
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(option);
+        }, onRemoveTag: (tagId) => {
+            dropdownSelect.deleteKey(tagId);
+            onRemoveTag === null || onRemoveTag === void 0 ? void 0 : onRemoveTag(tagId);
+        }, popoverProps: windowFlipPopoverProps }, rest)));
+}
+export const MultiSelectFilterBase = observer(_MultiSelectCheckboxFilterBase);
+//# sourceMappingURL=MultiSelectFilterBase.js.map

package/dist/esm/components/MultiSelectFilterBase/MultiSelectFilterBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectFilterBase.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,WAAW,GAKZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAMlF,MAAM,kBAAkB,GAA+B;IACrD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAgBF,SAAS,8BAA8B,CACrC,KAAoC;IAEpC,MAAM,EACJ,SAAS,EACT,MAAM,EACN,OAAO,EACP,cAAc,EACd,WAAW,EACX,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,sHAWL,CAAQ,CAAC;IAEV,MAAM,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAEvE,MAAM,aAAa,GACjB,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,EACJ,MAAM,EAAE,EAAE,cAAc,EAAE,EAC1B,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,IAAI,GAAqB,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;;QAC9D,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;QAChC,MAAM,GAAG,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,mCAAI,EAAE,CAAC;QACpC,uBACE,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC5B,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC,IACpC,GAAG,EACN;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,kBACV,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,CAAC,yBAAyB,CAAC,EACxD,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAA4B,CAAC;YACnD,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC9B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC;QACrB,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,YAAY,EAAE,sBAAsB,IAChC,IAAI,EACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,8BAA8B,CAAC,CAAC"}

package/dist/esm/components/MultiSelectFilterBase/index.js

@@ -0,0 +1,2 @@
+export * from './MultiSelectFilterBase';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectFilterBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectFilterBase/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/NavigationModal/NavigationModal.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CollectionActionModal } from '../CollectionActionModal';
+function _NavigationModal() {
+    const { onNavigationModal } = useWixPatternsContainer();
+    const { value } = onNavigationModal;
+    return (React.createElement(CollectionActionModal, Object.assign({ state: onNavigationModal, dataHook: "navigation-modal", theme: "destructive" }, (value && {
+        title: value.title,
+        content: value.content,
+        onAfterClose: value.onAfterClose,
+        primaryButtonOnClick: value.onConfirm,
+        secondaryButtonOnClick: value.onClose,
+        onCloseButtonClick: value.onClose,
+        primaryButtonText: value.primaryButtonText,
+        secondaryButtonText: value.secondaryButtonText,
+    }))));
+}
+export const NavigationModal = observer(_NavigationModal);
+//# sourceMappingURL=NavigationModal.js.map

package/dist/esm/components/NavigationModal/NavigationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationModal.js","sourceRoot":"","sources":["../../../../src/components/NavigationModal/NavigationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,SAAS,gBAAgB;IACvB,MAAM,EAAE,iBAAiB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACxD,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAEpC,OAAO,CACL,oBAAC,qBAAqB,kBACpB,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAC,kBAAkB,EAC3B,KAAK,EAAC,aAAa,IACf,CAAC,KAAK,IAAI;QACZ,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,oBAAoB,EAAE,KAAK,CAAC,SAAS;QACrC,sBAAsB,EAAE,KAAK,CAAC,OAAO;QACrC,kBAAkB,EAAE,KAAK,CAAC,OAAO;QACjC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAC1C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;KAC/C,CAAC,EACF,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/esm/components/NavigationModal/index.js

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

package/dist/esm/components/NavigationModal/index.js.map

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

package/dist/esm/components/NestedTable/ExpandCollapseButton.uni.driver.js

@@ -0,0 +1,7 @@
+import { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+export function ExpandCollapseButtonUniDriver(base, body) {
+    const getButton = () => base.$('[data-hook="expand-collapse"]');
+    const chevronIcon = () => getButton().$('[data-hook="chevron-icon"]');
+    return Object.assign(Object.assign({}, TextButtonUniDriver(getButton(), body)), { isExpanded: async () => { var _a; return (_a = (await chevronIcon().attr('style'))) === null || _a === void 0 ? void 0 : _a.includes('transform: rotate(90deg)'); }, isCollapsed: async () => { var _a; return (_a = (await chevronIcon().attr('style'))) === null || _a === void 0 ? void 0 : _a.includes('transform: rotate(0deg)'); }, isHidden: async () => { var _a; return (_a = (await base.attr('style'))) === null || _a === void 0 ? void 0 : _a.includes('visibility: hidden'); } });
+}
+//# sourceMappingURL=ExpandCollapseButton.uni.driver.js.map

package/dist/esm/components/NestedTable/ExpandCollapseButton.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandCollapseButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/ExpandCollapseButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAGhF,MAAM,UAAU,6BAA6B,CAC3C,IAAe,EACf,IAAe;IAEf,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC;IAChE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACtE,uCACK,mBAAmB,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,KACzC,UAAU,EAAE,KAAK,IAAI,EAAE,WACrB,OAAA,MAAA,CAAC,MAAM,WAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,0CAAE,QAAQ,CAAC,0BAA0B,CAAC,CAAA,EAAA,EAC3E,WAAW,EAAE,KAAK,IAAI,EAAE,WACtB,OAAA,MAAA,CAAC,MAAM,WAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,0CAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAA,EAAA,EAC1E,QAAQ,EAAE,KAAK,IAAI,EAAE,WACnB,OAAA,MAAA,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,0CAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAA,EAAA,IAC5D;AACJ,CAAC"}

package/dist/esm/components/NestedTable/MainCellLayout.js

@@ -0,0 +1,15 @@
+import { Box, Text } from '@wix/design-system';
+import React from 'react';
+export function MainCellLayout(props) {
+    const { dataHook, image, breadcrumbs, expandCollapseButton, title, subtitle, titleMaxWidth, } = props;
+    return (React.createElement(Box, { direction: "horizontal", verticalAlign: "middle", dataHook: dataHook, minWidth: 0 },
+        expandCollapseButton,
+        image && (React.createElement(Box, { height: "40px", paddingInlineEnd: "12px", dataHook: "image" }, image)),
+        React.createElement(Box, { direction: "vertical", minWidth: 0, minHeight: 0 },
+            React.createElement(Box, { direction: "horizontal", minWidth: 0 },
+                breadcrumbs,
+                React.createElement(Box, { flexShrink: titleMaxWidth != null ? 0 : undefined, minWidth: 0, maxWidth: titleMaxWidth },
+                    React.createElement(Text, { ellipsis: true, size: "small", weight: "normal", dataHook: "title" }, title))),
+            subtitle && (React.createElement(Text, { ellipsis: true, size: "tiny", secondary: true, light: true, dataHook: "subtitle" }, subtitle)))));
+}
+//# sourceMappingURL=MainCellLayout.js.map

package/dist/esm/components/NestedTable/MainCellLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainCellLayout.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,aAAa,GACd,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC;QAEV,oBAAoB;QACpB,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,MAAM,EAAC,MAAM,EAAC,gBAAgB,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,IACxD,KAAK,CACF,CACP;QACD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;YACjD,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC;gBACpC,WAAW;gBACZ,oBAAC,GAAG,IACF,UAAU,EAAE,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,aAAa;oBAEvB,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,IACzD,KAAK,CACD,CACH,CACF;YAEL,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,MAAM,EAAC,SAAS,QAAC,KAAK,QAAC,QAAQ,EAAC,UAAU,IAC3D,QAAQ,CACJ,CACR,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/NestedTable/NestedTable.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TableProvider } from '../../providers';
+import { CollectionCard } from '../CollectionCard';
+import { NestedTableWSRTable } from './NestedTableWSRTable';
+import { observer } from 'mobx-react-lite';
+import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+function _NestedTable(props) {
+    const { state, dataHook } = props;
+    const { toolbar } = state;
+    if (process.env.NODE_ENV !== 'production') {
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.64.1',
+            requiredBy: 'Cairo/NestedTable',
+        });
+    }
+    return (React.createElement(CollectionCard, { renderError: false, state: toolbar, dataHook: dataHook },
+        React.createElement(TableProvider, { value: state.tableState },
+            React.createElement(NestedTableWSRTable, Object.assign({}, props)))));
+}
+export const NestedTable = observer(_NestedTable);
+//# sourceMappingURL=NestedTable.js.map

package/dist/esm/components/NestedTable/NestedTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTable.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAqFtF,SAAS,YAAY,CAAmB,KAA0B;IAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,mBAAmB;SAChC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,cAAc,IAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACpE,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU;YACpC,oBAAC,mBAAmB,oBAAK,KAAK,EAAI,CACpB,CACD,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/components/NestedTable/NestedTable.uni.driver.js

@@ -0,0 +1,24 @@
+import { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';
+import { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';
+import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
+import { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';
+import TableUniDriver from '../Table/Table.uni.driver';
+import { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';
+import { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';
+import { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';
+import { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';
+import { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';
+export function NestedTableUniDriver(base, body) {
+    const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
+    const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);
+    const table = TableUniDriver(base, body);
+    const loadingStateExists = () => base.$('[data-hook="placeholder-states-loading-state"]').exists();
+    const getSummaryBar = () => SummaryBarUniDriver(base, body);
+    return Object.assign(Object.assign({}, table), { toolbar: () => toolbar(), loadingStateExists, getRootErrorStateByDataHook: (dataHook = 'placeholder-states-error-state') => ToolbarCollectionErrorStateUniDriver(base.$(`[data-hook="${dataHook}"]`), body), getRootEmptyStateByDataHook: (dataHook = 'placeholder-states-empty-state') => CollectionEmptyStateUniDriver(base.$(`[data-hook="${dataHook}"]`), body), subToolbar: () => AppliedFiltersTagListUniDriver(base.$('[data-hook="collection-table-sub-toolbar"]'), body), isRowExpandable: async (rowKey) => { var _a; return (_a = (await table._getRowByKey(rowKey).attr('class'))) === null || _a === void 0 ? void 0 : _a.includes('expandable'); }, getMainColumnAt: (row) => NestedTableParentCellUniDriver(table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'), body), getActionCellByKey: (rowKey) => CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body), getMainColumnByKey: (rowKey) => NestedTableParentCellUniDriver(table._getCellByKey(rowKey, 'nested-mode-main-column'), body), getFlatModeMainColumnByKey: (rowKey) => NestedTableFlatModeMainCellUniDriver(table._getCellByKey(rowKey, 'flat-mode-main-column'), body), getFlatModeMainColumnAt: (row) => NestedTableFlatModeMainCellUniDriver(table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'), body), getPlaceholderStatesByRowKey: (rowKey) => NestedTableRowPlaceholderStatesUniDriver(table._getRowByKey(`placeholder-states-${rowKey}`), body), 
+        /**
+         * Gets collection summary bar
+         */
+        getSummaryBar });
+}
+export default NestedTableUniDriver;
+//# sourceMappingURL=NestedTable.uni.driver.js.map

package/dist/esm/components/NestedTable/NestedTable.uni.driver.js.map

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

package/dist/esm/components/NestedTable/NestedTableActionCell.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionTableActionsColumn } from '../CollectionTableActionsColumn';
+function _NestedTableActionCell(props) {
+    const { state, item, rowNum } = props;
+    const { collection } = state;
+    const { actionCell } = state.levelDescriptor;
+    if (actionCell == null) {
+        return null;
+    }
+    return (React.createElement(CollectionTableActionsColumn, { index: rowNum, sticky: true, collection: collection, keyedItem: item, actionCell: actionCell }));
+}
+export const NestedTableActionCell = observer(_NestedTableActionCell);
+//# sourceMappingURL=NestedTableActionCell.js.map

package/dist/esm/components/NestedTable/NestedTableActionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableActionCell.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableActionCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAgB/E,SAAS,sBAAsB,CAC7B,KAA0C;IAE1C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC;IAE7C,IAAI,UAAU,IAAI,IAAI,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,4BAA4B,IAC3B,KAAK,EAAE,MAAM,EACb,MAAM,QACN,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/esm/components/NestedTable/NestedTableContent.js

@@ -0,0 +1,12 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionTableContentCard } from '../CollectionTable/CollectionTableContentCard';
+function _NestedTableContent(props) {
+    const { state, children } = props;
+    const { showLoadingState } = state;
+    const showTableContent = !showLoadingState;
+    useEffect(() => state.init(), []);
+    return (React.createElement(React.Fragment, null, showTableContent && (React.createElement(CollectionTableContentCard, null, children))));
+}
+export const NestedTableContent = observer(_NestedTableContent);
+//# sourceMappingURL=NestedTableContent.js.map

package/dist/esm/components/NestedTable/NestedTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableContent.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAc3F,SAAS,mBAAmB,CAAC,KAAqC;IAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,0CACG,gBAAgB,IAAI,CACnB,oBAAC,0BAA0B,QAAE,QAAQ,CAA8B,CACpE,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}