@wix/patterns 0.8.0

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

@@ -0,0 +1,70 @@
+import { DropdownUniDriver, ListItemSectionUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { ViewsDropdownListItemUniDriver } from './ViewsDropdownListItem.uni.driver';
+export const CollectionViewsDropdownUniDriver = (base, body) => {
+    const viewsDropdownDriverBase = () => base.$('[data-hook="collection-views-dropdown"]');
+    const getDropdownLayoutBase = async () => body.$(`[data-content-element="${await viewsDropdownDriverBase().attr('data-content-hook')}"]`);
+    const viewsDropdownDriver = () => DropdownUniDriver(viewsDropdownDriverBase(), body);
+    const getViewListItemById = (id) => {
+        return ViewsDropdownListItemUniDriver(viewsDropdownDriverBase().$(`[data-hook="dropdown-item-${id}"]`), body);
+    };
+    const getViewListItemAt = (index) => {
+        return ViewsDropdownListItemUniDriver(viewsDropdownDriverBase().$$('[data-hook="view-item"]').get(index), body);
+    };
+    const getCategoryListItemById = (id) => {
+        return ListItemSectionUniDriver(viewsDropdownDriverBase().$(`[data-hook="dropdown-item-${id}"]`), body);
+    };
+    const getCategoryListItemAt = (index) => {
+        return ListItemSectionUniDriver(viewsDropdownDriverBase().$$('[data-hook="view-category"]').get(index), body);
+    };
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { _input: () => viewsDropdownDriverBase().$('input'), exists: () => viewsDropdownDriver().exists(), initialLoaderExists: async () => (await getDropdownLayoutBase())
+            .$('[data-hook="initial-loader"]')
+            .exists(), 
+        /** Get the currently selected view name */
+        getSelected: () => viewsDropdownDriver().inputDriver.getValue(), 
+        /** Get the dropdown input text */
+        getInputValue: () => viewsDropdownDriver().inputDriver.getValue(), 
+        /** Indicates input is ready-only */
+        getInputReadOnly: () => viewsDropdownDriver().inputDriver.getReadOnly(), 
+        /** Indicates input is focused */
+        isInputFocused: () => viewsDropdownDriver().inputDriver.isFocus(), 
+        /** Get the currently selected view id */
+        getSelectedId: () => viewsDropdownDriver().dropdownLayoutDriver.getSelectedOptionId(), 
+        /** Checks if total is shown */
+        hasTotal: () => viewsDropdownDriver().inputDriver.suffixComponentExists('.total-count'), 
+        /** Opens views dropdown */
+        open: () => viewsDropdownDriver().inputDriver.click(), 
+        /** Enter dropdown input text */
+        enterText: (value) => viewsDropdownDriver().inputDriver.enterText(value), 
+        /** Click dropdown input clear button */
+        clickInputClearButton: () => viewsDropdownDriver().inputDriver.clickClear(), 
+        /** Indicates input clear button exists  */
+        inputClearButtonExists: () => viewsDropdownDriver().inputDriver.hasClearButton(), 
+        /** Get number of views */
+        getViewsCount: async () => viewsDropdownDriverBase().$$('[data-hook="view-item"]').count(), 
+        /** Get array of all view names in the dropdown */
+        getViewsContent: async () => viewsDropdownDriverBase().$$('[data-hook="view-item"]').text(), 
+        /** Get array popover content , like empty state */
+        getViewsPopoverContent: async () => viewsDropdownDriverBase().$$('[data-hook="popover-content"]').text(), 
+        /** Indicates whether the dropdown is open */
+        isOpen: () => viewsDropdownDriver().dropdownLayoutDriver.isShown(), 
+        /** Get the placeholder test of the dropdown */
+        getPlaceholderText: () => viewsDropdownDriver().inputDriver.getPlaceholder(), 
+        /** Get view list item driver by view id */
+        getViewListItemById,
+        /** Get view list item driver by view index */
+        getViewListItemAt,
+        /** Get category list item driver by category id */
+        getCategoryListItemById,
+        /** Get category list item driver by category index */
+        getCategoryListItemAt, 
+        /** Get "all items" view list item */
+        getAllItemsView: () => getCategoryListItemById('all-items-view'), 
+        /** Get number of categories */
+        getCategoriesCount: async () => viewsDropdownDriverBase().$$('[data-hook="view-category"]').count(), 
+        /** Get array of all category names in the dropdown */
+        getCategoriesContent: async () => viewsDropdownDriverBase().$$('[data-hook="view-category"]').text(), 
+        /** Check if view pending changes */
+        isViewPendingChanges: async () => viewsDropdownDriver().inputDriver.prefixComponentExists('[data-hook="view-pending-changes"]'), isDefaultView: async () => viewsDropdownDriver().inputDriver.prefixComponentExists('[data-hook="view-default"]') });
+};
+//# sourceMappingURL=CollectionViewsDropdown.uni.driver.js.map

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

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

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

@@ -0,0 +1,49 @@
+import { TextButton, PopoverMenu } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { ChevronDown, Confirm, Duplicate, Edit, Delete, Flag, FlagDismiss, } from '@wix/wix-ui-icons-common';
+function _ManageViewPopover(props) {
+    var _a, _b, _c, _d, _e, _f;
+    const { state } = props;
+    const { views, table, emitter, isViewChanged } = state;
+    const { collection } = table;
+    const { translate: t } = collection;
+    return (React.createElement(PopoverMenu, { minWidth: 271, onShow: () => {
+            emitter.emit('openManageViewPopoverMenu');
+        }, dataHook: "manage-view-popover", triggerElement: React.createElement(TextButton, { size: "small", as: "button", dataHook: "manage-view-popover-button", suffixIcon: React.createElement(ChevronDown, null) }, t('cairo.manageView.CTA')) },
+        React.createElement(PopoverMenu.MenuItem, { text: t('cairo.manageView.saveChanges.CTA'), dataHook: "save-changes-to-view", disabled: !views.isCurrentViewSelected ||
+                !isViewChanged ||
+                ((_a = views.currentView) === null || _a === void 0 ? void 0 : _a.isPreset), subtitle: ((_b = views.currentView) === null || _b === void 0 ? void 0 : _b.isPreset)
+                ? t('cairo.manageView.saveChanges.disabled.predefinedView.tooltip')
+                : !isViewChanged
+                    ? t('cairo.manageView.saveChanges.disabled.tooltip')
+                    : undefined, prefixIcon: React.createElement(Confirm, null), onClick: () => {
+                state.saveViewChanges();
+            } }),
+        React.createElement(PopoverMenu.MenuItem, { dataHook: "save-new-view", disabled: views.reachedViewsLimit, onClick: () => {
+                views.saveViewModal.open();
+                table.closeSidePanel();
+            }, text: t('cairo.manageView.saveNewView.CTA'), prefixIcon: React.createElement(Duplicate, null) }),
+        React.createElement(PopoverMenu.MenuItem, { dataHook: "rename-view", disabled: ((_c = views.currentView) === null || _c === void 0 ? void 0 : _c.isPreset) || isViewChanged, subtitle: ((_d = views.currentView) === null || _d === void 0 ? void 0 : _d.isPreset)
+                ? t('cairo.manageView.Rename.disabled.predefinedView.tooltip')
+                : isViewChanged
+                    ? t('cairo.manageView.Rename.disabled.tooltip')
+                    : undefined, onClick: () => {
+                views.renameViewModal.open();
+                table.closeSidePanel();
+            }, text: t('cairo.manageView.Rename.CTA'), prefixIcon: React.createElement(Edit, null) }),
+        React.createElement(PopoverMenu.MenuItem, { dataHook: "set-as-default-view", disabled: !views.currentView || (isViewChanged && !views.isDefaultView), subtitle: isViewChanged && !views.isDefaultView
+                ? t('cairo.manageView.setAsDefault.tooltip')
+                : undefined, onClick: () => {
+                state.setAsDefaultView();
+            }, text: views.isDefaultView
+                ? t('cairo.manageView.setAsDefault.reset.CTA')
+                : t('cairo.manageView.setAsDefault.CTA'), prefixIcon: views.isDefaultView ? React.createElement(FlagDismiss, null) : React.createElement(Flag, null) }),
+        React.createElement(PopoverMenu.MenuItem, { dataHook: "delete-view", disabled: !views.isCurrentViewSelected || ((_e = views.currentView) === null || _e === void 0 ? void 0 : _e.isPreset), subtitle: views.isCurrentViewSelected && ((_f = views.currentView) === null || _f === void 0 ? void 0 : _f.isPreset)
+                ? t('cairo.manageView.Delete.disabled.predefinedView.tooltip')
+                : undefined, onClick: () => {
+                state.deleteView();
+            }, text: t('cairo.manageView.Delete.CTA'), prefixIcon: React.createElement(Delete, null) })));
+}
+export const ManageViewPopover = observer(_ManageViewPopover);
+//# sourceMappingURL=ManageViewPopover.js.map

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

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

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

@@ -0,0 +1,54 @@
+import { PopoverUniDriver, PopoverMenuUniDriver, DropdownLayoutUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export const ManageViewPopoverUniDriver = (base, body) => {
+    const manageViewPopoverDriverBase = () => base.$('[data-hook="manage-view-popover"]');
+    const manageViewPopoverDriver = () => PopoverMenuUniDriver(manageViewPopoverDriverBase(), body);
+    const getContentElement = async () => PopoverUniDriver(manageViewPopoverDriverBase(), body).getContentElementUniDriver();
+    const getDropdownLayoutDriver = async () => {
+        const contentElement = await getContentElement();
+        return DropdownLayoutUniDriver(contentElement.$(`[data-hook="dropdown-base-dropdownlayout"]`), body);
+    };
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { exists: () => manageViewPopoverDriver().exists(), 
+        /** Opens the manage view popover */
+        open: () => manageViewPopoverDriver()
+            .getTriggerElement('manage-view-popover-button')
+            .click(), 
+        /** Indicates whether the manage view popover is open */
+        isOpen: () => manageViewPopoverDriver().isMenuOpen(), 
+        /** Trigger save changes action */
+        clickSaveChanges: () => manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'), 
+        /** Trigger save new view action */
+        clickSaveNewView: () => manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'), 
+        /** Trigger rename view action */
+        clickRenameView: () => manageViewPopoverDriver().clickAtChildByDataHook('rename-view'), 
+        /** Trigger set as default view action */
+        clickSetAsDefaultView: () => manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'), 
+        /** Trigger delete view action */
+        clickDeleteView: () => manageViewPopoverDriver().clickAtChildByDataHook('delete-view'), 
+        /** Get save changes btn */
+        getSaveChangesBtn: async () => {
+            const dropdownLayoutDriver = await getDropdownLayoutDriver();
+            return dropdownLayoutDriver.optionById(0);
+        }, 
+        /** Get save new view btn */
+        getSaveNewViewBtn: async () => {
+            const dropdownLayoutDriver = await getDropdownLayoutDriver();
+            return dropdownLayoutDriver.optionById(1);
+        }, 
+        /** Get rename view btn */
+        getRenameViewBtn: async () => {
+            const dropdownLayoutDriver = await getDropdownLayoutDriver();
+            return dropdownLayoutDriver.optionById(2);
+        }, 
+        /** Get set as default view btn */
+        getSetAsDefaultViewBtn: async () => {
+            const dropdownLayoutDriver = await getDropdownLayoutDriver();
+            return dropdownLayoutDriver.optionById(3);
+        }, 
+        /** Get delete view btn */
+        getDeleteViewBtn: async () => {
+            const dropdownLayoutDriver = await getDropdownLayoutDriver();
+            return dropdownLayoutDriver.optionById(4);
+        } });
+};
+//# sourceMappingURL=ManageViewPopover.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"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/ViewsDropdown.js

@@ -0,0 +1,63 @@
+import { __rest } from "tslib";
+import React, { useMemo } 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 { buildCategoryOption, buildViewOption, getViewName, } from './viewsDropdownRenderHelpers';
+import { AutoCompleteReadonly } from './AutoCompleteReadonly';
+import { ViewsDropdownPrefix } from './ViewsDropdownPrefix';
+function _ViewsDropdown(_a) {
+    var { onSelect, dataHook, state, showTotal = true, dropdownWidth = '200px' } = _a, dropdownProps = __rest(_a, ["onSelect", "dataHook", "state", "showTotal", "dropdownWidth"]);
+    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 viewsOptions = useMemo(() => {
+        const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;
+        return [
+            ...viewsWithoutCategory.map((view) => buildViewOption({ view, viewsState })),
+            ...categories.flatMap((category) => [
+                buildCategoryOption({ category, viewsState }),
+                ...category.views.map((view) => buildViewOption({ view, viewsState })),
+            ]),
+        ];
+    }, [filteredCategoriesWithViews]);
+    const { options, fixedFooter } = showLoader
+        ? {
+            options: [],
+            fixedFooter: (React.createElement(Box, { dataHook: "initial-loader", width: "100%", align: "center", verticalAlign: "middle", padding: "SP2" },
+                React.createElement(Loader, { size: "small" }))),
+        }
+        : {
+            options: viewsOptions,
+            fixedFooter: undefined,
+        };
+    return (React.createElement(Box, { dataHook: dataHook },
+        React.createElement(Box, { width: dropdownWidth, direction: "vertical" },
+            React.createElement(AutoCompleteReadonly, Object.assign({ 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, { fixedFooter: fixedFooter, border: "round", selectedId: currentView === null || currentView === void 0 ? void 0 : currentView.id, selectedLabel: currentView
+                    ? getViewName({ view: currentView, viewsState })
+                    : undefined, textOverflow: "ellipsis", prefix: React.createElement(ViewsDropdownPrefix, { state: state }), suffix: !showTotal ||
+                    state.table.collection.showRefreshLoader ? undefined : (React.createElement(Box, { className: "total-count" },
+                    React.createElement(Input.Affix, null,
+                        "(",
+                        state.table.collection.result.total,
+                        ")"))), className: st(classes.root), dataHook: "collection-views-dropdown", onSelect: (option) => {
+                    viewsState.events.emit('beforeSelectView');
+                    const id = option.id.toString();
+                    const view = viewsState.getView(id);
+                    if (view) {
+                        onSelect === null || onSelect === void 0 ? void 0 : onSelect(view);
+                        viewsState.selectView({ id });
+                        viewsState.events.emit('afterSelectView', { view });
+                    }
+                    localSearchState.clearSearch();
+                }, options: options, placeholder: t('cairo.viewDropdown.unsavedView.status') }))),
+        React.createElement(Box, { verticalAlign: "middle", paddingLeft: "SP2" },
+            React.createElement(ManageViewPopover, { origin: "MainToolbar", state: state })),
+        React.createElement(ViewsDropdownModals, { state: state })));
+}
+export const ViewsDropdown = observer(_ViewsDropdown);
+//# sourceMappingURL=ViewsDropdown.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+.root {
+  width: 200px;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "ViewsDropdown366067132";
+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": "ViewsDropdown366067132__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=ViewsDropdown.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdownListItem.uni.driver.js

@@ -0,0 +1,8 @@
+import { ListItemSelectUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export const ViewsDropdownListItemUniDriver = (base, body) => {
+    const viewsDropdownOptionDriverById = () => ListItemSelectUniDriver(base, body);
+    const click = () => viewsDropdownOptionDriverById().click();
+    return Object.assign(Object.assign(Object.assign({}, baseUniDriverFactory(base)), viewsDropdownOptionDriverById()), { click, select: click });
+};
+//# sourceMappingURL=ViewsDropdownListItem.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsDropdownListItem.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownListItem.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC5C,IAAe,EACf,IAAe,EACf,EAAE;IACF,MAAM,6BAA6B,GAAG,GAAG,EAAE,CACzC,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,6BAA6B,EAAE,CAAC,KAAK,EAAE,CAAC;IAE5D,qDACK,oBAAoB,CAAC,IAAI,CAAC,GAC1B,6BAA6B,EAAE,KAClC,KAAK,EACL,MAAM,EAAE,KAAK,IACb;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionSaveViewModal } from './modals/SaveView/CollectionSaveViewModal';
+import { CollectionRenameViewModal } from './modals/RenameView/CollectionRenameViewModal';
+function _ViewsDropdownModals({ state, }) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CollectionSaveViewModal, { state: state, dataHook: "collection-save-view-modal" }),
+        React.createElement(CollectionRenameViewModal, { state: state, dataHook: "collection-rename-view-modal" })));
+}
+export const ViewsDropdownModals = observer(_ViewsDropdownModals);
+//# sourceMappingURL=ViewsDropdownModals.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsDropdownModals.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownModals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAC;AAO1F,SAAS,oBAAoB,CAA0B,EACrD,KAAK,GAC0B;IAC/B,OAAO,CACL;QACE,oBAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,4BAA4B,GACrC;QAEF,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,8BAA8B,GACvC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+import { Box, Input, Tooltip } from '@wix/design-system';
+import { FlagSmall, StatusAlertSmall } from '@wix/wix-ui-icons-common';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+export function _ViewsDropdownPrefix(props) {
+    const { state } = props;
+    const { views } = state;
+    const { collection: { translate: t }, } = views;
+    if (!views.isCurrentViewSelected ||
+        (views.isCurrentViewSelected && state.isViewChanged)) {
+        return (React.createElement(Input.Affix, null,
+            React.createElement(Box, { dataHook: "view-pending-changes" },
+                React.createElement(Tooltip, { appendTo: "window", content: views.isCurrentViewSelected
+                        ? t('cairo.manageView.tooltip')
+                        : t('cairo.manageView.unsaved.tooltip') },
+                    React.createElement(Box, { verticalAlign: "middle", color: "D40" },
+                        React.createElement(StatusAlertSmall, null))))));
+    }
+    if (views.isDefaultView) {
+        return (React.createElement(Input.Affix, null,
+            React.createElement(Box, { dataHook: "view-default" },
+                React.createElement(FlagSmall, null))));
+    }
+    return null;
+}
+export const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);
+//# sourceMappingURL=ViewsDropdownPrefix.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/modals/RenameView/CollectionRenameViewModal.js

@@ -0,0 +1,67 @@
+import { __rest } from "tslib";
+import { Cell, CustomModalLayout, FormField, Input, Layout, Modal, } from '@wix/design-system';
+import React, { useCallback, useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { TextWidthLoader } from '../../../TextWidthLoader';
+function _CollectionRenameViewModal(_a) {
+    var _b, _c, _d;
+    var { state } = _a, rest = __rest(_a, ["state"]);
+    const { views: { renameViewModal, collection }, } = state;
+    const { translate: t } = collection;
+    const [nameInputValue, setNameInputValue] = useState((_c = (_b = state.views.currentView) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : '');
+    const [statusMessage, setStatusMessage] = useState();
+    const [nameInputStatus, setNameInputStatus] = useState(undefined);
+    const [submitted, setSubmitted] = useState(false);
+    useEffect(() => {
+        if (nameInputValue !== '') {
+            setNameInputStatus(undefined);
+            setStatusMessage(undefined);
+        }
+    }, [nameInputValue]);
+    useEffect(() => {
+        renameViewModal.events.on('open', onOpenRenameViewModal);
+        return () => {
+            renameViewModal.events.off('open', onOpenRenameViewModal);
+        };
+    }, []);
+    const onOpenRenameViewModal = () => {
+        var _a, _b;
+        setNameInputValue((_b = (_a = state.views.currentView) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '');
+        state.sendRenameViewSelectedBI();
+    };
+    const onCloseModal = () => {
+        setNameInputStatus(undefined);
+        setNameInputValue('');
+        renameViewModal.close();
+    };
+    const primaryButtonOnClick = useCallback(async (event) => {
+        var _a;
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (submitted || nameInputValue === ((_a = state.views.currentView) === null || _a === void 0 ? void 0 : _a.name)) {
+            return;
+        }
+        if (nameInputValue === '') {
+            setNameInputStatus('error');
+            setStatusMessage(t('cairo.noViewName.validationTooltip'));
+            return;
+        }
+        setSubmitted(true);
+        await state.renameView(nameInputValue);
+        onCloseModal();
+    }, [submitted, nameInputValue]);
+    return (React.createElement(Modal, Object.assign({}, rest, { onAfterClose: () => {
+            setSubmitted(false);
+        }, isOpen: renameViewModal.isOpen }),
+        React.createElement("form", { onSubmit: primaryButtonOnClick },
+            React.createElement(CustomModalLayout, { overflowY: "visible", title: t('cairo.manageView.Rename.modal.title'), primaryButtonText: submitted ? undefined : t('cairo.manageView.Rename.modal.save.CTA'), primaryButtonProps: {
+                    children: submitted && (React.createElement(TextWidthLoader, { size: "tiny", text: t('cairo.manageView.Rename.modal.save.CTA') })),
+                    disabled: nameInputValue === ((_d = state.views.currentView) === null || _d === void 0 ? void 0 : _d.name),
+                    type: 'submit',
+                }, primaryButtonOnClick: primaryButtonOnClick, secondaryButtonText: t('cairo.manageView.Rename.modal.cancel.CTA'), secondaryButtonOnClick: onCloseModal, onCloseButtonClick: onCloseModal, dataHook: "rename-view-modal", width: "510px" },
+                React.createElement(Layout, null,
+                    React.createElement(Cell, null,
+                        React.createElement(FormField, { label: t('cairo.manageView.Rename.modal.field.title'), dataHook: "rename-view-modal-form-field" },
+                            React.createElement(Input, { autoFocus: true, dataHook: "rename-view-modal-input", value: nameInputValue, onChange: (e) => setNameInputValue(e.target.value), status: nameInputStatus, statusMessage: statusMessage, maxLength: 50 }))))))));
+}
+export const CollectionRenameViewModal = observer(_CollectionRenameViewModal);
+//# sourceMappingURL=CollectionRenameViewModal.js.map

package/dist/esm/components/CollectionViewsDropdown/modals/RenameView/CollectionRenameViewModal.js.map

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

package/dist/esm/components/CollectionViewsDropdown/modals/RenameView/CollectionRenameViewModal.uni.driver.js

@@ -0,0 +1,31 @@
+import { CustomModalLayoutUniDriver, FormFieldUniDriver, InputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export const CollectionRenameViewModalUniDriver = (base, body) => {
+    const getModalBase = () => body.$('[data-hook="rename-view-modal"]');
+    const renameViewModalDriver = () => CustomModalLayoutUniDriver(getModalBase(), body);
+    const viewNameFormFiledDriver = () => FormFieldUniDriver(body.$('[data-hook="rename-view-modal-form-field"]'), body);
+    const viewNameInputDriver = () => InputUniDriver(body.$('[data-hook="rename-view-modal-input"]'), body);
+    const getSaveButton = () => {
+        return renameViewModalDriver().getPrimaryButtonDriver();
+    };
+    const getCancelButton = () => {
+        return renameViewModalDriver().getSecondaryButtonDriver();
+    };
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { exists: () => renameViewModalDriver().exists(), getTitle: () => renameViewModalDriver().getTitleText(), getSubTitle: () => renameViewModalDriver().getSubtitleText(), getSaveButtonText: async () => {
+            const saveButton = await getSaveButton();
+            return saveButton.getButtonTextContent();
+        }, isSaveButtonDisabled: async () => {
+            const saveButton = await getSaveButton();
+            return saveButton.isButtonDisabled();
+        }, clickSaveButton: async () => {
+            const saveButton = await getSaveButton();
+            await saveButton.click();
+        }, getCancelButtonText: async () => {
+            const cancelButton = await getCancelButton();
+            return cancelButton.getButtonTextContent();
+        }, clickCancelButton: async () => {
+            const cancelButton = await getCancelButton();
+            await cancelButton.click();
+        }, clickCloseButton: () => renameViewModalDriver().clickCloseButton(), viewNameFormFieldExists: () => viewNameFormFiledDriver().exists(), getViewNameInputValue: () => viewNameInputDriver().getValue(), getViewNameFormFieldTitle: () => viewNameFormFiledDriver().getLabel(), getViewNameInputPlaceholder: () => viewNameInputDriver().getPlaceholder(), fillViewNameInput: (value) => viewNameInputDriver().enterText(value), getViewNameInputStatusMessage: () => viewNameInputDriver().getStatusMessage(), getViewNameHasErrorStatus: () => viewNameInputDriver().hasStatus('error') });
+};
+//# sourceMappingURL=CollectionRenameViewModal.uni.driver.js.map

package/dist/esm/components/CollectionViewsDropdown/modals/RenameView/CollectionRenameViewModal.uni.driver.js.map

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

package/dist/esm/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.js

@@ -0,0 +1,67 @@
+import { __rest } from "tslib";
+import { Box, Cell, CustomModalLayout, FormField, Input, Layout, Modal, Text, TextButton, } from '@wix/design-system';
+import React, { useCallback, useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { TextWidthLoader } from '../../../TextWidthLoader';
+function _CollectionSaveViewModal(_a) {
+    var _b;
+    var { state } = _a, rest = __rest(_a, ["state"]);
+    const { views: { saveViewModal, collection }, } = state;
+    const { translate: t } = collection;
+    const [nameInputValue, setNameInputValue] = useState('');
+    const [statusMessage, setStatusMessage] = useState();
+    const [nameInputStatus, setNameInputStatus] = useState(undefined);
+    const [submitted, setSubmitted] = useState(false);
+    useEffect(() => {
+        if (nameInputValue !== '') {
+            setNameInputStatus(undefined);
+            setStatusMessage(undefined);
+        }
+    }, [nameInputValue]);
+    useEffect(() => {
+        saveViewModal.events.on('open', sendSaveNewViewSelectedBI);
+        return () => {
+            saveViewModal.events.off('open', sendSaveNewViewSelectedBI);
+        };
+    }, []);
+    const sendSaveNewViewSelectedBI = () => {
+        state.sendSaveNewViewSelectedBI();
+    };
+    const onCloseModal = () => {
+        setNameInputStatus(undefined);
+        setNameInputValue('');
+        saveViewModal.close();
+    };
+    const primaryButtonOnClick = useCallback(async (event) => {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (submitted) {
+            return;
+        }
+        if (nameInputValue === '') {
+            setNameInputStatus('error');
+            setStatusMessage(t('cairo.noViewName.validationTooltip'));
+            return;
+        }
+        setSubmitted(true);
+        await state.saveNewView(nameInputValue);
+        onCloseModal();
+    }, [submitted, nameInputValue]);
+    return (React.createElement(Modal, Object.assign({}, rest, { onAfterClose: () => {
+            setSubmitted(false);
+        }, isOpen: saveViewModal.isOpen }),
+        React.createElement("form", { onSubmit: primaryButtonOnClick },
+            React.createElement(CustomModalLayout, { overflowY: "visible", title: t('cairo.table.saveViewModal.title'), subtitle: React.createElement(Box, null,
+                    React.createElement(Text, { secondary: true },
+                        t('cairo.table.saveViewModal.body'),
+                        state.learnMoreLink && (React.createElement(React.Fragment, null,
+                            ' ',
+                            React.createElement(TextButton, { as: "a", rel: "noopener", target: "_blank", href: state.learnMoreLink, dataHook: "save-view-modal-learn-more-link" }, t('cairo.table.saveViewModal.learnMoreLink')))))), primaryButtonText: submitted ? undefined : t('cairo.saveViewModal.saveButton'), primaryButtonProps: {
+                    children: submitted && (React.createElement(TextWidthLoader, { size: "tiny", text: t('cairo.saveViewModal.saveButton') })),
+                }, primaryButtonOnClick: primaryButtonOnClick, secondaryButtonText: t('cairo.saveViewModal.cancelButton'), secondaryButtonOnClick: onCloseModal, onCloseButtonClick: onCloseModal, dataHook: "save-view-modal", width: "510px" },
+                React.createElement(Layout, null,
+                    React.createElement(Cell, null,
+                        React.createElement(FormField, { label: t('cairo.table.saveViewModal.nameLabel'), dataHook: "save-view-modal-form-field" },
+                            React.createElement(Input, { autoFocus: true, placeholder: (_b = state.viewNamePlaceholder) !== null && _b !== void 0 ? _b : t('cairo.table.saveViewModal.placeholder'), dataHook: "save-view-modal-input", value: nameInputValue, onChange: (e) => setNameInputValue(e.target.value), status: nameInputStatus, statusMessage: statusMessage, maxLength: 50 }))))))));
+}
+export const CollectionSaveViewModal = observer(_CollectionSaveViewModal);
+//# sourceMappingURL=CollectionSaveViewModal.js.map

package/dist/esm/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.js.map

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

package/dist/esm/components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.uni.driver.js

@@ -0,0 +1,32 @@
+import { CustomModalLayoutUniDriver, FormFieldUniDriver, InputUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export const CollectionSaveViewModalUniDriver = (base, body) => {
+    const getModalBase = () => body.$('[data-hook="save-view-modal"]');
+    const saveViewModalDriver = () => CustomModalLayoutUniDriver(getModalBase(), body);
+    const viewNameFormFiledDriver = () => FormFieldUniDriver(body.$('[data-hook="save-view-modal-form-field"]'), body);
+    const viewNameInputDriver = () => InputUniDriver(body.$('[data-hook="save-view-modal-input"]'), body);
+    const getSaveButton = () => {
+        return saveViewModalDriver().getPrimaryButtonDriver();
+    };
+    const getCancelButton = () => {
+        return saveViewModalDriver().getSecondaryButtonDriver();
+    };
+    const getLearnMoreButton = () => TextButtonUniDriver(body.$('[data-hook="save-view-modal-learn-more-link"]'), body);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { exists: () => saveViewModalDriver().exists(), getTitle: () => saveViewModalDriver().getTitleText(), getSubTitle: () => saveViewModalDriver().getSubtitleText(), getSaveButtonText: async () => {
+            const saveButton = await getSaveButton();
+            return saveButton.getButtonTextContent();
+        }, isSaveButtonDisabled: async () => {
+            const saveButton = await getSaveButton();
+            return saveButton.isButtonDisabled();
+        }, clickSaveButton: async () => {
+            const saveButton = await getSaveButton();
+            await saveButton.click();
+        }, getCancelButtonText: async () => {
+            const cancelButton = await getCancelButton();
+            return cancelButton.getButtonTextContent();
+        }, clickCancelButton: async () => {
+            const cancelButton = await getCancelButton();
+            await cancelButton.click();
+        }, clickCloseButton: () => saveViewModalDriver().clickCloseButton(), viewNameFormFieldExists: () => viewNameFormFiledDriver().exists(), getViewNameInputValue: () => viewNameInputDriver().getValue(), getViewNameFormFieldTitle: () => viewNameFormFiledDriver().getLabel(), getViewNameInputPlaceholder: () => viewNameInputDriver().getPlaceholder(), fillViewNameInput: (value) => viewNameInputDriver().enterText(value), getViewNameInputStatusMessage: () => viewNameInputDriver().getStatusMessage(), getViewNameHasErrorStatus: () => viewNameInputDriver().hasStatus('error'), getLearnMoreButton });
+};
+//# sourceMappingURL=CollectionSaveViewModal.uni.driver.js.map