@wix/patterns 0.8.0

package/dist/esm/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.js

@@ -0,0 +1,63 @@
+import React, { useCallback } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { Box, Loader, Popover, SelectorList, Tag } from '@wix/design-system';
+import { CreateTagButton } from './CreateTagButton';
+import { EmptyState } from './EmptyState';
+import { Footer } from './Footer';
+import { TAG_MAX_LENGTH } from '@wix/bex-core';
+import { minimalRequiredWdsRuntimeCheck } from '../../../minimalRequiredWdsRuntimeCheck';
+export const _BulkAssignTagsPopover = ({ state, popoverElement, }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const closePopover = useCallback(() => {
+        state.closePopover();
+    }, [state]);
+    const handleItemSelect = useCallback((item) => {
+        state.handleItemSelect(item.id);
+    }, [state]);
+    if (process.env.NODE_ENV !== 'production') {
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.76.1',
+            requiredBy: 'Cairo/BulkAssignTagsPopover',
+        });
+    }
+    const selectorListDataSource = (searchQuery) => {
+        state.handleSearchChange(searchQuery);
+        const filteredOptions = state.tagOptions.filter((tag) => {
+            return tag.name.toLowerCase().includes(searchQuery);
+        });
+        if (filteredOptions.length === 0 && searchQuery.length > TAG_MAX_LENGTH) {
+            const truncatedTag = state.tagOptions.find((tag) => {
+                var _a;
+                return ((_a = tag.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) ===
+                    searchQuery.substring(0, TAG_MAX_LENGTH).toLowerCase();
+            });
+            if (truncatedTag) {
+                filteredOptions.push(truncatedTag);
+            }
+        }
+        const items = filteredOptions.map((tag, idx) => ({
+            id: tag.id,
+            title: (React.createElement(Tag, { id: tag.id, removable: false, maxWidth: "198px", dataHook: `bulk-assign-tags-tag-${idx}` }, tag.name)),
+            selected: state.assignedWithOptimisticTagIds.includes(tag.id),
+            indeterminate: state.indeterminateTagIds.includes(tag.id),
+        }));
+        return Promise.resolve({
+            items,
+            totalCount: items.length,
+        });
+    };
+    return (React.createElement(Popover, { showArrow: true, shown: state.isShown, appendTo: "window", placement: "bottom", width: "304px", onClickOutside: closePopover, dataHook: "bulk-assign-tags-popover" },
+        React.createElement(Popover.Element, null, popoverElement),
+        React.createElement(Popover.Content, null,
+            React.createElement(Box, { height: "270px", direction: "vertical" },
+                state.isLoading && (React.createElement(Box, { align: "center", verticalAlign: "middle", flex: 1 },
+                    React.createElement(Loader, { dataHook: "bulk-assign-tags-loading-state" }))),
+                !state.isLoading && (React.createElement(SelectorList, { key: state.tagsManagementState.items.length, dataHook: "bulk-assign-tags-selector-list", dataSource: selectorListDataSource, emptyState: React.createElement(EmptyState, { state: state }), size: "small", searchPlaceholder: state.isInEmptyState
+                        ? t('cairo.tags.collectionPage.popover.emptyState.search.placeholder')
+                        : t('cairo.tags.collectionPage.popover.search.placeholder'), renderNoResults: (searchValue) => (React.createElement(Box, { padding: "SP2 SP5" },
+                        React.createElement(CreateTagButton, { state: state, searchValue: searchValue }))), multiple: true, onSelect: handleItemSelect, height: "216px" })),
+                React.createElement(Footer, { state: state })))));
+};
+export const BulkAssignTagsPopover = observer(_BulkAssignTagsPopover);
+//# sourceMappingURL=BulkAssignTagsPopover.js.map

package/dist/esm/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.js.map

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

package/dist/esm/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver.js

@@ -0,0 +1,34 @@
+import { baseUniDriverFactory } from '../../../unidriver';
+import { ButtonUniDriver, EmptyStateUniDriver, LoaderUniDriver, PopoverUniDriver, SearchUniDriver, SelectorListUniDriver, TagUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { ManageTagsModalUniDriver } from '../ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';
+export function BulkAssignTagsPopoverUniDriver(base, body) {
+    const popoverBase = () => PopoverUniDriver(base.$('[data-hook="bulk-assign-tags-popover"]'), body);
+    const getContentElement = async () => popoverBase().getContentElementUniDriver();
+    const getInnerPopoverDriver = async (dataHook, driverConstructor) => {
+        const contentElement = await getContentElement();
+        return driverConstructor(contentElement.$(`[data-hook=${dataHook}]`), body);
+    };
+    const getTagsListDriver = async () => getInnerPopoverDriver('bulk-assign-tags-selector-list', SelectorListUniDriver);
+    const getCloseButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-close-button', ButtonUniDriver);
+    const getApplyButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-apply-button', ButtonUniDriver);
+    const getCreateTagButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-create-tag-button', ButtonUniDriver);
+    const getManageTagsButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-manage-tags-button', TextButtonUniDriver);
+    const getEmptyStateDriver = async () => getInnerPopoverDriver('bulk-assign-tags-empty-state', EmptyStateUniDriver);
+    const getErrorStateDriver = async () => getInnerPopoverDriver('bulk-assign-tags-error-state', EmptyStateUniDriver);
+    const getErrorStateRetryButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-error-state-retry-button', ButtonUniDriver);
+    const getLoaderDriver = async () => getInnerPopoverDriver('bulk-assign-tags-loading-state', LoaderUniDriver);
+    const enterSearchValue = async (value) => {
+        const contentElement = await getContentElement();
+        const tagsListDriver = await getTagsListDriver();
+        const isEmptyState = await tagsListDriver.showsEmptyState();
+        if (isEmptyState) {
+            await SearchUniDriver(contentElement.$('[data-hook="bulk-assign-tags-empty-state-search"]'), body).inputDriver.enterText(value);
+        }
+        else {
+            await tagsListDriver.enterSearchValue(value);
+        }
+    };
+    const getTagDriverAt = async (idx) => getInnerPopoverDriver(`bulk-assign-tags-tag-${idx}`, TagUniDriver);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { popoverExists: () => popoverBase().exists(), clickOutside: () => popoverBase().clickOutside(), tagsSelectorlistExist: async () => (await getTagsListDriver()).exists(), enterSearchValue, clickSearchInputClear: async () => (await getTagsListDriver()).clickSearchInputClear(), isSelectorCheckedAt: async (idx) => (await getTagsListDriver()).isSelectorCheckedAt(idx), isSelectorIsIndeterminateAt: async (idx) => (await getTagsListDriver()).isSelectorIsIndeterminateAt(idx), tagsListExists: async () => (await getTagsListDriver()).listExists(), numberOfItemsInList: async () => (await getTagsListDriver()).numberOfItemsInList(), getTagLabelAt: async (idx) => (await getTagDriverAt(idx)).getLabel(), toggleSelectorAt: async (idx) => (await getTagsListDriver()).toggleSelectorAt(idx), closeButtonExists: async () => (await getCloseButtonDriver()).exists(), clickCloseButton: async () => (await getCloseButtonDriver()).click(), applyButtonExists: async () => (await getApplyButtonDriver()).exists(), clickApplyButton: async () => (await getApplyButtonDriver()).click(), createTagButtonExists: async () => (await getCreateTagButtonDriver()).exists(), clickCreateTagButton: async () => (await getCreateTagButtonDriver()).click(), manageTagsButtonExists: async () => (await getManageTagsButtonDriver()).exists(), clickManageTagsButton: async () => (await getManageTagsButtonDriver()).click(), manageTagsModal: () => ManageTagsModalUniDriver(base, body), emptyStateExists: async () => (await getEmptyStateDriver()).exists(), errorStateExists: async () => (await getErrorStateDriver()).exists(), errorStateRetryButtonExists: async () => (await getErrorStateRetryButtonDriver()).exists(), clickErrorStateRetryButton: async () => (await getErrorStateRetryButtonDriver()).click(), isLoading: async () => (await getLoaderDriver()).exists(), isContentElementExists: () => popoverBase().isContentElementExists(), getContentElement: () => popoverBase().getContentElement() });
+}
+//# sourceMappingURL=BulkAssignTagsPopover.uni.driver.js.map

package/dist/esm/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver.js.map

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

package/dist/esm/components/Tags/BulkAssignTagsPopover/CreateTagButton.js

@@ -0,0 +1,16 @@
+import React, { useCallback } from 'react';
+import { TextButton, Box } from '@wix/design-system';
+import { Add as AddIcon } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { TAG_MAX_LENGTH } from '@wix/bex-core';
+export const CreateTagButton = ({ state, searchValue, }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const createAndAssignTag = useCallback((tagName) => {
+        state.createAndAssignTag(tagName);
+    }, [state]);
+    return (React.createElement(Box, { height: "18px", width: "100%" },
+        React.createElement(TextButton, { dataHook: "bulk-assign-tags-create-tag-button", prefixIcon: React.createElement(AddIcon, null), onClick: () => createAndAssignTag(searchValue), size: "small", ellipsis: true }, t('cairo.tags.collectionPage.popover.create.CTA', {
+            tagName: searchValue.slice(0, TAG_MAX_LENGTH),
+        }))));
+};
+//# sourceMappingURL=CreateTagButton.js.map

package/dist/esm/components/Tags/BulkAssignTagsPopover/CreateTagButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateTagButton.js","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/CreateTagButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAc,cAAc,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAA0B,EACvD,KAAK,EACL,WAAW,GACgB,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,OAAO,EAAE,EAAE;QACV,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;QAC7B,oBAAC,UAAU,IACT,QAAQ,EAAC,oCAAoC,EAC7C,UAAU,EAAE,oBAAC,OAAO,OAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAC9C,IAAI,EAAC,OAAO,EACZ,QAAQ,UAEP,CAAC,CAAC,8CAA8C,EAAE;YACjD,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC;SAC9C,CAAC,CACS,CACT,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Tags/BulkAssignTagsPopover/EmptyState.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Search, TextButton, EmptyState as WSREmptyState, } from '@wix/design-system';
+import { Refresh as RefreshIcon } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CreateTagButton } from './CreateTagButton';
+const _EmptyState = ({ state, }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const handleEmptyStateSearchChange = useCallback((e) => {
+        const value = e.target.value;
+        state.handleSearchChange(value);
+    }, [state.handleSearchChange]);
+    const retry = useCallback(() => {
+        state.retry();
+    }, [state.retry]);
+    return (React.createElement(Box, { direction: "vertical", boxSizing: "border-box", height: "100%" },
+        state.isInEmptyState && (React.createElement(Box, { direction: "vertical", padding: "SP5 SP5 0" },
+            React.createElement(Box, null,
+                React.createElement(Search, { dataHook: "bulk-assign-tags-empty-state-search", placeholder: t('cairo.tags.collectionPage.popover.emptyState.search.placeholder'), onChange: handleEmptyStateSearchChange })),
+            !!state.searchValue && (React.createElement(Box, { marginTop: "SP4" },
+                React.createElement(CreateTagButton, { state: state, searchValue: state.searchValue }))))),
+        state.isError && (React.createElement(Box, { height: "100%", verticalAlign: "middle" },
+            React.createElement(WSREmptyState, { dataHook: "bulk-assign-tags-error-state", theme: "page-no-border", subtitle: t('cairo.tags.collectionPage.popover.loadTags.error.body') },
+                React.createElement(TextButton, { dataHook: "bulk-assign-tags-error-state-retry-button", prefixIcon: React.createElement(RefreshIcon, null), onClick: retry }, t('cairo.tags.loadTags.error.CTA'))))),
+        state.isInEmptyState && !state.searchValue && (React.createElement(WSREmptyState, { dataHook: "bulk-assign-tags-empty-state", theme: "page-no-border", subtitle: t('cairo.tags.collectionPage.popover.emptyState.body') }))));
+};
+export const EmptyState = observer(_EmptyState);
+//# sourceMappingURL=EmptyState.js.map

package/dist/esm/components/Tags/BulkAssignTagsPopover/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,UAAU,IAAI,aAAa,GAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,MAAM,WAAW,GAAG,CAA0B,EAC5C,KAAK,GACiB,EAAE,EAAE;IAC1B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,4BAA4B,GAAG,WAAW,CAC9C,CAAC,CAAsC,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAC3B,CAAC;IAEF,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM;QAC3D,KAAK,CAAC,cAAc,IAAI,CACvB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW;YAC3C,oBAAC,GAAG;gBACF,oBAAC,MAAM,IACL,QAAQ,EAAC,qCAAqC,EAC9C,WAAW,EAAE,CAAC,CACZ,iEAAiE,CAClE,EACD,QAAQ,EAAE,4BAA4B,GAC9B,CACN;YACL,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACtB,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;gBAClB,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CAC7D,CACP,CACG,CACP;QACA,KAAK,CAAC,OAAO,IAAI,CAChB,oBAAC,GAAG,IAAC,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ;YACvC,oBAAC,aAAa,IACZ,QAAQ,EAAC,8BAA8B,EACvC,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,CAAC,CACT,uDAAuD,CACxD;gBAED,oBAAC,UAAU,IACT,QAAQ,EAAC,2CAA2C,EACpD,UAAU,EAAE,oBAAC,WAAW,OAAG,EAC3B,OAAO,EAAE,KAAK,IAEb,CAAC,CAAC,+BAA+B,CAAC,CACxB,CACC,CACZ,CACP;QACA,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAC7C,oBAAC,aAAa,IACZ,QAAQ,EAAC,8BAA8B,EACvC,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,CAAC,CAAC,mDAAmD,CAAC,GAChE,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC"}

package/dist/esm/components/Tags/BulkAssignTagsPopover/Footer.js

@@ -0,0 +1,23 @@
+import React, { useCallback } from 'react';
+import { Box, Button, Divider, TextButton } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+const _Footer = ({ state }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const closePopover = useCallback(() => {
+        state.closePopover();
+    }, [state]);
+    const applyChanges = useCallback(() => {
+        state.applyChanges();
+    }, [state]);
+    const handleManageTagsCtaClick = useCallback(() => {
+        state.handleManageTagsCtaClick();
+    }, [state]);
+    return (React.createElement(Box, { height: "54px", width: "100%", direction: "vertical" },
+        React.createElement(Divider, null),
+        React.createElement(Box, { height: "100%", align: "space-between", verticalAlign: "middle", padding: "0 SP3" },
+            !state.isLoading && !state.isError && (React.createElement(TextButton, { dataHook: "bulk-assign-tags-manage-tags-button", size: "small", onClick: handleManageTagsCtaClick }, t('cairo.tags.collectionPage.popover.manage.CTA'))),
+            React.createElement(Box, { marginLeft: "auto" }, state.isDirty ? (React.createElement(Button, { onClick: applyChanges, dataHook: "bulk-assign-tags-apply-button" }, t('cairo.tags.collectionPage.applyChanges.CTA'))) : (React.createElement(Button, { onClick: closePopover, dataHook: "bulk-assign-tags-close-button" }, t('cairo.tags.collectionPage.popover.close.CTA')))))));
+};
+export const Footer = observer(_Footer);
+//# sourceMappingURL=Footer.js.map

package/dist/esm/components/Tags/BulkAssignTagsPopover/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,MAAM,OAAO,GAAG,CAA0B,EAAE,KAAK,EAAqB,EAAE,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,KAAK,CAAC,YAAY,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,KAAK,CAAC,YAAY,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,KAAK,CAAC,wBAAwB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU;QAClD,oBAAC,OAAO,OAAG;QACX,oBAAC,GAAG,IACF,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,eAAe,EACrB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO;YAEd,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CACrC,oBAAC,UAAU,IACT,QAAQ,EAAC,qCAAqC,EAC9C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,wBAAwB,IAEhC,CAAC,CAAC,8CAA8C,CAAC,CACvC,CACd;YACD,oBAAC,GAAG,IAAC,UAAU,EAAC,MAAM,IACnB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAC,+BAA+B,IAEvC,CAAC,CAAC,4CAA4C,CAAC,CACzC,CACV,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAC,+BAA+B,IAEvC,CAAC,CAAC,6CAA6C,CAAC,CAC1C,CACV,CACG,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC"}

package/dist/esm/components/Tags/BulkAssignTagsPopover/index.js

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

package/dist/esm/components/Tags/BulkAssignTagsPopover/index.js.map

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

package/dist/esm/components/Tags/ManageTags/CollectionManageTagsModal.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useToolbarCollectionContext } from '../../ToolbarCollectionContext';
+import { ManageTagsModal } from './ManageTagsModal/ManageTagsModal';
+export const CollectionManageTagsModal = () => {
+    var _a;
+    const toolbarState = useToolbarCollectionContext();
+    const tagsModalState = (_a = toolbarState.tagsCollectionState) === null || _a === void 0 ? void 0 : _a.tagsModalState;
+    if (!tagsModalState) {
+        return null;
+    }
+    return React.createElement(ManageTagsModal, { state: tagsModalState });
+};
+//# sourceMappingURL=CollectionManageTagsModal.js.map

package/dist/esm/components/Tags/ManageTags/CollectionManageTagsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionManageTagsModal.js","sourceRoot":"","sources":["../../../../../src/components/Tags/ManageTags/CollectionManageTagsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;;IAC5C,MAAM,YAAY,GAAG,2BAA2B,EAAE,CAAC;IACnD,MAAM,cAAc,GAAG,MAAA,YAAY,CAAC,mBAAmB,0CAAE,cAAc,CAAC;IACxE,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,oBAAC,eAAe,IAAC,KAAK,EAAE,cAAc,GAAI,CAAC;AACpD,CAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/List/TagListItemEditable.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Text } from '@wix/design-system';
+import { TagItemEditable } from '../TagItemEditable';
+import { CollectionActionModal } from '../../../../CollectionActionModal';
+import { Trans } from '../../../../Trans';
+import { observer } from 'mobx-react-lite';
+import { TAG_MAX_LENGTH } from '@wix/bex-core';
+const _TagListItemEditable = ({ state, tag, isLastTag, }) => {
+    const onCancel = () => {
+        state.handleCancelEditCtaClick();
+    };
+    const onApprove = async (newName) => {
+        await state.updateTag({ tag, newName, isLastTag });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TagItemEditable, { tagName: tag.name, isLastTag: isLastTag, errorMessage: state.editedTagErrorMessage, onApprove: onApprove, onCancel: onCancel, maxLength: TAG_MAX_LENGTH }),
+        state.confirmModalState.value && (React.createElement(CollectionActionModal, Object.assign({ dataHook: "manage-tags-modal-confirm-delete-modal", state: state.confirmModalState, content: React.createElement(Trans, { i18nKey: "cairo.tags.manageTags.modal.deleteModal.body", values: { name: tag.name }, components: {
+                    text: React.createElement(Text, null),
+                    name: React.createElement(Text, { weight: "bold" }),
+                } }) }, state.confirmModalState.value)))));
+};
+export const TagListItemEditable = observer(_TagListItemEditable);
+//# sourceMappingURL=TagListItemEditable.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/List/TagListItemEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagListItemEditable.js","sourceRoot":"","sources":["../../../../../../../src/components/Tags/ManageTags/ManageTagsModal/List/TagListItemEditable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C,MAAM,oBAAoB,GAAG,CAAC,EAC5B,KAAK,EACL,GAAG,EACH,SAAS,GACgB,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,KAAK,CAAC,wBAAwB,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,EAAE,OAAe,EAAE,EAAE;QAC1C,MAAM,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,eAAe,IACd,OAAO,EAAE,GAAG,CAAC,IAAK,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,CAAC,qBAAqB,EACzC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,GACzB;QAED,KAAK,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAChC,oBAAC,qBAAqB,kBACpB,QAAQ,EAAC,wCAAwC,EACjD,KAAK,EAAE,KAAK,CAAC,iBAAiB,EAC9B,OAAO,EACL,oBAAC,KAAK,IACJ,OAAO,EAAC,8CAA8C,EACtD,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,EAC1B,UAAU,EAAE;oBACV,IAAI,EAAE,oBAAC,IAAI,OAAG;oBACd,IAAI,EAAE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,GAAG;iBAC7B,GACD,IAEA,KAAK,CAAC,iBAAiB,CAAC,KAAK,EACjC,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/List/TagListItemView.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { TableListItem, Tag as TagComponent, IconButton, Box, Tooltip, } from '@wix/design-system';
+import { DeleteSmall, EditSmall } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export const TagsListItemView = ({ state, tag, isLastTag, }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const handleEditClick = () => {
+        state.handleEditCtaClick(tag);
+    };
+    const handleDeleteClick = () => {
+        state.deleteTag(tag);
+    };
+    return (React.createElement(TableListItem, { dataHook: "manage-tags-modal-tag-row", options: [
+            {
+                value: (React.createElement(TagComponent, { id: tag.id, removable: false, ellipsisProps: { enterDelay: 500 }, dataHook: "manage-tags-modal-tag" }, tag.name)),
+                width: '1fr',
+                align: 'left',
+            },
+            {
+                value: (React.createElement(Box, { gap: "SP2", align: "right" },
+                    React.createElement(Tooltip, { content: t('cairo.tags.manageTags.modal.list.action.rename.CTA') },
+                        React.createElement(IconButton, { dataHook: "manage-tags-modal-tag-action-edit", size: "small", priority: "secondary", onClick: handleEditClick },
+                            React.createElement(EditSmall, null))),
+                    React.createElement(Tooltip, { content: t('cairo.tags.manageTags.modal.list.action.delete.CTA') },
+                        React.createElement(IconButton, { dataHook: "manage-tags-modal-tag-action-delete", size: "small", priority: "secondary", onClick: handleDeleteClick },
+                            React.createElement(DeleteSmall, null))))),
+                width: 'max-content',
+                align: 'right',
+            },
+        ], verticalPadding: "tiny", showDivider: !isLastTag }));
+};
+//# sourceMappingURL=TagListItemView.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/List/TagListItemView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagListItemView.js","sourceRoot":"","sources":["../../../../../../../src/components/Tags/ManageTags/ManageTagsModal/List/TagListItemView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,GAAG,IAAI,YAAY,EACnB,UAAU,EACV,GAAG,EACH,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAU9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,GAAG,EACH,SAAS,GACa,EAAE,EAAE;IAC1B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAC,2BAA2B,EACpC,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,CACL,oBAAC,YAAY,IACX,EAAE,EAAE,GAAG,CAAC,EAAG,EACX,SAAS,EAAE,KAAK,EAChB,aAAa,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAClC,QAAQ,EAAC,uBAAuB,IAE/B,GAAG,CAAC,IAAI,CACI,CAChB;gBACD,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO;oBAC1B,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,CACR,oDAAoD,CACrD;wBAED,oBAAC,UAAU,IACT,QAAQ,EAAC,mCAAmC,EAC5C,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,eAAe;4BAExB,oBAAC,SAAS,OAAG,CACF,CACL;oBACV,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,CACR,oDAAoD,CACrD;wBAED,oBAAC,UAAU,IACT,QAAQ,EAAC,qCAAqC,EAC9C,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,iBAAiB;4BAE1B,oBAAC,WAAW,OAAG,CACJ,CACL,CACN,CACP;gBACD,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,OAAO;aACf;SACF,EACD,eAAe,EAAC,MAAM,EACtB,WAAW,EAAE,CAAC,SAAS,GACvB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/List/TagsListItem.js

@@ -0,0 +1,10 @@
+import React, { useMemo } from 'react';
+import { TagsListItemView } from './TagListItemView';
+import { TagListItemEditable } from './TagListItemEditable';
+import { observer } from 'mobx-react-lite';
+export const _TagsListItem = ({ state, tag, isLastTag }) => {
+    const viewMode = useMemo(() => (tag === null || tag === void 0 ? void 0 : tag.id) !== state.editedTagId, [state.editedTagId, tag]);
+    return viewMode && tag ? (React.createElement(TagsListItemView, { state: state, tag: tag, isLastTag: isLastTag })) : (React.createElement(TagListItemEditable, { state: state, tag: tag, isLastTag: isLastTag }));
+};
+export const TagsListItem = observer(_TagsListItem);
+//# sourceMappingURL=TagsListItem.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/List/TagsListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsListItem.js","sourceRoot":"","sources":["../../../../../../../src/components/Tags/ManageTags/ManageTagsModal/List/TagsListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAQ3C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAqB,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,MAAK,KAAK,CAAC,WAAW,EACnC,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,CAAC,CACzB,CAAC;IAEF,OAAO,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,CACvB,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,CACnE,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,CACtE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js

@@ -0,0 +1,76 @@
+import React, { useCallback, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomModalLayout, Modal, Box, TextButton, AddItem, Text, Divider, Search, } from '@wix/design-system';
+import { Add } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { TagsListItem } from './List/TagsListItem';
+import { st, classes } from './ManageTagsModal.st.css.js';
+import { ScrollableContent } from '../../../ScrollableContent';
+import { CollectionActionModal } from '../../../CollectionActionModal';
+import { Trans } from '../../../Trans';
+import { NewTagItemEditable } from './NewTagItemEditable';
+import { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';
+import { ManageTagsNotification } from './ManageTagsNotification';
+import { TAG_MAX_LENGTH } from '@wix/bex-core';
+const ManageTagsModalComponent = ({ state }) => {
+    var _a;
+    if (process.env.NODE_ENV !== 'production') {
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.72.0',
+            requiredBy: 'Cairo/ManageTagsModal',
+        });
+    }
+    const { translate: t } = useWixPatternsContainer();
+    state.ref = useRef(null);
+    const closeModal = useCallback(() => {
+        state.closeManageTagsModal();
+    }, [state]);
+    const handleCreateClick = useCallback(() => {
+        state.handleCreateCtaClick();
+    }, [state]);
+    const handleCreateTagFromSearch = useCallback(() => {
+        state.createTagFromSearch();
+    }, [state]);
+    const handleSearchClear = useCallback(() => {
+        state.handleSearchClear();
+    }, [state]);
+    const handleSearchChange = useCallback((event) => {
+        const newSearchValue = event.target.value;
+        state.handleSearchChange(newSearchValue);
+    }, [state]);
+    const handleNotificationClose = useCallback((toastConfig) => {
+        state.hideNotification(toastConfig);
+    }, [state]);
+    return (React.createElement(Modal, { isOpen: state.isOpen, onRequestClose: closeModal, shouldCloseOnOverlayClick: true, dataHook: "manage-tags-modal" },
+        React.createElement(Box, { width: 510 },
+            React.createElement(CustomModalLayout, { className: st(classes.root), overflowY: "visible", showFooterDivider: true, removeContentPadding: true, title: t('cairo.tags.manageTags.modal.title', {
+                    EntityName: state.entityTypeName,
+                }), subtitle: t('cairo.tags.manageTags.modal.subtitle'), sideActions: React.createElement(Box, null,
+                    React.createElement(TextButton, { dataHook: "manage-tags-modal-create-btn", size: "small", prefixIcon: React.createElement(Add, null), onClick: handleCreateClick, disabled: state.isShowingNewTagListItem }, t('cairo.tags.manageTags.modal.add.CTA'))), primaryButtonText: t('cairo.tags.manageTags.modal.close.CTA'), primaryButtonOnClick: closeModal, onCloseButtonClick: closeModal, dataHook: "manage-tags-modal-layout" },
+                React.createElement(Box, { direction: "vertical", height: "100%", flex: 1 },
+                    state.toastConfig && (React.createElement(Box, { position: "absolute", top: "18px", left: "50%", transform: "translateX(-50%)", maxWidth: "388px" },
+                        React.createElement(ManageTagsNotification, { toastConfig: state.toastConfig, onClose: handleNotificationClose, dataHook: "manage-tags-modal-notification" }))),
+                    React.createElement(Box, { direction: "vertical", gap: "SP2" },
+                        React.createElement(Box, { padding: "0 SP4" },
+                            React.createElement(Search, { autoFocus: true, dataHook: "manage-tags-modal-search", onChange: handleSearchChange, value: state.searchValue, placeholder: t('cairo.tags.manageTags.modal.search.placeholder'), onEnterPressed: handleCreateTagFromSearch, onClear: handleSearchClear })),
+                        React.createElement(Divider, null)),
+                    React.createElement(Box, { direction: "vertical", maxHeight: 446, minHeight: 225, dataHook: "manage-tags-modal-tags-list", overflowY: "auto", paddingBottom: "SP1" },
+                        React.createElement(ScrollableContent, { overflowY: true, smooth: true, ref: state.ref },
+                            state.searchValue && state.shownItems.length === 0 && (React.createElement("div", null,
+                                React.createElement(AddItem, { theme: "plain", size: "tiny", alignItems: "left", onClick: handleCreateTagFromSearch, dataHook: "manage-tags-modal-list-add" },
+                                    React.createElement(Text, { skin: "primary" },
+                                        React.createElement(Trans, { i18nKey: "cairo.tags.manageTags.modal.list.create.CTA", values: {
+                                                tagName: `${state.searchValue.slice(0, TAG_MAX_LENGTH)}`,
+                                            }, components: {
+                                                name: React.createElement(Text, { weight: "bold", skin: "primary" }),
+                                            } }))))),
+                            state.shownItems.map((tag, idx) => (React.createElement(TagsListItem, { state: state, key: tag.id, tag: tag, isLastTag: !state.isShowingNewTagListItem &&
+                                    idx === state.shownItems.length - 1 }))),
+                            state.isShowingNewTagListItem && (React.createElement(NewTagItemEditable, { state: state }))))))),
+        state.confirmModalState.value && (React.createElement(CollectionActionModal, Object.assign({ dataHook: "manage-tags-modal-confirm-delete-modal", state: state.confirmModalState, content: React.createElement(Trans, { i18nKey: "cairo.tags.manageTags.modal.deleteModal.body", values: { name: (_a = state.tagToDelete) === null || _a === void 0 ? void 0 : _a.name }, components: {
+                    text: React.createElement(Text, null),
+                    name: React.createElement(Text, { weight: "bold" }),
+                } }) }, state.confirmModalState.value)))));
+};
+export const ManageTagsModal = observer(ManageTagsModalComponent);
+//# sourceMappingURL=ManageTagsModal.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js.map

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

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css

@@ -0,0 +1,3 @@
+.root {
+  display: flex;
+}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

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

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageTagsModal.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,CAAC;AAC/D,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver.js

@@ -0,0 +1,43 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+import { CustomModalLayoutUniDriver, TagUniDriver, SearchUniDriver, AddItemUniDriver, ListItemEditableUniDriver, TextButtonUniDriver, FormFieldUniDriver, IconButtonUniDriver, MessageModalLayoutUniDriver, FloatingNotificationUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function ManageTagsModalUniDriver(base, body) {
+    const modalBase = () => body.$(`[data-hook="manage-tags-modal-layout"]`);
+    const getManageTagsModal = () => CustomModalLayoutUniDriver(modalBase(), body);
+    const exists = () => getManageTagsModal().exists();
+    const getModalTitle = () => getManageTagsModal().getTitleText();
+    const getTags = () => body.$$(`[data-hook="manage-tags-modal-tag"]`);
+    const getTagsCount = () => getTags().count();
+    const getTagByIdx = (idx) => TagUniDriver(getTags().get(idx), body);
+    const getTagById = (tagId) => TagUniDriver(body.$(`[id="${tagId}"]`), body);
+    const getTagRows = () => body.$$(`[data-hook="manage-tags-modal-tag-row"]`);
+    const getTagRowByIdx = (idx) => getTagRows().get(idx);
+    const clickTagRenameButtonByIdx = (idx) => IconButtonUniDriver(getTagRowByIdx(idx).$(`[data-hook="manage-tags-modal-tag-action-edit"]`), body).click();
+    const clickTagDeleteButtonByIdx = (idx) => IconButtonUniDriver(getTagRowByIdx(idx).$(`[data-hook="manage-tags-modal-tag-action-delete"]`), body).click();
+    const getCreateBtnDriver = () => TextButtonUniDriver(body.$(`[data-hook="manage-tags-modal-create-btn"]`), body);
+    const getNotificationDriver = () => FloatingNotificationUniDriver(body.$(`[data-hook="manage-tags-modal-notification"]`), body);
+    const clickCloseButton = async () => {
+        await getManageTagsModal().clickCloseButton();
+    };
+    const getSearchDriver = () => SearchUniDriver(body.$('[data-hook="manage-tags-modal-search"]'), body);
+    const getAddItem = () => AddItemUniDriver(body.$(`[data-hook="manage-tags-modal-list-add"]`), body);
+    const getFormField = () => FormFieldUniDriver(body.$(`[data-hook="manage-tags-modal-tag-form-field"]`), body);
+    const getListItemEditable = () => ListItemEditableUniDriver(body.$(`[data-hook="manage-tags-modal-tag-editable"]`), body);
+    const getMessageModalLayout = () => MessageModalLayoutUniDriver(body.$(`[data-hook="manage-tags-modal-confirm-delete-modal"]`), body);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { exists,
+        getTagsCount,
+        getTagByIdx,
+        getTagById,
+        getModalTitle,
+        getCreateBtnDriver,
+        getNotificationDriver,
+        clickCloseButton,
+        getSearchDriver,
+        getAddItem,
+        getFormField,
+        getListItemEditable,
+        clickTagRenameButtonByIdx,
+        clickTagDeleteButtonByIdx,
+        getTagRows,
+        getMessageModalLayout });
+}
+//# sourceMappingURL=ManageTagsModal.uni.driver.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver.js.map

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

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.js

@@ -0,0 +1,49 @@
+import React, { useMemo } from 'react';
+import { FloatingNotification, } from '@wix/design-system';
+import { InfoCircle, StatusComplete } from '@wix/wix-ui-icons-common';
+const toastTypeToNotificationType = {
+    SUCCESS: 'success',
+    ERROR: 'destructive',
+};
+const convertToastConfigToButtonProps = ({ toastConfig, onClose, }) => {
+    var _a;
+    return {
+        label: (_a = toastConfig.action) === null || _a === void 0 ? void 0 : _a.text,
+        onClick: () => {
+            var _a, _b, _c;
+            (_b = (_a = toastConfig.action) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
+            if ((_c = toastConfig.action) === null || _c === void 0 ? void 0 : _c.removeToastOnClick) {
+                onClose(toastConfig);
+            }
+        },
+    };
+};
+const toastTypeToIcon = {
+    SUCCESS: React.createElement(StatusComplete, null),
+    ERROR: React.createElement(InfoCircle, null),
+};
+export const ManageTagsNotification = ({ toastConfig, onClose, dataHook, }) => {
+    const notificationProps = useMemo(() => {
+        var _a, _b;
+        let type;
+        let prefixIcon;
+        if (toastConfig.type) {
+            type = toastTypeToNotificationType[toastConfig.type];
+            prefixIcon = toastTypeToIcon[toastConfig.type];
+        }
+        const buttonProps = convertToastConfigToButtonProps({
+            toastConfig,
+            onClose,
+        });
+        return {
+            type,
+            prefixIcon,
+            text: toastConfig.message,
+            buttonProps: ((_a = toastConfig.action) === null || _a === void 0 ? void 0 : _a.uiType) === 'BUTTON' ? buttonProps : undefined,
+            textButtonProps: ((_b = toastConfig.action) === null || _b === void 0 ? void 0 : _b.uiType) === 'LINK' ? buttonProps : undefined,
+            onClose: () => onClose(toastConfig),
+        };
+    }, [toastConfig, onClose]);
+    return React.createElement(FloatingNotification, Object.assign({ dataHook: dataHook }, notificationProps));
+};
+//# sourceMappingURL=ManageTagsNotification.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageTagsNotification.js","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,oBAAoB,GAGrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAQtE,MAAM,2BAA2B,GAE7B;IACF,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,MAAM,+BAA+B,GAAG,CAAC,EACvC,WAAW,EACX,OAAO,GAIR,EAAE,EAAE;;IACH,OAAO;QACL,KAAK,EAAE,MAAA,WAAW,CAAC,MAAM,0CAAE,IAAI;QAC/B,OAAO,EAAE,GAAG,EAAE;;YACZ,MAAA,MAAA,WAAW,CAAC,MAAM,0CAAE,OAAO,kDAAI,CAAC;YAEhC,IAAI,MAAA,WAAW,CAAC,MAAM,0CAAE,kBAAkB,EAAE;gBAC1C,OAAO,CAAC,WAAW,CAAC,CAAC;aACtB;QACH,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAEjB;IACF,OAAO,EAAE,oBAAC,cAAc,OAAG;IAC3B,KAAK,EAAE,oBAAC,UAAU,OAAG;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,OAAO,EACP,QAAQ,GACoB,EAAE,EAAE;IAChC,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;;QACrC,IAAI,IAAI,CAAC;QACT,IAAI,UAAU,CAAC;QACf,IAAI,WAAW,CAAC,IAAI,EAAE;YACpB,IAAI,GAAG,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACrD,UAAU,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAChD;QAED,MAAM,WAAW,GAAG,+BAA+B,CAAC;YAClD,WAAW;YACX,OAAO;SACR,CAAC,CAAC;QAEH,OAAO;YACL,IAAI;YACJ,UAAU;YACV,IAAI,EAAE,WAAW,CAAC,OAAO;YACzB,WAAW,EACT,CAAA,MAAA,WAAW,CAAC,MAAM,0CAAE,MAAM,MAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YACnE,eAAe,EACb,CAAA,MAAA,WAAW,CAAC,MAAM,0CAAE,MAAM,MAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YACjE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC;SACpC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,OAAO,oBAAC,oBAAoB,kBAAC,QAAQ,EAAE,QAAQ,IAAM,iBAAiB,EAAI,CAAC;AAC7E,CAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TagItemEditable } from './TagItemEditable';
+import { observer } from 'mobx-react-lite';
+import { TAG_MAX_LENGTH } from '@wix/bex-core';
+const _NewTagItemEditable = ({ state }) => {
+    const handleApprove = (name) => {
+        state.createTagFromList(name);
+    };
+    const handleCancel = () => {
+        state.handleCancelEditCtaClick();
+    };
+    return (React.createElement(TagItemEditable, { isLastTag: true, errorMessage: state.editedTagErrorMessage, onApprove: handleApprove, onCancel: handleCancel, maxLength: TAG_MAX_LENGTH }));
+};
+export const NewTagItemEditable = observer(_NewTagItemEditable);
+//# sourceMappingURL=NewTagItemEditable.js.map

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewTagItemEditable.js","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/NewTagItemEditable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;QACrC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,KAAK,CAAC,wBAAwB,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,eAAe,IACd,SAAS,QACT,YAAY,EAAE,KAAK,CAAC,qBAAqB,EACzC,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,cAAc,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.js

@@ -0,0 +1,17 @@
+import React, { useState } from 'react';
+import { TableListItem, ListItemEditable, FormField, Input, } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export const TagItemEditable = ({ tagName, isLastTag, errorMessage, onApprove, onCancel, maxLength, }) => {
+    var _a;
+    const { translate: t } = useWixPatternsContainer();
+    const [currentValueLength, setCurrentValueLength] = useState((_a = tagName === null || tagName === void 0 ? void 0 : tagName.length) !== null && _a !== void 0 ? _a : 0);
+    return (React.createElement(TableListItem, { options: [
+            {
+                value: (React.createElement(FormField, { dataHook: "manage-tags-modal-tag-form-field", status: errorMessage ? 'error' : undefined, statusMessage: errorMessage },
+                    React.createElement(ListItemEditable, { dataHook: "manage-tags-modal-tag-editable", value: tagName !== null && tagName !== void 0 ? tagName : '', onEnterPressed: (e) => {
+                            onApprove(e.currentTarget.value);
+                        }, onChange: (e) => setCurrentValueLength(e.target.value.length), onApprove: onApprove, onCancel: onCancel, placeholder: t('cairo.tags.manageTags.modal.list.input.placeholder'), cancelButtonTooltipContent: t('cairo.tags.manageTags.modal.list.input.cancel.CTA'), approveButtonTooltipContent: t('cairo.tags.manageTags.modal.list.input.save.CTA'), approveButtonDisabledOnEmpty: false, autoFocus: true, size: 'small', margins: 'none', suffix: React.createElement(Input.Affix, null, `${currentValueLength} / ${maxLength}`) }))),
+            },
+        ], verticalPadding: "tiny", showDivider: !isLastTag }));
+};
+//# sourceMappingURL=TagItemEditable.js.map