@wix/patterns 1.358.0 → 1.360.0

package/dist/esm/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.js

@@ -16,6 +16,18 @@ export const ManageViewPopoverUniDriver = (base, body) => {
         const contentElement = await getContentElement();
         return DropdownLayoutUniDriver(contentElement.$(`[data-hook="dropdown-base-dropdownlayout"]`), body);
     };
+    /**
+     * In redesign mode the "Save to New View" item is removed from the popover
+     * (moved to a dropdown footer), so all option indices shift by -1.
+     * This helper detects which mode we're in by checking for the save-new-view item.
+     */
+    const getSaveNewViewOffset = async () => {
+        const contentElement = await getContentElement();
+        const hasSaveNew = await contentElement
+            .$('[data-hook="save-new-view"]')
+            .exists();
+        return hasSaveNew ? 1 : 0;
+    };
     return {
         ...baseUniDriverFactory(base),
         exists: () => manageViewPopoverDriver().exists(),
@@ -27,7 +39,7 @@ export const ManageViewPopoverUniDriver = (base, body) => {
         isOpen: () => manageViewPopoverDriver().isMenuOpen(),
         /** Trigger save changes action */
         clickSaveChanges: () => manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),
-        /** Trigger save new view action */
+        /** Trigger save new view action (legacy mode only) */
         clickSaveNewView: () => manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),
         /** Trigger rename view action */
         clickRenameView: () => manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),
@@ -35,30 +47,33 @@ export const ManageViewPopoverUniDriver = (base, body) => {
         clickSetAsDefaultView: () => manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),
         /** Trigger delete view action */
         clickDeleteView: () => manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),
-        /** Get save changes btn */
+        /** Get save changes btn (always at index 0) */
         getSaveChangesBtn: async () => {
             const dropdownLayoutDriver = await getDropdownLayoutDriver();
             return dropdownLayoutDriver.optionById(0);
         },
-        /** Get save new view btn */
+        /** Get save new view btn (legacy mode only, index 1) */
         getSaveNewViewBtn: async () => {
             const dropdownLayoutDriver = await getDropdownLayoutDriver();
             return dropdownLayoutDriver.optionById(1);
         },
-        /** Get rename view btn */
+        /** Get rename view btn (auto-detects redesign vs legacy offset) */
         getRenameViewBtn: async () => {
             const dropdownLayoutDriver = await getDropdownLayoutDriver();
-            return dropdownLayoutDriver.optionById(2);
+            const offset = await getSaveNewViewOffset();
+            return dropdownLayoutDriver.optionById(1 + offset);
         },
-        /** Get set as default view btn */
+        /** Get set as default view btn (auto-detects redesign vs legacy offset) */
         getSetAsDefaultViewBtn: async () => {
             const dropdownLayoutDriver = await getDropdownLayoutDriver();
-            return dropdownLayoutDriver.optionById(3);
+            const offset = await getSaveNewViewOffset();
+            return dropdownLayoutDriver.optionById(2 + offset);
         },
-        /** Get delete view btn */
+        /** Get delete view btn (auto-detects redesign vs legacy offset) */
         getDeleteViewBtn: async () => {
             const dropdownLayoutDriver = await getDropdownLayoutDriver();
-            return dropdownLayoutDriver.optionById(4);
+            const offset = await getSaveNewViewOffset();
+            return dropdownLayoutDriver.optionById(3 + offset);
         },
     };
 };

package/dist/esm/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.js.map

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

package/dist/esm/components/CollectionViewsDropdown/SaveToNewViewFooter.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Divider, ListItemAction } from '@wix/design-system';
+import { Add } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+function _SaveToNewViewFooter({ state, }) {
+    const { translate: t } = useWixPatternsContainer();
+    const { views: viewsState } = state;
+    return (React.createElement("div", { "data-hook": "save-to-new-view-footer" },
+        React.createElement(Divider, null),
+        React.createElement(ListItemAction, { size: "medium", weight: "thin", dataHook: "save-to-new-view", prefixIcon: React.createElement(Add, null), disabled: viewsState.reachedViewsLimit, onClick: () => {
+                viewsState.saveViewModal.open();
+                state.table.closeSidePanel();
+            }, title: t('cairo.manageView.saveNewView.CTA') })));
+}
+export const SaveToNewViewFooter = observer(_SaveToNewViewFooter);
+//# sourceMappingURL=SaveToNewViewFooter.js.map

package/dist/esm/components/CollectionViewsDropdown/SaveToNewViewFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveToNewViewFooter.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/SaveToNewViewFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAM9D,SAAS,oBAAoB,CAA0B,EACrD,KAAK,GAC0B;IAC/B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,CACL,0CAAe,yBAAyB;QACtC,oBAAC,OAAO,OAAG;QACX,oBAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,kBAAkB,EAC3B,UAAU,EAAE,oBAAC,GAAG,OAAG,EACnB,QAAQ,EAAE,UAAU,CAAC,iBAAiB,EACtC,OAAO,EAAE,GAAG,EAAE;gBACZ,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;gBAChC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAC/B,CAAC,EACD,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC,GAC5C,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/SaveToNewViewFooter.uni.driver.js

@@ -0,0 +1,15 @@
+import { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export const SaveToNewViewFooterUniDriver = (base, body) => {
+    const footerBase = () => base.$('[data-hook="save-to-new-view-footer"]');
+    const saveButton = () => TextButtonUniDriver(base.$('[data-hook="save-to-new-view"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        exists: () => footerBase().exists(),
+        /** Click the "Save to New View" button */
+        clickSaveNewView: () => saveButton().click(),
+        /** Get the "Save to New View" TextButton driver */
+        getSaveNewViewBtn: () => saveButton(),
+    };
+};
+//# sourceMappingURL=SaveToNewViewFooter.uni.driver.js.map

package/dist/esm/components/CollectionViewsDropdown/SaveToNewViewFooter.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveToNewViewFooter.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/SaveToNewViewFooter.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,IAAe,EACf,IAAe,EACf,EAAE;IACF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAE,IAAI,CAAC,CAAC;IAEtE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE;QACnC,0CAA0C;QAC1C,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE;QAC5C,mDAAmD;QACnD,iBAAiB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE;KACtC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.js

@@ -1,33 +1,56 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { Box, Input, Loader, } from '@wix/design-system';
 import { ViewsDropdownModals } from './ViewsDropdownModals';
 import { classes, st } from './ViewsDropdown.st.css.js';
-import { ManageViewPopover } from './ManageViewPopover';
+import { ManageViewPopover, } from './ManageViewPopover';
 import { buildCategoryOption, buildViewOption, getCategoryName, getViewName, } from './viewsDropdownRenderHelpers';
 import { AutoCompleteReadonly } from './AutoCompleteReadonly';
+import { SaveToNewViewFooter } from './SaveToNewViewFooter';
 import { ViewsDropdownPrefix } from './ViewsDropdownPrefix';
 import { useWixPatternsContainer } from '../..';
+export const VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';
 function _ViewsDropdown({ onSelect, dataHook, state, showTotal = true, dropdownWidth = '200px', ...dropdownProps }) {
     const container = useWixPatternsContainer();
+    const isRedesign = container.internalExperiments?.enabled(VIEWS_REDESIGN_EXPERIMENT);
     const { views: viewsState } = state;
     const { currentView, collection, localSearchState } = viewsState;
     const { filteredCategoriesWithViews } = localSearchState;
     const { translate: t } = collection;
     const showLoader = collection.result.status.isIdle || collection.result.status.isLoading;
+    const manageViewRef = useRef(null);
     const viewsOptions = useMemo(() => {
         const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;
+        const buildOption = (view) => {
+            const isSelected = currentView?.id === view.id;
+            const option = buildViewOption({
+                view,
+                viewsState,
+                suffix: isRedesign && isSelected ? (React.createElement(ManageViewPopover, { ref: manageViewRef, origin: "MainToolbar", state: state, redesign: true })) : undefined,
+            });
+            if (isRedesign && isSelected) {
+                return {
+                    ...option,
+                    onDrillIn: () => manageViewRef.current?.focusTrigger(),
+                };
+            }
+            return option;
+        };
         return [
-            ...viewsWithoutCategory.map((view) => buildViewOption({ view, viewsState })),
+            ...viewsWithoutCategory.map(buildOption),
             ...categories.flatMap((category) => [
-                // Skip category header if category has no displayable name
                 ...(getCategoryName({ category, viewsState })
                     ? [buildCategoryOption({ category, viewsState })]
                     : []),
-                ...category.views.map((view) => buildViewOption({ view, viewsState })),
+                ...category.views.map(buildOption),
             ]),
         ];
-    }, [filteredCategoriesWithViews, container.initTask.status]);
+    }, [
+        filteredCategoriesWithViews,
+        container.initTask.status,
+        currentView?.id,
+        isRedesign,
+    ]);
     const { options, fixedFooter } = showLoader
         ? {
             options: [],
@@ -36,7 +59,7 @@ function _ViewsDropdown({ onSelect, dataHook, state, showTotal = true, dropdownW
         }
         : {
             options: viewsOptions,
-            fixedFooter: undefined,
+            fixedFooter: isRedesign ? (React.createElement(SaveToNewViewFooter, { state: state })) : undefined,
         };
     const { table: { collection: mainCollection }, } = state;
     const shouldShowTotal = showTotal &&
@@ -44,7 +67,7 @@ function _ViewsDropdown({ onSelect, dataHook, state, showTotal = true, dropdownW
             mainCollection.showRefreshLoader);
     return (React.createElement(Box, { dataHook: dataHook },
         React.createElement(Box, { width: dropdownWidth, direction: "vertical" },
-            React.createElement(AutoCompleteReadonly, { emptyStateMessage: !showLoader && t('cairo.viewsDropdown.nothingMatches.text'), state: state.views.autoCompleteReadonlyState, value: localSearchState.inputValue, onChange: (e) => localSearchState.setInputValueAndScheduleSearch(e.target.value), clearInput: () => localSearchState.clearSearch(), dropdownWidth: dropdownWidth, popoverProps: { placement: 'bottom-start' }, ...dropdownProps, onInputClicked: (e) => {
+            React.createElement(AutoCompleteReadonly, { emptyStateMessage: !showLoader && t('cairo.viewsDropdown.nothingMatches.text'), state: state.views.autoCompleteReadonlyState, value: localSearchState.inputValue, onChange: (e) => localSearchState.setInputValueAndScheduleSearch(e.target.value), clearInput: () => localSearchState.clearSearch(), dropdownWidth: isRedesign ? '264px' : dropdownWidth, popoverProps: { placement: 'bottom-start' }, ...dropdownProps, onInputClicked: (e) => {
                     state.viewsStateBIReporter.clickOnViewDropdownBI();
                     dropdownProps?.onInputClicked?.(e);
                 }, fixedFooter: fixedFooter, border: "round", selectedId: currentView?.id, selectedLabel: currentView
@@ -66,8 +89,8 @@ function _ViewsDropdown({ onSelect, dataHook, state, showTotal = true, dropdownW
                     }
                     localSearchState.clearSearch();
                 }, options: options, placeholder: t('cairo.viewDropdown.unsavedView.status') })),
-        React.createElement(Box, { verticalAlign: "middle", paddingLeft: "SP2" },
-            React.createElement(ManageViewPopover, { origin: "MainToolbar", state: state })),
+        !isRedesign && (React.createElement(Box, { verticalAlign: "middle", paddingLeft: "SP2" },
+            React.createElement(ManageViewPopover, { origin: "MainToolbar", state: state }))),
         React.createElement(ViewsDropdownModals, { state: state })));
 }
 export const ViewsDropdown = observer(_ViewsDropdown);

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.js.map

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

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown3132423709";
+var _namespace_ = "ViewsDropdown2380321708";
 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": "ViewsDropdown3132423709__root" };
+export var classes = { "root": "ViewsDropdown2380321708__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdownPrefix.js

@@ -1,9 +1,13 @@
 import { Box, Input, Tooltip } from '@wix/design-system';
-import { FlagSmall, StatusAlertSmall } from '@wix/wix-ui-icons-common';
+import { FlagSmall, PinSmall, StatusAlertSmall, } from '@wix/wix-ui-icons-common';
 import React from 'react';
 import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '../..';
+import { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';
 export function _ViewsDropdownPrefix(props) {
     const { state } = props;
+    const container = useWixPatternsContainer();
+    const isRedesign = container.internalExperiments?.enabled(VIEWS_REDESIGN_EXPERIMENT);
     const { views } = state;
     const { collection: { translate: t }, } = views;
     if (!views.isCurrentViewSelected ||
@@ -17,9 +21,10 @@ export function _ViewsDropdownPrefix(props) {
                         React.createElement(StatusAlertSmall, null))))));
     }
     if (views.isDefaultView) {
+        const DefaultIcon = isRedesign ? PinSmall : FlagSmall;
         return (React.createElement(Input.Affix, null,
             React.createElement(Box, { dataHook: "view-default" },
-                React.createElement(FlagSmall, null))));
+                React.createElement(DefaultIcon, null))));
     }
     return null;
 }

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdownPrefix.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdownPrefix.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,MAAM,UAAU,oBAAoB,CAClC,KAAqC;IAErC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EACJ,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC7B,GAAG,KAAK,CAAC;IAEV,IACE,CAAC,KAAK,CAAC,qBAAqB;QAC5B,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,aAAa,CAAC,EACpD;QACA,OAAO,CACL,oBAAC,KAAK,CAAC,KAAK;YACV,oBAAC,GAAG,IAAC,QAAQ,EAAC,sBAAsB;gBAClC,oBAAC,OAAO,IACN,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACL,KAAK,CAAC,qBAAqB;wBACzB,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;wBAC/B,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC;oBAG3C,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK;wBACrC,oBAAC,gBAAgB,OAAG,CAChB,CACE,CACN,CACM,CACf,CAAC;KACH;IAED,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,OAAO,CACL,oBAAC,KAAK,CAAC,KAAK;YACV,oBAAC,GAAG,IAAC,QAAQ,EAAC,cAAc;gBAC1B,oBAAC,SAAS,OAAG,CACT,CACM,CACf,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"ViewsDropdownPrefix.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EACL,SAAS,EACT,QAAQ,EACR,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAM5D,MAAM,UAAU,oBAAoB,CAClC,KAAqC;IAErC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,SAAS,CAAC,mBAAmB,EAAE,OAAO,CACvD,yBAAyB,CAC1B,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EACJ,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC7B,GAAG,KAAK,CAAC;IAEV,IACE,CAAC,KAAK,CAAC,qBAAqB;QAC5B,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,aAAa,CAAC,EACpD;QACA,OAAO,CACL,oBAAC,KAAK,CAAC,KAAK;YACV,oBAAC,GAAG,IAAC,QAAQ,EAAC,sBAAsB;gBAClC,oBAAC,OAAO,IACN,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACL,KAAK,CAAC,qBAAqB;wBACzB,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;wBAC/B,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC;oBAG3C,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK;wBACrC,oBAAC,gBAAgB,OAAG,CAChB,CACE,CACN,CACM,CACf,CAAC;KACH;IAED,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACtD,OAAO,CACL,oBAAC,KAAK,CAAC,KAAK;YACV,oBAAC,GAAG,IAAC,QAAQ,EAAC,cAAc;gBAC1B,oBAAC,WAAW,OAAG,CACX,CACM,CACf,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js

@@ -9,12 +9,14 @@ export function getCategoryName({ category, viewsState, }) {
     return category.name;
 }
 export function buildCategoryOption({ viewsState, category, }) {
+    const { translate: t } = viewsState.collection;
+    const categoryName = getCategoryName({ category, viewsState });
     return listItemSectionBuilder({
         id: category.id,
-        title: getCategoryName({ category, viewsState }),
+        title: categoryName,
         type: 'subheader',
         dataHook: 'view-category',
-        suffix: category.info ? (React.createElement(InfoIcon, { ...{ size: 'small', ...category.info } })) : undefined,
+        suffix: (React.createElement(InfoIcon, { size: "small", content: t('cairo.viewDropdown.category.info'), tooltipProps: { maxWidth: 240 } })),
     });
 }
 export function getViewName({ view, }) {
@@ -23,13 +25,14 @@ export function getViewName({ view, }) {
     }
     return '';
 }
-export function buildViewOption({ viewsState, view, }) {
+export function buildViewOption({ viewsState, view, suffix, }) {
     const viewName = getViewName({ view, viewsState });
     return listItemSelectBuilder({
         id: view.id,
         title: viewName,
         label: viewName,
-        dataHook: `view-item`,
+        dataHook: 'view-item',
+        suffix,
     });
 }
 //# sourceMappingURL=viewsDropdownRenderHelpers.js.map

package/dist/esm/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewsDropdownRenderHelpers.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,mBAAmB,GAGpB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,eAAe,CAAuB,EACpD,QAAQ,EACR,UAAU,GAIX;IACC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IAE/C,IAAI,QAAQ,CAAC,EAAE,KAAK,mBAAmB,EAAE;QACvC,OAAO,CAAC,CAAC,6CAA6C,CAAC,CAAC;KACzD;IACD,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAuB,EACxD,UAAU,EACV,QAAQ,GAIT;IACC,OAAO,sBAAsB,CAAC;QAC5B,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,KAAK,EAAE,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;QAChD,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,oBAAC,QAAQ,OAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAI,CACtD,CAAC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAuB,EAChD,IAAI,GAIL;IACC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,eAAe,CAAuB,EACpD,UAAU,EACV,IAAI,GAIL;IACC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAEnD,OAAO,qBAAqB,CAAC;QAC3B,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,WAAW;KACtB,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"viewsDropdownRenderHelpers.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,mBAAmB,GAGpB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,MAAM,UAAU,eAAe,CAAuB,EACpD,QAAQ,EACR,UAAU,GAIX;IACC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IAE/C,IAAI,QAAQ,CAAC,EAAE,KAAK,mBAAmB,EAAE;QACvC,OAAO,CAAC,CAAC,6CAA6C,CAAC,CAAC;KACzD;IACD,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAuB,EACxD,UAAU,EACV,QAAQ,GAIT;IACC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;IAE/D,OAAO,sBAAsB,CAAC;QAC5B,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,CACN,oBAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,CAAC,CAAC,kCAAsD,CAAC,EAClE,YAAY,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAC/B,CACH;KACF,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAuB,EAChD,IAAI,GAIL;IACC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,eAAe,CAAuB,EACpD,UAAU,EACV,IAAI,EACJ,MAAM,GAKP;IACC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACnD,OAAO,qBAAqB,CAAC;QAC3B,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,WAAW;QACrB,MAAM;KACP,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/components/CustomDrawerLayout.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Box, Button, Heading } from '@wix/design-system';
 export function CustomDrawerLayout(props) {
-    const { dataHook, title, children, primaryButtonText, secondaryButtonText, secondaryButtonProps, primaryButtonProps, primaryButtonOnClick, secondaryButtonOnClick, } = props;
-    return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", padding: "SP3", backgroundColor: "white", borderRadius: "12px" },
-        title && (React.createElement(Box, { direction: "vertical", paddingTop: "SP1", paddingBottom: "SP1", marginBottom: "SP4", align: "center" },
+    const { dataHook, title, children, primaryButtonText, secondaryButtonText, secondaryButtonProps, primaryButtonProps, primaryButtonOnClick, secondaryButtonOnClick, removeContentPadding, } = props;
+    return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", padding: "SP3 0", backgroundColor: "white", borderRadius: "12px" },
+        title && (React.createElement(Box, { direction: "vertical", padding: "SP1 SP3", marginBottom: "SP4", align: "center" },
             React.createElement(Heading, { size: "small", textAlign: "center" }, title))),
-        React.createElement(Box, { flex: 1, marginBottom: "SP4" }, children),
-        React.createElement(Box, { direction: "vertical", gap: "SP4" },
+        React.createElement(Box, { flex: 1, marginBottom: "SP4", padding: removeContentPadding ? undefined : '0 SP3' }, children),
+        React.createElement(Box, { direction: "vertical", gap: "SP4", padding: "0 SP3" },
             primaryButtonText && (React.createElement(Button, { dataHook: "baseModalLayout-primary-button", fullWidth: true, priority: "primary", onClick: primaryButtonOnClick, ...primaryButtonProps }, primaryButtonText)),
             secondaryButtonText && (React.createElement(Button, { dataHook: "baseModalLayout-secondary-button", fullWidth: true, onClick: secondaryButtonOnClick, priority: "secondary", ...secondaryButtonProps }, secondaryButtonText)))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CustomDrawerLayout.js","sourceRoot":"","sources":["../../../src/components/CustomDrawerLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAcvE,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,GACvB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,KAAK,EACb,eAAe,EAAC,OAAO,EACvB,YAAY,EAAC,MAAM;QAElB,KAAK,IAAI,CACR,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,QAAQ;YAEd,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,IACrC,KAAK,CACE,CACN,CACP;QAED,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,YAAY,EAAC,KAAK,IAC7B,QAAQ,CACL;QAEN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;YAChC,iBAAiB,IAAI,CACpB,oBAAC,MAAM,IACL,QAAQ,EAAC,gCAAgC,EACzC,SAAS,QACT,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAE,oBAAoB,KACxB,kBAAkC,IAEtC,iBAAiB,CACX,CACV;YAEA,mBAAmB,IAAI,CACtB,oBAAC,MAAM,IACL,QAAQ,EAAC,kCAAkC,EAC3C,SAAS,QACT,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAC,WAAW,KACf,oBAAoC,IAExC,mBAAmB,CACb,CACV,CACG,CACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CustomDrawerLayout.js","sourceRoot":"","sources":["../../../src/components/CustomDrawerLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAevE,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,GACrB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,OAAO,EACf,eAAe,EAAC,OAAO,EACvB,YAAY,EAAC,MAAM;QAElB,KAAK,IAAI,CACR,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,QAAQ;YAEd,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,IACrC,KAAK,CACE,CACN,CACP;QAED,oBAAC,GAAG,IACF,IAAI,EAAE,CAAC,EACP,YAAY,EAAC,KAAK,EAClB,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAElD,QAAQ,CACL;QAEN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO;YAChD,iBAAiB,IAAI,CACpB,oBAAC,MAAM,IACL,QAAQ,EAAC,gCAAgC,EACzC,SAAS,QACT,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAE,oBAAoB,KACxB,kBAAkC,IAEtC,iBAAiB,CACX,CACV;YAEA,mBAAmB,IAAI,CACtB,oBAAC,MAAM,IACL,QAAQ,EAAC,kCAAkC,EAC3C,SAAS,QACT,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAC,WAAW,KACf,oBAAoC,IAExC,mBAAmB,CACb,CACV,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle3887572879";
+var _namespace_ = "DragHandle2576753877";
 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": "DragHandle3887572879__root" };
+export var classes = { "root": "DragHandle2576753877__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain673223306";
+var _namespace_ = "EntityPagePlain875261530";
 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": "EntityPagePlain673223306__root" };
+export var classes = { "root": "EntityPagePlain875261530__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade4075889701";
+var _namespace_ = "Fade3970104487";
 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": "Fade4075889701__root" };
+export var classes = { "root": "Fade3970104487__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Grid/Grid.js

@@ -9,7 +9,7 @@ import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCo
 import { GridSingleGridContent } from './GridSingleGridContent';
 function _Grid(props) {
     const { state, dragAndDrop, renderError, errorState = renderError &&
-        ((err, { isOnline, retry }) => renderError?.({ err, isOnline, retry })), emptyState, noResultsState, cardProps, dataHook, exportModal, sections, } = props;
+        ((err, { isOnline, retry }) => renderError?.({ err, isOnline, retry })), emptyState, noResultsState, cardProps, dataHook, exportModal, importModal, sections, } = props;
     const { toolbar } = state;
     useToolbarCollectionSyncProps({
         ...props,
@@ -27,7 +27,8 @@ function _Grid(props) {
         React.createElement(ToolbarCollection, { ...props, sticky: true, state: toolbar },
             React.createElement(GridPlaceholderStates, { state: state.toolbar, errorState: errorState, emptyState: emptyState, noResultsState: noResultsState },
                 React.createElement(ToolbarCollectionContentAutoSizer, null, sections ? (React.createElement(sections.GridSections, { ...props, groupBy: sections.groupBy, renderSection: sections.renderSection, state: state })) : (React.createElement(GridSingleGridContent, { ...props, state: state }))))),
-        exportModal ?? toolbar.featuredComponents.exportModal.value));
+        exportModal ?? toolbar.featuredComponents.exportModal.value,
+        importModal ?? toolbar.featuredComponents.importModal.value));
 }
 export const Grid = observer(_Grid);
 //# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAGnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA6DhE,SAAS,KAAK,CAAuC,KAAsB;IACzE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,GAAG,WAAW;QACrB,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7B,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAGzB,EAClB,UAAU,EACV,cAAc,EACd,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,6BAA6B,CAAC;QAC5B,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;QACpB,kBAAkB,EAAE,CAAC,CAAC,WAAW;QACjC,yBAAyB,EAAE,KAAK;QAChC,uBAAuB,EAAE,KAAK;QAC9B,cAAc,EAAE,KAAK;QACrB,0BAA0B,EAAE,KAAK;KAClC,CAAC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,KACd,SAAS;QAEb,oBAAC,iBAAiB,OAAK,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACjD,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc;gBAE9B,oBAAC,iCAAiC,QAC/B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,YAAY,OAChB,KAAK,EACT,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACiC,CACd,CACN;QACnB,WAAW,IAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAGnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA6DhE,SAAS,KAAK,CAAuC,KAAsB;IACzE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,GAAG,WAAW;QACrB,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7B,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAGzB,EAClB,UAAU,EACV,cAAc,EACd,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,6BAA6B,CAAC;QAC5B,GAAG,KAAK;QACR,KAAK,EAAE,KAAK,CAAC,OAAO;QACpB,kBAAkB,EAAE,CAAC,CAAC,WAAW;QACjC,yBAAyB,EAAE,KAAK;QAChC,uBAAuB,EAAE,KAAK;QAC9B,cAAc,EAAE,KAAK;QACrB,0BAA0B,EAAE,KAAK;KAClC,CAAC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,KACd,SAAS;QAEb,oBAAC,iBAAiB,OAAK,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACjD,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc;gBAE9B,oBAAC,iCAAiC,QAC/B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,YAAY,OAChB,KAAK,EACT,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACiC,CACd,CACN;QACnB,WAAW,IAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK;QAC3D,WAAW,IAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading2155534684";
+var _namespace_ = "Heading3688798431";
 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": "Heading2155534684__root" };
+export var classes = { "root": "Heading3688798431__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ImportButton/ImportButton.js

@@ -0,0 +1,33 @@
+import React, { useEffect, useState } from 'react';
+import { ModalState } from '@wix/bex-core';
+import { Button, Drawer, Modal } from '@wix/design-system';
+import { DownloadImport } from '@wix/wix-ui-icons-common';
+import { observer, Observer } from 'mobx-react-lite';
+import { ImportButtonModalLayout } from './ImportButtonModalLayout';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
+import { useIsMobile } from '../../hooks/useIsMobile';
+function _ImportButton(props) {
+    const { toolbarType = 'default', fields, bulkUploadItems, backup, batchSize, } = props;
+    const table = useToolbarCollectionContext();
+    const { toolbar: { responsive }, } = table;
+    const { translate: t } = useWixPatternsContainer();
+    const [state] = useState(() => (table.importState ??= new ModalState()));
+    const isMobile = useIsMobile();
+    useEffect(() => {
+        table.featuredComponents.importModal.set(React.createElement(Observer, null, () => {
+            const child = (React.createElement(ImportButtonModalLayout, { importModalState: state, fields: fields, bulkUploadItems: bulkUploadItems, backup: backup, batchSize: batchSize }));
+            if (isMobile) {
+                return (React.createElement(Drawer, { dataHook: "import-modal", open: state.isOpen, onClose: state.requestClose }, child));
+            }
+            return (React.createElement(Modal, { onRequestClose: state.requestClose, isOpen: state.isOpen, dataHook: "import-modal" }, child));
+        }));
+        return () => {
+            table.featuredComponents.importModal.set(null);
+        };
+    }, []);
+    return (React.createElement("div", { "data-hook": "import-container" }, toolbarType === 'default' ? (React.createElement(ResponsiveButton, { state: responsive.actions, dataHook: "import-button", onClick: state.open, icon: React.createElement(DownloadImport, null) }, t('cairo.import.import'))) : (React.createElement(Button, { skin: "standard", priority: "secondary", size: "small", ellipsis: true, prefixIcon: React.createElement(DownloadImport, null), dataHook: "import-button", onClick: state.open }, t('cairo.import.import')))));
+}
+export const ImportButton = observer(_ImportButton);
+//# sourceMappingURL=ImportButton.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import ImportModalUniDriver from './ImportModal.uni.driver';
+export function ImportButtonUniDriver(base, body) {
+    const getButton = () => ButtonUniDriver(base, body);
+    const importModal = ImportModalUniDriver(base, body);
+    return {
+        ...importModal,
+        /** Clicks the button to open import modal */
+        click: () => getButton().click(),
+        /** Indicates whether import button exists in the table toolbar */
+        exists: () => getButton().exists(),
+    };
+}
+export default ImportButtonUniDriver;
+//# sourceMappingURL=ImportButton.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAE5D,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,IAAe;IACpE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,WAAW;QACd,6CAA6C;QAC7C,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;QAChC,kEAAkE;QAClE,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;KACnC,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

package/dist/esm/components/ImportButton/ImportButtonModalLayout.js

@@ -0,0 +1,40 @@
+import { Box, CustomModalLayout } from '@wix/design-system';
+import { getImportModalStepProps } from './getImportModalStepProps';
+import React, { useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useCreateImport } from '@wix/bex-core';
+import { addEventListener } from '@wix/bex-core/util';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { CustomDrawerLayout } from '../CustomDrawerLayout';
+import { ImportStepper } from './ImportStepper';
+function _ImportButtonModalLayout(props) {
+    const { fields, bulkUploadItems, backup, batchSize, importModalState, ...rest } = props;
+    const isMobile = useIsMobile();
+    const createImport = useCreateImport({
+        fields,
+        bulkUploadItems,
+        backup,
+        batchSize,
+        importModalState,
+    });
+    const [state] = useState(() => createImport());
+    const { onRequestClose, children, removeContentPadding, ...customModalLayoutProps } = getImportModalStepProps({
+        state,
+    });
+    const wrappedChildren = state.currentStep !== 'progress' ? (React.createElement(Box, { direction: "vertical", gap: "SP3", width: "100%" },
+        React.createElement(ImportStepper, { state: state, removeContentPadding: !removeContentPadding }),
+        children)) : (children);
+    useEffect(() => {
+        if (onRequestClose) {
+            return addEventListener(importModalState.events, 'requestClose', onRequestClose);
+        }
+        return undefined;
+    }, [onRequestClose]);
+    useEffect(() => state.init(), []);
+    if (isMobile) {
+        return (React.createElement(CustomDrawerLayout, { dataHook: "import-modal-layout", removeContentPadding: removeContentPadding, ...rest, ...customModalLayoutProps, children: wrappedChildren }));
+    }
+    return (React.createElement(CustomModalLayout, { width: "600px", dataHook: "import-modal-layout", removeContentPadding: removeContentPadding, ...rest, ...customModalLayoutProps, children: wrappedChildren }));
+}
+export const ImportButtonModalLayout = observer(_ImportButtonModalLayout);
+//# sourceMappingURL=ImportButtonModalLayout.js.map

package/dist/esm/components/ImportButton/ImportButtonModalLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportButtonModalLayout.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,SAAS,wBAAwB,CAAC,KAAmC;IACnE,MAAM,EACJ,MAAM,EACN,eAAe,EACf,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,MAAM;QACN,eAAe;QACf,MAAM;QACN,SAAS;QACT,gBAAgB;KACjB,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;IAE/C,MAAM,EACJ,cAAc,EACd,QAAQ,EACR,oBAAoB,EACpB,GAAG,sBAAsB,EAC1B,GAAG,uBAAuB,CAAC;QAC1B,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,KAAK,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CACjC,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;QAC9C,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,CAAC,oBAAoB,GAC3C;QACD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,OAAO,gBAAgB,CACrB,gBAAgB,CAAC,MAAM,EACvB,cAAc,EACd,cAAc,CACf,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,qBAAqB,EAC9B,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,KACJ,sBAAsB,EAC1B,QAAQ,EAAE,eAAe,GACzB,CACH,CAAC;KACH;IAED,OAAO,CACL,oBAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,qBAAqB,EAC9B,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,KACJ,sBAAsB,EAC1B,QAAQ,EAAE,eAAe,GACzB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/esm/components/ImportButton/ImportModal.js

@@ -0,0 +1,19 @@
+import { Drawer, Modal } from '@wix/design-system';
+import React, { useState } from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { ModalState } from '@wix/bex-core';
+import { ImportButtonModalLayout } from './ImportButtonModalLayout';
+import { observer } from 'mobx-react-lite';
+import { useIsMobile } from '../../hooks/useIsMobile';
+function _ImportModal(props) {
+    const table = useToolbarCollectionContext();
+    const [importModalState] = useState(() => (table.importState ??= new ModalState()));
+    const isMobile = useIsMobile();
+    const child = (React.createElement(ImportButtonModalLayout, { ...props, importModalState: importModalState }));
+    if (isMobile) {
+        return (React.createElement(Drawer, { dataHook: "import-modal", open: importModalState.isOpen, onClose: importModalState.close }, child));
+    }
+    return (React.createElement(Modal, { onRequestClose: importModalState.close, isOpen: importModalState.isOpen, dataHook: "import-modal" }, child));
+}
+export const ImportModal = observer(_ImportModal);
+//# sourceMappingURL=ImportModal.js.map