@wix/patterns 0.8.0

package/dist/esm/components/MultiBulkActionButton/MultiBulkActionPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiBulkActionPopover.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionButton/MultiBulkActionPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,UAAU,sBAAsB,CAA0B,KAG/D;IACC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,EAAE,iBAAiB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE5D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IAE5D,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,YAAY,EAAC,QAAQ;QACpC,oBAAC,WAAW,oBACN,gBAAgB,IACpB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS,EACtD,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC9B,oBAAC,eAAe,IACd,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS;gBAEtD,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,EAAE,CAAC;oBACX,CAAC,EACD,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,UAAU,EAAE,oBAAC,WAAW,OAAG,IAE1B,UAAU,CAAC,KAAK,CACV,CACO,CACnB,KAEA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,oBAAC,WAAW,CAAC,QAAQ,IACnB,UAAU,EAAE,OAAO,CAAC,UAAU,EAC9B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,IAAI,EAAE,OAAO,CAAC,KAAK,EACnB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,OAAO,EAAE,GAAG,EAAE;;gBACZ,iBAAiB,CAAC,UAAU,CAAC;oBAC3B,QAAQ,EAAE,wBAAwB;oBAClC,OAAO,EAAE,MAAA,OAAO,CAAC,MAAM,mCAAI,EAAE;oBAC7B,QAAQ,EAAE,UAAU,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC;oBACxC,gBAAgB,EAAE,KAAK,GAAG,CAAC;oBAC3B,WAAW,EAAE,OAAO,CAAC,WAAW;oBAChC,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,OAAO,EACL,KAAK,CAAC,kBAAkB,CAAC,MAAM;wBAC/B,KAAK,CAAC,oBAAoB,CAAC,MAAM;iBACpC,CAAC,CAAC;gBACH,MAAA,OAAO,CAAC,OAAO,uDAAI,CAAC;YACtB,CAAC,GACD,CACH,CAAC,CACU,CACP,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/MultiBulkActionButton/MultiBulkActionSubItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MultiBulkActionSubItemProps.js.map

package/dist/esm/components/MultiBulkActionButton/MultiBulkActionSubItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiBulkActionSubItemProps.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionButton/MultiBulkActionSubItemProps.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+export * from './MultiBulkActionSubItemProps';
+export * from './MultiBulkActionButton';
+export * from './MultiBulkActionPopover';
+export * from './MultiBulkActionControl';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.js

@@ -0,0 +1,73 @@
+import { Box, Divider, TableToolbar, TextButton, } from '@wix/design-system';
+import React, { cloneElement, useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { st, classes } from './MultiBulkActionToolbar.st.css.js';
+import { MultiBulkActionControl, MultiBulkActionPopover, } from '../MultiBulkActionButton';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';
+function _MultiBulkActionToolbar(props) {
+    var _a, _b, _c;
+    const { primaryActionItems, secondaryActionItems, secondaryActionsPopoverMenuProps, containerId, } = props;
+    const toolbarCollectionState = useToolbarCollectionContext();
+    const extensionMenuItems = (_b = (_a = toolbarCollectionState.extensionMenuItems) === null || _a === void 0 ? void 0 : _a.useExtensionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        containerId,
+    });
+    const [state] = useState(() => new MultiBulkActionToolbarState({
+        extensionMenuItems,
+        collection: toolbarCollectionState.collection,
+    }));
+    useEffect(() => {
+        state.setActions({
+            primaryActionItems,
+            secondaryActionItems,
+        });
+    }, [primaryActionItems, secondaryActionItems]);
+    const { collection, hasToolbarTabs, featuredComponents, bulk } = toolbarCollectionState;
+    const { maxSelection, total, selectedCountOrTotal } = bulk;
+    const { value: exportButton } = featuredComponents.exportButton;
+    const TagsAssignButton = (_c = toolbarCollectionState.tagsCollectionState) === null || _c === void 0 ? void 0 : _c.components.AssignButton;
+    const { translate: t } = useWixPatternsContainer();
+    return (React.createElement(Box, { minHeight: "60px" },
+        React.createElement(TableToolbar, { removeVerticalPadding: hasToolbarTabs, dataHook: "bulk-action-toolbar" },
+            React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.root) },
+                React.createElement(TableToolbar.Item, null,
+                    React.createElement(TableToolbar.SelectedCount, { dataHook: "selected-count" }, maxSelection !== undefined
+                        ? t('cairo.bulkActions.max.selection', {
+                            max: maxSelection,
+                            total: selectedCountOrTotal,
+                        })
+                        : collection.result.supportTotal
+                            ? t('cairo.bulkSelectedWithTotal', {
+                                num: selectedCountOrTotal,
+                                total,
+                            })
+                            : t('cairo.bulkSelected', {
+                                num: selectedCountOrTotal,
+                            }))),
+                collection.result.supportTotal && (React.createElement(TableToolbar.Item, null,
+                    React.createElement(TextButton, { dataHook: "select-all", size: "small", onClick: () => bulk.toggleSelectAll({ location: 'TableToolbar CTA' }) }, bulk.hasClickableRows
+                        ? t('cairo.selectAll')
+                        : t('cairo.deselectAll')))),
+                React.createElement(Box, { alignSelf: "stretch", marginLeft: "SP4", marginRight: "SP2" },
+                    React.createElement(Divider, { direction: "vertical" })),
+                TagsAssignButton && (React.createElement(Box, { marginRight: "SP1" },
+                    React.createElement(TagsAssignButton, null))),
+                exportButton && (React.createElement(Box, { marginRight: "SP1" }, cloneElement(exportButton, {
+                    toolbarType: 'bulkActionToolbar',
+                }))),
+                state.primaryActionItems
+                    .filter((x) => !!x)
+                    .map((actionItem, index) => (React.createElement(Box, { key: index, marginRight: "SP1" },
+                    React.createElement(MultiBulkActionControl, { state: state, actionItem: Object.assign(Object.assign({}, actionItem), { biIndex: 0 }) })))),
+                state.secondaryActionItems.length > 0 && (React.createElement(MultiBulkActionPopover, { state: state, actionItem: {
+                        dataHook: 'more-actions',
+                        biName: 'more-actions',
+                        subItems: state.secondaryActionItems,
+                        popoverMenuProps: secondaryActionsPopoverMenuProps,
+                        label: t('cairo.moreActions'),
+                        biIndex: 2,
+                    } }))))));
+}
+export const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);
+//# sourceMappingURL=MultiBulkActionToolbar.js.map

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

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

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css

@@ -0,0 +1,4 @@
+.root {
+  min-width: 0;
+}
+

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "MultiBulkActionToolbar3086127920";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "MultiBulkActionToolbar3086127920__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=MultiBulkActionToolbar.st.css.js.map

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,CAAC;AACvE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,12 @@
+import { TextButtonUniDriver, TooltipUniDriver, PopoverMenuUniDriver, ButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export function MultiBulkActionToolbarUniDriver(base, body) {
+    const button = (dataHook = 'bulk-action-button') => ButtonUniDriver(base.$(`[data-hook="${dataHook}"]`), body);
+    const popover = (dataHook) => PopoverMenuUniDriver(base.$(`[data-hook="${dataHook}"]`), body);
+    const tooltip = (dataHook = 'bulk-action-button') => TooltipUniDriver(base.$(`[data-hook="${dataHook}-tooltip"]`), body);
+    const selectAll = () => TextButtonUniDriver(base.$(`[data-hook="select-all"]`), body);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { getButton: (dataHook) => button(dataHook), clickButton: (dataHook) => button(dataHook).click(), isButtonExists: (dataHook) => button(dataHook).exists(), isButtonDisabled: (dataHook) => button(dataHook).isButtonDisabled(), getButtonTextContent: (dataHook) => button(dataHook).getButtonTextContent(), getPopover: (dataHook) => popover(dataHook), isPopoverExists: (dataHook) => popover(dataHook).exists(), openMoreActionPopover: () => PopoverMenuUniDriver(base.$(`[data-hook="more-actions-popover"]`), body)
+            .getTriggerElement('more-actions')
+            .click(), getMoreActionsPopoverItemAt: (index) => PopoverMenuUniDriver(base.$(`[data-hook="more-actions-popover"]`), body).itemContentAt(index), clickMoreActionsPopoverItemAt: (index) => PopoverMenuUniDriver(base.$(`[data-hook="more-actions-popover"]`), body).clickAtChild(index), clickMoreActionsPopoverItem: (dataHook) => PopoverMenuUniDriver(base.$(`[data-hook="more-actions-popover"]`), body).clickAtChildByDataHook(dataHook), getMoreActionsItemsCount: () => PopoverMenuUniDriver(base.$(`[data-hook="more-actions-popover"]`), body).childrenCount(), isMoreActionsOpen: () => PopoverMenuUniDriver(base.$(`[data-hook="more-actions-popover"]`), body).isMenuOpen(), selectAll: () => selectAll().click(), selectAllText: () => selectAll().getButtonTextContent(), isTooltipExist: (dataHook) => tooltip(dataHook).exists(), isTooltipVisible: (dataHook) => tooltip(dataHook).tooltipExists(), getTooltipText: (dataHook) => tooltip(dataHook).getTooltipText(), clickOutsideTooltip: (dataHook) => tooltip(dataHook).clickOutside(), mouseEnterTooltip: (dataHook) => tooltip(dataHook).mouseEnter(), mouseLeaveTooltip: (dataHook) => tooltip(dataHook).mouseLeave(), getSelectedCountText: () => base.$('[data-hook="selected-count"]').text() });
+}
+//# sourceMappingURL=MultiBulkActionToolbar.uni.driver.js.map

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

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

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbarState.js

@@ -0,0 +1,40 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+export class MultiBulkActionToolbarState {
+    constructor(props) {
+        this._primaryActionItems = [];
+        this._secondaryActionItems = [];
+        const { collection, extensionMenuItems } = props;
+        this._collection = collection;
+        this._extensionMenuItems = extensionMenuItems;
+        makeObservable(this, {
+            _primaryActionItems: observable.ref,
+            _secondaryActionItems: observable.ref,
+            setActions: action,
+            primaryActionItems: computed,
+            secondaryActionItems: computed,
+        });
+    }
+    setActions({ primaryActionItems = [], secondaryActionItems = [], }) {
+        this._primaryActionItems = primaryActionItems;
+        this._secondaryActionItems = secondaryActionItems;
+    }
+    _moreActionItemClick(item) {
+        const { result: { total }, bulkSelect, } = this._collection;
+        const { selectedIds, uncheckedIds, allSelected } = bulkSelect;
+        item.onClick({
+            selectedIds,
+            uncheckedIds,
+            isSelectAll: allSelected,
+            total,
+        });
+    }
+    get primaryActionItems() {
+        return this._primaryActionItems;
+    }
+    get secondaryActionItems() {
+        var _a;
+        const moreActionItems = ((_a = this._extensionMenuItems) === null || _a === void 0 ? void 0 : _a.menuItems.map((item) => (Object.assign(Object.assign({}, item), { label: item.text, onClick: () => this._moreActionItemClick(item) })))) || [];
+        return [...this._secondaryActionItems, ...moreActionItems];
+    }
+}
+//# sourceMappingURL=MultiBulkActionToolbarState.js.map

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbarState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiBulkActionToolbarState.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAWpE,MAAM,OAAO,2BAA2B;IAOtC,YAAY,KAA8C;QAN1D,wBAAmB,GAA6B,EAAE,CAAC;QACnD,0BAAqB,GAA6B,EAAE,CAAC;QAMnD,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;QAEjD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;QAE9C,cAAc,CAAC,IAAI,EAAE;YACnB,mBAAmB,EAAE,UAAU,CAAC,GAAG;YACnC,qBAAqB,EAAE,UAAU,CAAC,GAAG;YACrC,UAAU,EAAE,MAAM;YAClB,kBAAkB,EAAE,QAAQ;YAC5B,oBAAoB,EAAE,QAAQ;SAC/B,CAAC,CAAC;IACL,CAAC;IAED,UAAU,CAAC,EACT,kBAAkB,GAAG,EAAE,EACvB,oBAAoB,GAAG,EAAE,GAK1B;QACC,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;QAC9C,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;IACpD,CAAC;IAEO,oBAAoB,CAAC,IAAqB;QAChD,MAAM,EACJ,MAAM,EAAE,EAAE,KAAK,EAAE,EACjB,UAAU,GACX,GAAG,IAAI,CAAC,WAAW,CAAC;QAErB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;QAE9D,IAAI,CAAC,OAAO,CAAC;YACX,WAAW;YACX,YAAY;YACZ,WAAW,EAAE,WAAW;YACxB,KAAK;SACN,CAAC,CAAC;IACL,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IAED,IAAI,oBAAoB;;QACtB,MAAM,eAAe,GACnB,CAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAC7C,IAAI,KACP,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAC9C,CAAC,KAAI,EAAE,CAAC;QAEZ,OAAO,CAAC,GAAG,IAAI,CAAC,qBAAqB,EAAE,GAAG,eAAe,CAAC,CAAC;IAC7D,CAAC;CACF"}

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

@@ -0,0 +1,3 @@
+export * from './MultiBulkActionToolbar';
+export * from './MultiBulkActionToolbarState';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/MultiCollectionSupportProvider.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+import { assertContextValue } from '../createContext';
+export const MultiCollectionSupportContext = createContext(null);
+export const MultiCollectionSupportProvider = MultiCollectionSupportContext.Provider;
+export const MultiCollectionSupportConsumer = MultiCollectionSupportContext.Consumer;
+export const useMultiCollectionSupportContext = () => {
+    const value = useContext(MultiCollectionSupportContext);
+    assertContextValue('MultiCollectionSupportProvider', value);
+    return value;
+};
+//# sourceMappingURL=MultiCollectionSupportProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCollectionSupportProvider.js","sourceRoot":"","sources":["../../../src/components/MultiCollectionSupportProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,CAAC,MAAM,6BAA6B,GACxC,aAAa,CAAqC,IAAI,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,8BAA8B,GACzC,6BAA6B,CAAC,QAAQ,CAAC;AACzC,MAAM,CAAC,MAAM,8BAA8B,GACzC,6BAA6B,CAAC,QAAQ,CAAC;AAEzC,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAyB,EAAE;IACzE,MAAM,KAAK,GAAG,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACxD,kBAAkB,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;IAC5D,OAAO,KAAkC,CAAC;AAC5C,CAAC,CAAC"}

package/dist/esm/components/MultiInlineCheckbox/MultiInlineCheckbox.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import React, { useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Checkbox } from '@wix/design-system';
+function _MultiInlineCheckbox(props) {
+    const { renderItem, data, state } = props, rest = __rest(props, ["renderItem", "data", "state"]);
+    const { filter, select } = state;
+    const keyedItems = useMemo(() => data.map((item, index) => {
+        const key = filter.itemKey(item);
+        return {
+            id: key,
+            key,
+            item,
+            index,
+            indexWithinPage: index,
+            pageIndex: 0,
+        };
+    }), [data]);
+    return (React.createElement(Box, Object.assign({ direction: "vertical", gap: "SP2" }, rest), keyedItems.map((keyedItem, index) => {
+        var _a;
+        const checkboxProps = renderItem === null || renderItem === void 0 ? void 0 : renderItem(keyedItem.item, index);
+        return (React.createElement(Checkbox, Object.assign({}, checkboxProps, { dataHook: `multi-inline-checkbox-${keyedItem.key}`, key: keyedItem.key, onChange: (e) => {
+                var _a;
+                const checked = e.target.checked;
+                checked ? state.set(keyedItem) : state.delete(keyedItem);
+                (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onChange) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e);
+            }, checked: (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.checked) || select.isChecked(keyedItem.key) }), (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.children) !== null && _a !== void 0 ? _a : filter.itemName(keyedItem.item)));
+    })));
+}
+export const MultiInlineCheckbox = observer(_MultiInlineCheckbox);
+//# sourceMappingURL=MultiInlineCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiInlineCheckbox.js","sourceRoot":"","sources":["../../../../src/components/MultiInlineCheckbox/MultiInlineCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAY,QAAQ,EAAiB,MAAM,oBAAoB,CAAC;AAa5E,SAAS,oBAAoB,CAAI,KAAkC;IACjE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5C,+BAAoC,CAAQ,CAAC;IAEnD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEjC,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CACH,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvB,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACjC,OAAO;YACL,EAAE,EAAE,GAAG;YACP,GAAG;YACH,IAAI;YACJ,KAAK;YACL,eAAe,EAAE,KAAK;YACtB,SAAS,EAAE,CAAC;SACb,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,kBAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAAK,IAAI,GACzC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;;QACnC,MAAM,aAAa,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE1D,OAAO,CACL,oBAAC,QAAQ,oBACH,aAAa,IACjB,QAAQ,EAAE,yBAAyB,SAAS,CAAC,GAAG,EAAE,EAClD,GAAG,EAAE,SAAS,CAAC,GAAG,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;gBACd,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;gBACjC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;gBACzD,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,8DAAG,CAAC,CAAC,CAAC;YAC/B,CAAC,EACD,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,KAEjE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,mCAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAClD,CACZ,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+export function MultiInlineCheckboxUniDriver(base, body) {
+    const getCheckboxById = (id) => CheckboxUniDriver(base.$(`[data-hook="multi-inline-checkbox-${id}"]`), body);
+    const getCheckboxAt = (index) => CheckboxUniDriver(base.$$(':scope > *').get(index), body);
+    const checkOptions = async (ids) => {
+        await Promise.all(ids.map((id) => getCheckboxById(id).click()));
+    };
+    const getCheckboxesCount = () => base.$$(':scope > *').count();
+    return {
+        checkOptions,
+        getCheckboxAt,
+        getCheckboxById,
+        getCheckboxesCount,
+    };
+}
+//# sourceMappingURL=MultiInlineCheckbox.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiInlineCheckbox.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/MultiInlineCheckbox/MultiInlineCheckbox.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAG9E,MAAM,UAAU,4BAA4B,CAAC,IAAe,EAAE,IAAe;IAC3E,MAAM,eAAe,GAAG,CAAC,EAAU,EAAE,EAAE,CACrC,iBAAiB,CACf,IAAI,CAAC,CAAC,CAAC,qCAAqC,EAAE,IAAI,CAAC,EACnD,IAAI,CACL,CAAC;IAEJ,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CACtC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAa,EAAE,EAAE;QAC3C,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC;IAE/D,OAAO;QACL,YAAY;QACZ,aAAa;QACb,eAAe;QACf,kBAAkB;KACnB,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import React, { useEffect } from 'react';
+import { MultiInlineCheckbox } from '../MultiInlineCheckbox';
+import { useDropdownSelectFilterState } from '../../hooks';
+export function MultiInlineCheckboxFilter(props) {
+    const { filter } = props, rest = __rest(props, ["filter"]);
+    const state = useDropdownSelectFilterState({
+        filter,
+    });
+    useEffect(() => state.init(), []);
+    return (React.createElement(MultiInlineCheckbox, Object.assign({ dataHook: `collection-filter-${filter.name}`, gap: "SP3", state: state.dropdownSelect }, rest)));
+}
+//# sourceMappingURL=MultiInlineCheckboxFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiInlineCheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAc3D,MAAM,UAAU,yBAAyB,CACvC,KAAwC;IAExC,MAAM,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3B,UAAmB,CAAQ,CAAC;IAElC,MAAM,KAAK,GAAG,4BAA4B,CAAI;QAC5C,MAAM;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,mBAAmB,kBAClB,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,cAAc,IACvB,IAAI,EACR,CACH,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/MultiLevelSorting/MultiLevelSorting.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { MultiLevelSortingCTAButton } from './MultiLevelSortingCTAButton';
+export const MultiLevelSorting = () => {
+    const state = useToolbarCollectionContext();
+    return React.createElement(MultiLevelSortingCTAButton, { state: state });
+};
+MultiLevelSorting.displayName = 'MultiLevelSorting';
+//# sourceMappingURL=MultiLevelSorting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSorting.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSorting/MultiLevelSorting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAE5C,OAAO,oBAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AACtD,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/components/MultiLevelSorting/MultiLevelSortingCTAButton.js

@@ -0,0 +1,39 @@
+import React, { useEffect, useState } from 'react';
+import { runInAction } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { Tooltip, IconButton } from '@wix/design-system';
+import { ChangeOrderSmall } from '@wix/wix-ui-icons-common';
+import { MultiLevelSortingState } from '../../state';
+import { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';
+import { CounterBadgeButton } from '../CounterBadgeButton';
+export function _MultiLevelSortingCTAButton(props) {
+    const { state } = props;
+    const { panels, container: { translate: t }, } = state;
+    const [multiLevelSortingState] = useState(() => runInAction(() => {
+        var _a;
+        return ((_a = state.multiLevelSorting) !== null && _a !== void 0 ? _a : (state.multiLevelSorting = new MultiLevelSortingState({
+            table: state,
+            container: state.container,
+        })));
+    }));
+    useEffect(() => multiLevelSortingState.init(), []);
+    useEffect(() => {
+        panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);
+    }, []);
+    return (React.createElement(CounterBadgeButton, { dataHook: "multi-level-sorting-button-counter", count: multiLevelSortingState.sortListSize },
+        React.createElement(Tooltip, { content: t('cairo.table.advanced-sorting.button.tooltip') },
+            React.createElement(IconButton, { size: "small", priority: "secondary", dataHook: "multi-level-sorting-button", onClick: () => {
+                    const isOpen = panels.toggleSidePanel('multiLevelSorting');
+                    if (isOpen) {
+                        multiLevelSortingState.reportSidePanelOpen();
+                    }
+                    else {
+                        multiLevelSortingState.reportSidePanelClose({
+                            origin: 'Sort CTA',
+                        });
+                    }
+                } },
+                React.createElement(ChangeOrderSmall, null)))));
+}
+export const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);
+//# sourceMappingURL=MultiLevelSortingCTAButton.js.map

package/dist/esm/components/MultiLevelSorting/MultiLevelSortingCTAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingCTAButton.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAA0B,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM3D,MAAM,UAAU,2BAA2B,CACzC,KAA4C;IAE5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EACJ,MAAM,EACN,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,sBAAsB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7C,WAAW,CACT,GAAG,EAAE;;QACH,OAAA,OAAC,KAAK,CAAC,iBAAiB,oCAAvB,KAAK,CAAC,iBAAiB,GAAK,IAAI,sBAAsB,CAAO;YAC5D,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,KAAK,CAAC,SAAS;SAC3B,CAAC,EAAC,CAAA;KAAA,CACN,CACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,oCAAoC,EAC7C,KAAK,EAAE,sBAAsB,CAAC,YAAY;QAE1C,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,6CAA6C,CAAC;YAChE,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,4BAA4B,EACrC,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;oBAE3D,IAAI,MAAM,EAAE;wBACV,sBAAsB,CAAC,mBAAmB,EAAE,CAAC;qBAC9C;yBAAM;wBACL,sBAAsB,CAAC,oBAAoB,CAAC;4BAC1C,MAAM,EAAE,UAAU;yBACnB,CAAC,CAAC;qBACJ;gBACH,CAAC;gBAED,oBAAC,gBAAgB,OAAG,CACT,CACL,CACS,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,31 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Dropdown } from '@wix/design-system';
+export function _MultiLevelSortingColumnSelect(props) {
+    const { sortableColumn, state } = props;
+    const ref = React.useRef();
+    const options = state.getAvailableOptions(sortableColumn.columnId);
+    useEffect(() => {
+        requestAnimationFrame(() => {
+            if (!ref.current) {
+                return;
+            }
+            // focus the last added column
+            if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {
+                state.lastManuallyAddedColumnId = null;
+                ref.current.focus();
+            }
+        });
+    }, []);
+    return (React.createElement(Dropdown, { inputRef: (node) => {
+            if (ref) {
+                ref.current = node;
+            }
+        }, dataHook: "multi-level-sorting-select-column", onSelect: ({ id }) => {
+            state.replaceSort(sortableColumn.columnId, id);
+        }, popoverProps: {
+            appendTo: 'window',
+        }, options: options, selectedId: sortableColumn.columnId, size: "small" }));
+}
+export const MultiLevelSortingColumnSelect = observer(_MultiLevelSortingColumnSelect);
+//# sourceMappingURL=MultiLevelSortingColumnSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingColumnSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAU9C,MAAM,UAAU,8BAA8B,CAC5C,KAA+C;IAE/C,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAA2B,CAAC;IAEpD,MAAM,OAAO,GAAG,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YAED,8BAA8B;YAC9B,IAAI,cAAc,CAAC,QAAQ,KAAK,KAAK,CAAC,yBAAyB,EAAE;gBAC/D,KAAK,CAAC,yBAAyB,GAAG,IAAI,CAAC;gBACvC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,IAAI,GAAG,EAAE;gBACP,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;aACpB;QACH,CAAC,EACD,QAAQ,EAAC,mCAAmC,EAC5C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;YACnB,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAY,CAAC,CAAC;QAC3D,CAAC,EACD,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;SACnB,EACD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,CAAC,QAAQ,EACnC,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CACnD,8BAA8B,CAC/B,CAAC"}

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

@@ -0,0 +1,26 @@
+import React, { useCallback } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box } from '@wix/design-system';
+import { ListDragAndDropContext } from '../ListDragAndDrop/ListDragAndDropContext';
+import { DraggableListItem } from '../ListDragAndDrop/DraggableListItem';
+import { MultiLevelSortingTableListItem } from './MultiLevelSortingTableListItem';
+import { DraggableCardOverlay } from '../GridDragAndDropDndKit/DraggableCardOverlay';
+export function _MultiLevelSortingList(props) {
+    const { state } = props;
+    const { dragAndDrop } = state;
+    const renderItem = useCallback((sortableColumn, index, { length }) => {
+        return (React.createElement(DraggableListItem, { key: sortableColumn.key, id: sortableColumn.key, index: index, state: dragAndDrop },
+            React.createElement(MultiLevelSortingTableListItem, { key: sortableColumn.key, sortableColumn: sortableColumn, index: index, state: state, showDivider: index < length - 1 })));
+    }, []);
+    return (React.createElement(ListDragAndDropContext, { state: dragAndDrop, onSubmit: async ({ from, over }) => {
+            dragAndDrop._onSortReorder(from.item.columnId, over.item.columnId);
+        } },
+        React.createElement(React.Fragment, null,
+            React.createElement(Box, { direction: "vertical", dataHook: "multi-level-sorting-list", backgroundColor: "D60" }, state.sortingCollection.result.items.map(renderItem)),
+            React.createElement(DraggableCardOverlay, { state: dragAndDrop, renderItem: (index) => {
+                    const item = state.sortingCollection.result.items[index];
+                    return item ? renderItem(item, index, { length: 0 }) : null;
+                } }))));
+}
+export const MultiLevelSortingList = observer(_MultiLevelSortingList);
+//# sourceMappingURL=MultiLevelSortingList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingList.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAGzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAMrF,MAAM,UAAU,sBAAsB,CACpC,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,MAAM,UAAU,GAAG,WAAW,CAC5B,CACE,cAA8B,EAC9B,KAAa,EACb,EAAE,MAAM,EAAsB,EAC9B,EAAE;QACF,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,cAAc,CAAC,GAAG,EACvB,EAAE,EAAE,cAAc,CAAC,GAAG,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,WAAW;YAElB,oBAAC,8BAA8B,IAC7B,GAAG,EAAE,cAAc,CAAC,GAAG,EACvB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,GAAG,MAAM,GAAG,CAAC,GAC/B,CACgB,CACrB,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;YACjC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrE,CAAC;QAED;YACE,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,0BAA0B,EACnC,eAAe,EAAC,KAAK,IAEpB,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CACjD;YACN,oBAAC,oBAAoB,IACnB,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;oBACpB,MAAM,IAAI,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACzD,OAAO,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC9D,CAAC,GACD,CACD,CACoB,CAC1B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Dropdown, Input, Box, listItemSelectBuilder, } from '@wix/design-system';
+import { ArrowUpSmall, ArrowDownSmall } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export function _MultiLevelSortingOrderSelect(props) {
+    const { translate: t } = useWixPatternsContainer();
+    const { sortableColumn, state } = props;
+    const options = [
+        listItemSelectBuilder({
+            id: 'asc',
+            prefix: (React.createElement(Box, null,
+                React.createElement(ArrowUpSmall, null))),
+            title: t('cairo.table.advanced-sorting.ascending.order'),
+            label: t('cairo.table.advanced-sorting.ascending.order'),
+        }),
+        listItemSelectBuilder({
+            id: 'desc',
+            prefix: (React.createElement(Box, null,
+                React.createElement(ArrowDownSmall, null))),
+            title: t('cairo.table.advanced-sorting.descending.order'),
+            label: t('cairo.table.advanced-sorting.descending.order'),
+        }),
+    ];
+    return (React.createElement(Dropdown, { dataHook: "multi-level-sorting-select-order", onSelect: ({ id }) => {
+            state.changeSortOrder(sortableColumn.columnId, id);
+        }, popoverProps: {
+            appendTo: 'window',
+        }, options: options, selectedId: sortableColumn.direction, size: "small", prefix: React.createElement(Input.IconAffix, null, sortableColumn.direction === 'asc' ? (React.createElement(ArrowUpSmall, null)) : (React.createElement(ArrowDownSmall, null))), valueParser: (option) => option.label }));
+}
+export const MultiLevelSortingOrderSelect = observer(_MultiLevelSortingOrderSelect);
+//# sourceMappingURL=MultiLevelSortingOrderSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingOrderSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingOrderSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,QAAQ,EACR,KAAK,EACL,GAAG,EACH,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAO9D,MAAM,UAAU,6BAA6B,CAC3C,KAA8C;IAE9C,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG;QACd,qBAAqB,CAAC;YACpB,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,CACN,oBAAC,GAAG;gBACF,oBAAC,YAAY,OAAG,CACZ,CACP;YACD,KAAK,EAAE,CAAC,CAAC,8CAA8C,CAAC;YACxD,KAAK,EAAE,CAAC,CAAC,8CAA8C,CAAC;SACzD,CAAC;QACF,qBAAqB,CAAC;YACpB,EAAE,EAAE,MAAM;YACV,MAAM,EAAE,CACN,oBAAC,GAAG;gBACF,oBAAC,cAAc,OAAG,CACd,CACP;YACD,KAAK,EAAE,CAAC,CAAC,+CAA+C,CAAC;YACzD,KAAK,EAAE,CAAC,CAAC,+CAA+C,CAAC;SAC1D,CAAC;KACH,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAC,kCAAkC,EAC3C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;YACnB,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAe,CAAC,CAAC;QAClE,CAAC,EACD,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;SACnB,EACD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,CAAC,SAAS,EACpC,IAAI,EAAC,OAAO,EACZ,MAAM,EACJ,oBAAC,KAAK,CAAC,SAAS,QACb,cAAc,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CACpC,oBAAC,YAAY,OAAG,CACjB,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,OAAG,CACnB,CACe,EAEpB,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,GACrC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { AddItem, Box, Divider, Heading, InfoIcon, SidePanel, Tooltip, } from '@wix/design-system';
+import { useRafRender } from '../../hooks/useRafRender';
+import { MultiLevelSortingList } from './MultiLevelSortingList';
+import { ScrollableContent } from '../ScrollableContent';
+export function _MultiLevelSortingPanel(props) {
+    const { state: table } = props;
+    const { multiLevelSorting } = table;
+    const { translate: t } = useWixPatternsContainer();
+    const entered = useRafRender();
+    if (!entered || !multiLevelSorting) {
+        return null;
+    }
+    return (React.createElement(SidePanel, { dataHook: "multi-level-sorting-panel", width: "100%", onCloseButtonClick: () => {
+            multiLevelSorting.reportSidePanelClose();
+            table.sidePanel.close();
+        } },
+        React.createElement(SidePanel.Header, { title: React.createElement(Box, { gap: "SP1", verticalAlign: "middle" },
+                React.createElement(Heading, { size: "small" }, t('cairo.table.advanced-sorting.button.tooltip')),
+                React.createElement(InfoIcon, { size: "medium", content: t('cairo.table.advanced-sorting.title.tooltip') })), subtitle: t('cairo.table.advanced-sorting.subtitle') }),
+        React.createElement(ScrollableContent, { dataHook: "multi-level-sorting-panel-scroll-container", overflowY: true, smooth: true },
+            React.createElement(MultiLevelSortingList, { state: multiLevelSorting })),
+        React.createElement(Tooltip, { dataHook: "multi-level-sorting-add-sort-tooltip", disabled: multiLevelSorting.hasAvailableSortingColumns, maxWidth: 400, content: t('cairo.table.advanced-sorting.disabled.cta.tooltip'), appendTo: "window", moveBy: { y: -24 } },
+            React.createElement(Box, { direction: "vertical", width: "100%" },
+                React.createElement(Divider, { direction: "horizontal" }),
+                React.createElement(Box, { padding: "SP4" },
+                    React.createElement(AddItem, { dataHook: "multi-level-sorting-add-sort", disabled: !multiLevelSorting.hasAvailableSortingColumns, onClick: () => {
+                            multiLevelSorting.addSort({ manual: true });
+                        } }, t('cairo.table.advanced-sorting.cta')))))));
+}
+export const MultiLevelSortingPanel = observer(_MultiLevelSortingPanel);
+//# sourceMappingURL=MultiLevelSortingPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelSortingPanel.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EACL,OAAO,EACP,GAAG,EACH,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,GACR,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAMzD,MAAM,UAAU,uBAAuB,CACrC,KAAwC;IAExC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE/B,IAAI,CAAC,OAAO,IAAI,CAAC,iBAAiB,EAAE;QAClC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAC,2BAA2B,EACpC,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,GAAG,EAAE;YACvB,iBAAiB,CAAC,oBAAoB,EAAE,CAAC;YACzC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;QAED,oBAAC,SAAS,CAAC,MAAM,IACf,KAAK,EACH,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,QAAQ;gBACnC,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,IAClB,CAAC,CAAC,6CAA6C,CAAC,CACzC;gBACV,oBAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,4CAA4C,CAAC,GACxD,CACE,EAER,QAAQ,EAAE,CAAC,CAAC,uCAAuC,CAAC,GACpD;QACF,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,4CAA4C,EACrD,SAAS,QACT,MAAM;YAEN,oBAAC,qBAAqB,IAAC,KAAK,EAAE,iBAAiB,GAAI,CACjC;QACpB,oBAAC,OAAO,IACN,QAAQ,EAAC,sCAAsC,EAC/C,QAAQ,EAAE,iBAAiB,CAAC,0BAA0B,EACtD,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,CAAC,CAAC,mDAAmD,CAAC,EAC/D,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YAElB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM;gBACpC,oBAAC,OAAO,IAAC,SAAS,EAAC,YAAY,GAAG;gBAElC,oBAAC,GAAG,IAAC,OAAO,EAAC,KAAK;oBAChB,oBAAC,OAAO,IACN,QAAQ,EAAC,8BAA8B,EACvC,QAAQ,EAAE,CAAC,iBAAiB,CAAC,0BAA0B,EACvD,OAAO,EAAE,GAAG,EAAE;4BACZ,iBAAiB,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;wBAC9C,CAAC,IAEA,CAAC,CAAC,kCAAkC,CAAC,CAC9B,CACN,CACF,CACE,CACA,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}