@wix/patterns 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagItemEditable.js","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,aAAa,EACb,gBAAgB,EAIhB,SAAS,EACT,KAAK,GACN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAW9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,GACY,EAAE,EAAE;;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,CACL,oBAAC,SAAS,IACR,QAAQ,EAAC,kCAAkC,EAC3C,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC1C,aAAa,EAAE,YAAY;oBAE3B,oBAAC,gBAAgB,IACf,QAAQ,EAAC,gCAAgC,EACzC,KAAK,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,EACpB,cAAc,EAAE,CAAC,CAAwC,EAAE,EAAE;4BAC3D,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBACnC,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAC7D,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,CACZ,oDAAoD,CACrD,EACD,0BAA0B,EAAE,CAAC,CAC3B,mDAAmD,CACpD,EACD,2BAA2B,EAAE,CAAC,CAC5B,iDAAiD,CAClD,EACD,4BAA4B,EAAE,KAAK,EACnC,SAAS,QACT,IAAI,EAAE,OAA+B,EACrC,OAAO,EAAE,MAAiC,EAC1C,MAAM,EACJ,oBAAC,KAAK,CAAC,KAAK,QACT,GAAG,kBAAkB,MAAM,SAAS,EAAE,CAC3B,GAEhB,CACQ,CACb;aACF;SACF,EACD,eAAe,EAAC,MAAM,EACtB,WAAW,EAAE,CAAC,SAAS,GACvB,CACH,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { useState } from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { TagsCollectionState } from '../../state/TagsCollectionState';
+export const Tags = ({ entityTypeName, columnConfig, bulkUpdateTags, }) => {
+    const toolbarCollectionState = useToolbarCollectionContext();
+    useState(() => {
+        var _a;
+        (_a = toolbarCollectionState.tagsCollectionState) !== null && _a !== void 0 ? _a : (toolbarCollectionState.tagsCollectionState = new TagsCollectionState({
+            toolbar: toolbarCollectionState,
+            columnConfig,
+            entityTypeName,
+            bulkUpdateTags,
+        }));
+        return toolbarCollectionState.tagsCollectionState;
+    });
+    return null;
+};
+//# sourceMappingURL=Tags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAyBtE,MAAM,CAAC,MAAM,IAAI,GAAG,CAA0B,EAC5C,cAAc,EACd,YAAY,EACZ,cAAc,GACD,EAAE,EAAE;IACjB,MAAM,sBAAsB,GAAG,2BAA2B,EAAQ,CAAC;IAEnE,QAAQ,CAAC,GAAG,EAAE;;QACZ,MAAA,sBAAsB,CAAC,mBAAmB,oCAA1C,sBAAsB,CAAC,mBAAmB,GAAK,IAAI,mBAAmB,CAGpE;YACA,OAAO,EAAE,sBAAsB;YAC/B,YAAY;YACZ,cAAc;YACd,cAAc;SACf,CAAC,EAAC;QACH,OAAO,sBAAsB,CAAC,mBAAmB,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/dist/esm/components/TagsAssignButton/TagsAssignButton.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Box, Button } from '@wix/design-system';
+import { TagSmall } from '@wix/wix-ui-icons-common';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { useWixPatternsContainer } from '../..';
+import { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';
+import { DisabledTooltip } from '../DisabledTooltip';
+export const TagsAssignButton = () => {
+    var _a;
+    const maxSelectedEntitiesNum = 100;
+    const toolbarCollectionState = useToolbarCollectionContext();
+    const { translate: t } = useWixPatternsContainer();
+    const { tagsBulkAssignPopoverState } = (_a = toolbarCollectionState.tagsCollectionState) !== null && _a !== void 0 ? _a : {};
+    if (!tagsBulkAssignPopoverState) {
+        return null;
+    }
+    const selectedCountOrTotal = toolbarCollectionState.bulk.selectedCountOrTotal;
+    const disableButton = selectedCountOrTotal > maxSelectedEntitiesNum;
+    return (React.createElement(BulkAssignTagsPopover, { state: tagsBulkAssignPopoverState, popoverElement: React.createElement(Box, null,
+            React.createElement(DisabledTooltip, { content: t('cairo.tags.popover.bulkItemLimit.tooltip'), disabled: !disableButton, dataHook: "tags-assign-button-disabled-tooltip" },
+                React.createElement(Button, { skin: "standard", priority: "secondary", size: "small", prefixIcon: React.createElement(TagSmall, null), dataHook: "tags-assign-button", onClick: () => {
+                        tagsBulkAssignPopoverState.showPopover();
+                    }, disabled: disableButton }, t('cairo.tags.collectionPage.add.CTA')))) }));
+};
+//# sourceMappingURL=TagsAssignButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsAssignButton.js","sourceRoot":"","sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;;IACnC,MAAM,sBAAsB,GAAG,GAAG,CAAC;IACnC,MAAM,sBAAsB,GAAG,2BAA2B,EAAE,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,EAAE,0BAA0B,EAAE,GAClC,MAAA,sBAAsB,CAAC,mBAAmB,mCAAI,EAAE,CAAC;IAEnD,IAAI,CAAC,0BAA0B,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,IAAI,CAAC,oBAAoB,CAAC;IAE9E,MAAM,aAAa,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;IAEpE,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,0BAA0B,EACjC,cAAc,EACZ,oBAAC,GAAG;YACF,oBAAC,eAAe,IACd,OAAO,EAAE,CAAC,CAAC,0CAA0C,CAAC,EACtD,QAAQ,EAAE,CAAC,aAAa,EACxB,QAAQ,EAAC,qCAAqC;gBAE9C,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,oBAAC,QAAQ,OAAG,EACxB,QAAQ,EAAC,oBAAoB,EAC7B,OAAO,EAAE,GAAG,EAAE;wBACZ,0BAA0B,CAAC,WAAW,EAAE,CAAC;oBAC3C,CAAC,EACD,QAAQ,EAAE,aAAa,IAEtB,CAAC,CAAC,mCAAmC,CAAC,CAChC,CACO,CACd,GAER,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { BulkAssignTagsPopoverUniDriver } from '../Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver';
+import { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';
+export default (base, body) => {
+    const button = DisabledTooltipButtonUniDriver(base, body, {
+        dataHook: 'tags-assign-button',
+    });
+    return Object.assign(Object.assign({}, button), { popover: () => BulkAssignTagsPopoverUniDriver(base, body) });
+};
+//# sourceMappingURL=TagsAssignButton.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsAssignButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,gEAAgE,CAAC;AAChH,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AAErG,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,8BAA8B,CAAC,IAAI,EAAE,IAAI,EAAE;QACxD,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;IAEH,uCACK,MAAM,KACT,OAAO,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,IAAI,EAAE,IAAI,CAAC,IACzD;AACJ,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/TagsColumn/TagsColumn.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { TagsColumnContent } from './TagsColumnContent';
+import { useSelector } from '../../useSelector';
+export function buildTagsColumn(container, columnConfig) {
+    return Object.assign(Object.assign({}, columnConfig), { id: 'tags', title: container.translate('cairo.tags.collectionPage.tagsColumn.title'), render: (item) => React.createElement(TagsColumnContent, { tags: item.tags }), width: '200px', hiddenFromCustomColumnsSelection: false });
+}
+export function useTagsColumn() {
+    const container = useWixPatternsContainer();
+    useSelector(() => container.initTask.status);
+    const buildTagsColumnWrapper = (columnConfig) => {
+        return buildTagsColumn(container, columnConfig);
+    };
+    return { buildTagsColumn: buildTagsColumnWrapper };
+}
+//# sourceMappingURL=TagsColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsColumn.js","sourceRoot":"","sources":["../../../../src/components/TagsColumn/TagsColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,UAAU,eAAe,CAC7B,SAA+B,EAC/B,YAAkC;IAElC,OAAO,gCACF,YAAY,KACf,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,4CAA4C,CAAC,EACxE,MAAM,EAAE,CAAC,IAAO,EAAE,EAAE,CAAC,oBAAC,iBAAiB,IAAC,IAAI,EAAG,IAAY,CAAC,IAAI,GAAI,EACpE,KAAK,EAAE,OAAO,EACd,gCAAgC,EAAE,KAAK,GACtB,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE7C,MAAM,sBAAsB,GAAG,CAAC,YAAkC,EAAE,EAAE;QACpE,OAAO,eAAe,CAAI,SAAS,EAAE,YAAY,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAC;AACrD,CAAC"}

package/dist/esm/components/TagsColumn/TagsColumnContent.js

@@ -0,0 +1,19 @@
+import { Box, Text } from '@wix/design-system';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+const _TagsColumnContent = ({ tags }) => {
+    var _a, _b, _c;
+    const { tagsCollectionState } = useToolbarCollectionContext();
+    if (!(tagsCollectionState === null || tagsCollectionState === void 0 ? void 0 : tagsCollectionState.tagsManagementState)) {
+        return null;
+    }
+    const tagNamesString = (_c = (_b = (_a = tags === null || tags === void 0 ? void 0 : tags.privateTags) === null || _a === void 0 ? void 0 : _a.tagIds) === null || _b === void 0 ? void 0 : _b.map((tagId) => {
+        const tag = tagsCollectionState.tagsManagementState.items.find((tag) => tag.id === tagId);
+        return tag === null || tag === void 0 ? void 0 : tag.name;
+    }).filter(Boolean).join(', ')) !== null && _c !== void 0 ? _c : '';
+    return (React.createElement(Box, null,
+        React.createElement(Text, { size: "small", ellipsis: true }, tagNamesString)));
+};
+export const TagsColumnContent = observer(_TagsColumnContent);
+//# sourceMappingURL=TagsColumnContent.js.map

package/dist/esm/components/TagsColumn/TagsColumnContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsColumnContent.js","sourceRoot":"","sources":["../../../../src/components/TagsColumn/TagsColumnContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAmB,EAAE,EAAE;;IACvD,MAAM,EAAE,mBAAmB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE9D,IAAI,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,mBAAmB,CAAA,EAAE;QAC7C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAClB,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,0CAAE,MAAM,0CACrB,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE;QACtB,MAAM,GAAG,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAC5D,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,EAAG,KAAK,KAAK,CAChC,CAAC;QAEF,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,CAAC;IACnB,CAAC,EACA,MAAM,CAAC,OAAO,EACd,IAAI,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC;IAEtB,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UACxB,cAAc,CACV,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/TagsFilter/CollectionToolbarFiltersWithTags.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CollectionToolbarFilters } from '../CollectionToolbarFilters';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { buildTagsFilterElement } from './tagsFilterBuilder';
+export const CollectionToolbarFiltersWithTags = () => {
+    const toolbar = useToolbarCollectionContext();
+    return (React.createElement(CollectionToolbarFilters, { inline: 0 }, buildTagsFilterElement(toolbar)));
+};
+//# sourceMappingURL=CollectionToolbarFiltersWithTags.js.map

package/dist/esm/components/TagsFilter/CollectionToolbarFiltersWithTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionToolbarFiltersWithTags.js","sourceRoot":"","sources":["../../../../src/components/TagsFilter/CollectionToolbarFiltersWithTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAE9C,OAAO,CACL,oBAAC,wBAAwB,IAAC,MAAM,EAAE,CAAC,IAChC,sBAAsB,CAAC,OAAO,CAAC,CACP,CAC5B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/TagsFilter/TagsFilter.js

@@ -0,0 +1,41 @@
+import React, { useEffect } from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';
+import { useFilterCollection } from '../../hooks/useFilterCollection';
+import { observer } from 'mobx-react-lite';
+export const _TagsFilter = ({ filter }) => {
+    var _a, _b;
+    const toolbarState = useToolbarCollectionContext();
+    const { translate: t } = useWixPatternsContainer();
+    const tagsFilterCollection = useFilterCollection(filter, {
+        queryName: [
+            (_a = toolbarState.tagsCollectionState) === null || _a === void 0 ? void 0 : _a.tagsManagementState.fqdnString,
+            'tags',
+            'filter',
+        ].join('/'),
+        fetchData: async ({ search = '' }) => {
+            var _a;
+            const filteredItems = (((_a = toolbarState.tagsCollectionState) === null || _a === void 0 ? void 0 : _a.tagsManagementState.items) || []).filter((tag) => { var _a; return (_a = tag.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.toLowerCase()); });
+            return {
+                items: filteredItems,
+                total: filteredItems.length,
+            };
+        },
+    });
+    useEffect(() => {
+        var _a;
+        if ((_a = toolbarState.tagsCollectionState) === null || _a === void 0 ? void 0 : _a.tagsManagementState.items) {
+            tagsFilterCollection.refreshAllPages();
+        }
+    }, [(_b = toolbarState.tagsCollectionState) === null || _b === void 0 ? void 0 : _b.tagsManagementState.items]);
+    if (!toolbarState.tagsCollectionState) {
+        return null;
+    }
+    return (React.createElement(MultiSelectCheckboxFilter, { collection: tagsFilterCollection, filter: filter, popoverProps: { appendTo: 'window' }, placeholder: t('cairo.tags.filterPanel.dropdown.placeholder'), renderItem: (tag) => ({
+            title: tag.name,
+            id: tag.id,
+        }) }));
+};
+export const TagsFilter = observer(_TagsFilter);
+//# sourceMappingURL=TagsFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsFilter.js","sourceRoot":"","sources":["../../../../src/components/TagsFilter/TagsFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,uBAAuB,EAAe,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAK3C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAmB,EAAE,EAAE;;IACzD,MAAM,YAAY,GAAG,2BAA2B,EAAE,CAAC;IACnD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,MAAM,EAAE;QACvD,SAAS,EAAE;YACT,MAAA,YAAY,CAAC,mBAAmB,0CAAE,mBAAmB,CAAC,UAAU;YAChE,MAAM;YACN,QAAQ;SACT,CAAC,IAAI,CAAC,GAAG,CAAC;QACX,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,EAAE,EAAe,EAAE,EAAE;;YAChD,MAAM,aAAa,GAAG,CACpB,CAAA,MAAA,YAAY,CAAC,mBAAmB,0CAAE,mBAAmB,CAAC,KAAK,KAAI,EAAE,CAClE,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,EAAE,WACpB,OAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA,EAAA,CACvD,CAAC;YAEF,OAAO;gBACL,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,aAAa,CAAC,MAAM;aAC5B,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,MAAA,YAAY,CAAC,mBAAmB,0CAAE,mBAAmB,CAAC,KAAK,EAAE;YAC/D,oBAAoB,CAAC,eAAe,EAAE,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,MAAA,YAAY,CAAC,mBAAmB,0CAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;IAElE,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE;QACrC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,yBAAyB,IACxB,UAAU,EAAE,oBAAoB,EAChC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACpC,WAAW,EAAE,CAAC,CAAC,6CAA6C,CAAC,EAC7D,UAAU,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC;YACzB,KAAK,EAAE,GAAG,CAAC,IAAc;YACzB,EAAE,EAAE,GAAG,CAAC,EAAE;SACX,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { TagsFilter } from './TagsFilter';
+export { CollectionToolbarFiltersWithTags } from './CollectionToolbarFiltersWithTags';
+export { useTagsFilter, extractTagsFilter } from './tagsFilterBuilder';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TagsFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/components/TagsFilter/tagsFilterBuilder.js

@@ -0,0 +1,27 @@
+import { useSelector } from '../../useSelector';
+import { TagsFilter } from './TagsFilter';
+import React from 'react';
+export const buildTagsFilterElement = (state) => {
+    const label = state.container.translate('cairo.tags.filterPanel.dropdown.title');
+    return (React.createElement(TagsFilter, { filter: state.collection.filters.tags, accordionItemProps: {
+            label,
+        }, toolbarItemProps: {
+            label,
+        } }));
+};
+export const useTagsFilter = (state) => {
+    useSelector(() => state.toolbar.collection.filters.tags);
+    const buildTagsFilterWrapper = () => {
+        return buildTagsFilterElement(state.toolbar);
+    };
+    return { buildTagsFilter: buildTagsFilterWrapper };
+};
+export const extractTagsFilter = (filters) => {
+    const tagsFilterValue = filters.tags;
+    if (!(tagsFilterValue === null || tagsFilterValue === void 0 ? void 0 : tagsFilterValue.length)) {
+        return {};
+    }
+    const tagIds = tagsFilterValue.map((tag) => tag.id);
+    return { 'tags.privateTags.tagIds': tagIds };
+};
+//# sourceMappingURL=tagsFilterBuilder.js.map

package/dist/esm/components/TagsFilter/tagsFilterBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagsFilterBuilder.js","sourceRoot":"","sources":["../../../../src/components/TagsFilter/tagsFilterBuilder.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,KAAmC,EACnC,EAAE;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,SAAS,CACrC,uCAAuC,CACxC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAK,EACtC,kBAAkB,EAAE;YAClB,KAAK;SACN,EACD,gBAAgB,EAAE;YAChB,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAuB,EACvB,EAAE;IACF,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,OAAO,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAsB,EACtB,EAAE;IACF,MAAM,eAAe,GAAG,OAAO,CAAC,IAAyB,CAAC;IAC1D,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAA,EAAE;QAC5B,OAAO,EAAE,CAAC;KACX;IAED,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,EAAE,CAAC;AAC/C,CAAC,CAAC"}

package/dist/esm/components/TagsWidget/TagsWidget.js

@@ -0,0 +1,40 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { Card } from '@wix/design-system';
+import { CardContainer } from '../CardContainer';
+import { TagsWidgetContextProvider, useTagsWidgetContext, } from '../TagsWidgetContext';
+import { useTagsWidget } from '../../hooks/useTagsWidget';
+import { TagsWidgetContent } from './TagsWidgetContent';
+import { parseFqdn } from '@wix/bex-core';
+import { useWidgetPageStatus } from '../useWidgetPageStatus';
+const _TagsWidgetBase = (_a) => {
+    var { subtitle, dataHook, status } = _a, contentProps = __rest(_a, ["subtitle", "dataHook", "status"]);
+    const container = useWixPatternsContainer();
+    const state = useTagsWidgetContext();
+    const { translate: t } = container;
+    return (React.createElement(CardContainer, { dataHook: dataHook, status: status, errorState: {
+            dataHook: 'error-state',
+            retryText: t('cairo.tags.loadTags.error.CTA'),
+            subtitle: t('cairo.tags.loadTags.error.body'),
+            onRetry: state.retry,
+        } },
+        React.createElement(Card.Header, { dataHook: "tags-widget-card-header", title: t('cairo.tags.tagsWidget.title'), subtitle: subtitle || t('cairo.tags.tagsWidget.subtitle') }),
+        React.createElement(Card.Divider, null),
+        React.createElement(Card.Content, { dataHook: "tags-widget-card-content" },
+            React.createElement(TagsWidgetContent, Object.assign({ state: state }, contentProps)))));
+};
+export const TagsWidgetBase = observer(_TagsWidgetBase);
+const _TagsWidget = (props) => {
+    const { origin, fqdn } = props, baseComponentProps = __rest(props, ["origin", "fqdn"]);
+    const state = useTagsWidget({
+        origin,
+        fqdn: parseFqdn(fqdn),
+    });
+    const { status } = useWidgetPageStatus(state.initTask.status.status);
+    return (React.createElement(TagsWidgetContextProvider, { value: state },
+        React.createElement(TagsWidgetBase, Object.assign({ status: status }, baseComponentProps))));
+};
+export const TagsWidget = observer(_TagsWidget);
+//# sourceMappingURL=TagsWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsWidget.js","sourceRoot":"","sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AACrE,OAAO,EACL,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAiD7D,MAAM,eAAe,GAAG,CAAC,EAKH,EAAE,EAAE;QALD,EACvB,QAAQ,EACR,QAAQ,EACR,MAAM,OAEc,EADjB,YAAY,cAJQ,kCAKxB,CADgB;IAEf,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;IAErC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IAEnC,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE;YACV,QAAQ,EAAE,aAAa;YACvB,SAAS,EAAE,CAAC,CAAC,+BAA+B,CAAC;YAC7C,QAAQ,EAAE,CAAC,CAAC,gCAAgC,CAAC;YAC7C,OAAO,EAAE,KAAK,CAAC,KAAK;SACrB;QAED,oBAAC,IAAI,CAAC,MAAM,IACV,QAAQ,EAAC,yBAAyB,EAClC,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACvC,QAAQ,EAAE,QAAQ,IAAI,CAAC,CAAC,gCAAgC,CAAC,GACzD;QACF,oBAAC,IAAI,CAAC,OAAO,OAAG;QAChB,oBAAC,IAAI,CAAC,OAAO,IAAC,QAAQ,EAAC,0BAA0B;YAC/C,oBAAC,iBAAiB,kBAAC,KAAK,EAAE,KAAK,IAAM,YAAY,EAAI,CACxC,CACD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAExD,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,MAAM,EAAE,IAAI,KAA4B,KAAK,EAA5B,kBAAkB,UAAK,KAAK,EAA/C,kBAAuC,CAAQ,CAAC;IACtD,MAAM,KAAK,GAAG,aAAa,CAAC;QAC1B,MAAM;QACN,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC;KACtB,CAAC,CAAC;IAEH,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK;QACrC,oBAAC,cAAc,kBAAC,MAAM,EAAE,MAAM,IAAM,kBAAkB,EAAI,CAChC,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,29 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { CardHeaderUniDriver, MultiSelectUniDriver, ButtonUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { ManageTagsModalUniDriver } from '../Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';
+import CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';
+export default (base, body) => {
+    const cardHeader = () => CardHeaderUniDriver(base.$(`[data-hook="tags-widget-card-header"]`), base);
+    const multiSelect = () => MultiSelectUniDriver(base.$(`[data-hook="tags-widget-multi-select"]`), body);
+    const manageTagsButton = () => {
+        return ButtonUniDriver(base.$(`[data-hook="manage-tags-cta"]`), body);
+    };
+    const assignTagsButton = () => {
+        return TextButtonUniDriver(base.$(`[data-hook="assign-tags-cta"]`), body);
+    };
+    const manageTagsModal = () => ManageTagsModalUniDriver(base, body);
+    const cardContainer = () => CardContainerUniDriver(base, body);
+    const getTagById = (tagId) => multiSelect().driver.getTagDriverByTagId(tagId);
+    const selectOptionById = (tagId) => multiSelect().driver.selectOptionById(tagId);
+    return Object.assign({ modalExists: () => manageTagsModal().exists(), title: () => cardHeader().title(), subtitle: () => cardHeader().subtitle(), inputPlaceholder: () => multiSelect().inputDriver.getPlaceholder(), numberOfTags: () => multiSelect().driver.numberOfTags(), optionsLength: () => multiSelect().dropdownLayoutDriver.optionsLength(), removeTag: async (tagId) => {
+            const tag = await getTagById(tagId);
+            await tag.removeTag();
+        }, optionContentAt: (index) => multiSelect().dropdownLayoutDriver.optionContentAt(index), enterText: (text) => multiSelect().inputDriver.enterText(text), getTagLabelAt: (index) => multiSelect().driver.getTagLabelAt(index), customSuffixExists: () => multiSelect().driver.customSuffixExists(), selectOptionById, selectAddTagOption: () => selectOptionById('add-item-option'), dropdownLayout: () => multiSelect().dropdownLayoutDriver, manageTagsButtonExists: () => manageTagsButton().exists(), clickManageTagsButton: () => manageTagsButton().click(), clickAssignTagsButton: () => assignTagsButton().click(), focus: () => multiSelect().inputDriver.focus(), blur: () => multiSelect().inputDriver.blur(), 
+        /** Returns the error state subtitle */
+        getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(), 
+        /** Clicks on try again button when error state visible */
+        clickTryAgain: () => cardContainer().getErrorState().getRetryButton().click(), 
+        /** Gets try again button text */
+        getTryAgainContent: () => cardContainer().getErrorState().getRetryButton().getButtonTextContent(), showsSkeletonHeader: () => cardContainer().showsSkeletonHeader() }, baseUniDriverFactory(base));
+};
+//# sourceMappingURL=TagsWidget.uni.driver.js.map

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

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

package/dist/esm/components/TagsWidget/TagsWidgetContent.js

@@ -0,0 +1,93 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { MultiSelect, Box, TextButton, listItemActionBuilder, Divider, ListItemAction, } from '@wix/design-system';
+import { Add as AddIcon } from '@wix/wix-ui-icons-common';
+import { runInAction } from 'mobx';
+import { ADD_ITEM_OPTION_ID, MANAGE_TAGS_OPTION_ID, TAG_MAX_LENGTH, TagsFormState, } from '@wix/bex-core';
+import { TagsModalState } from '../../state/TagsModalState';
+const ManageTagsModal = React.lazy(() => import(
+/* webpackChunkName: "ManageTagsModal" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal').then((module) => ({ default: module.ManageTagsModal })));
+const _TagsWidgetContent = ({ state, onSubmit, entityTypeName, initialTags, entityId, }) => {
+    const container = useWixPatternsContainer();
+    const { translate: t } = container;
+    const [formState] = useState(() => runInAction(() => {
+        var _a;
+        return ((_a = state.tagsFormState) !== null && _a !== void 0 ? _a : (state.tagsFormState = new TagsFormState({
+            tagsManagementState: state.tagsManagementState,
+            origin: state.origin,
+            entityTypeName,
+        })));
+    }));
+    const [tagsModalState] = useState(() => new TagsModalState({
+        tagsManagementState: state.tagsManagementState,
+        entityTypeName,
+    }));
+    useEffect(() => {
+        const disposers = [
+            formState.init({ initialTags, entityId }),
+            tagsModalState.init(),
+        ];
+        return () => {
+            disposers.forEach((disposer) => disposer());
+        };
+    }, []);
+    const tagsOptions = useMemo(() => {
+        var _a;
+        const options = formState.displayedTagOptions;
+        const addTagOptionItems = formState.shouldShowCreateTagOption
+            ? [
+                listItemActionBuilder({
+                    id: ADD_ITEM_OPTION_ID,
+                    title: t('cairo.tags.tagsWidget.options.add.CTA', {
+                        tagName: (_a = formState.searchValue) === null || _a === void 0 ? void 0 : _a.slice(0, TAG_MAX_LENGTH),
+                    }),
+                    prefixIcon: React.createElement(AddIcon, null),
+                }),
+            ]
+            : [];
+        return [...addTagOptionItems, ...options];
+    }, [
+        formState.displayedTagOptions,
+        formState.searchValue,
+        formState.shouldShowCreateTagOption,
+        formState.displayedAssignedTags,
+    ]);
+    const handleSearchChange = useCallback((event) => {
+        formState.handleSearchChange(event.target.value);
+    }, []);
+    const handleTagSelect = useCallback(async (option) => {
+        const convertedOption = {
+            id: option.id,
+            value: option.value,
+        };
+        formState.handleTagSelect(convertedOption, onSubmit);
+    }, [onSubmit]);
+    const handleTagRemove = useCallback((tagId) => {
+        formState.unassignTag(tagId, onSubmit);
+    }, [onSubmit]);
+    const handleOptionsShow = useCallback(() => {
+        formState.handleOptionsShow();
+    }, []);
+    const handleManageTagsCtaClick = useCallback(() => {
+        formState.handleManageTagsCtaClick();
+        tagsModalState.openManageTagsModal({ origin: formState.origin });
+    }, []);
+    const handleMultiSelectFocus = useCallback(() => {
+        formState.setIsMultiSelectOnFocus(true);
+    }, []);
+    const handleMultiSelectBlur = useCallback(() => {
+        formState.setIsMultiSelectOnFocus(false);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MultiSelect, { value: formState.searchValue, onChange: handleSearchChange, options: tagsOptions, onFocus: handleMultiSelectFocus, onBlur: handleMultiSelectBlur, tags: formState.displayedAssignedTags, onOptionsShow: handleOptionsShow, markedOption: formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true, customSuffix: React.createElement(Box, null,
+                React.createElement(TextButton, { size: "small", prefixIcon: React.createElement(AddIcon, null), dataHook: "assign-tags-cta" }, t('cairo.tags.tagsWidget.add.CTA'))), fixedFooter: formState.isInEmptyState ? undefined : (React.createElement("div", null,
+                !!tagsOptions.length && React.createElement(Divider, null),
+                React.createElement(ListItemAction, { dataHook: "manage-tags-cta", onClick: handleManageTagsCtaClick, id: MANAGE_TAGS_OPTION_ID, title: t('cairo.tags.tagsWidget.options.manage.CTA') }))), onSelect: handleTagSelect, onRemoveTag: handleTagRemove, placeholder: formState.isInEmptyState && formState.isMultiSelectOnFocus
+                ? t('cairo.tags.tagsWidget.input.placeholder')
+                : undefined, dataHook: "tags-widget-multi-select" }),
+        React.createElement(React.Suspense, { fallback: null },
+            React.createElement(ManageTagsModal, { state: tagsModalState }))));
+};
+export const TagsWidgetContent = observer(_TagsWidgetContent);
+//# sourceMappingURL=TagsWidgetContent.js.map

package/dist/esm/components/TagsWidget/TagsWidgetContent.js.map

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

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

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

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

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

package/dist/esm/components/TagsWidgetContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+import { assertContextValue } from '../createContext';
+export const tagsWidgetContext = createContext(null);
+export const TagsWidgetContextProvider = tagsWidgetContext.Provider;
+export const TagsWidgetContextConsumer = tagsWidgetContext.Consumer;
+export const useTagsWidgetContext = () => {
+    const value = useContext(tagsWidgetContext);
+    assertContextValue('TagsWidgetProvider', value);
+    return value;
+};
+//# sourceMappingURL=TagsWidgetContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsWidgetContext.js","sourceRoot":"","sources":["../../../src/components/TagsWidgetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AACpE,MAAM,CAAC,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AAEpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,KAAK,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC5C,kBAAkB,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;IAChD,OAAO,KAAwB,CAAC;AAClC,CAAC,CAAC"}

package/dist/esm/components/TextBreadcrumbs.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+export function TextBreadcrumbs(props) {
+    const { dataHook, items } = props;
+    return (React.createElement(Box, { direction: "horizontal", minWidth: 0, dataHook: dataHook }, items.map((item) => {
+        return (React.createElement(Box, { key: item.id, minWidth: 0 },
+            React.createElement(Text, { ellipsis: true, size: "small" }, item.name),
+            React.createElement(Text, { size: "small" },
+                "\u00A0",
+                '>',
+                "\u00A0")));
+    })));
+}
+//# sourceMappingURL=TextBreadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextBreadcrumbs.js","sourceRoot":"","sources":["../../../src/components/TextBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAY/C,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC;YAC5B,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,IACxB,IAAI,CAAC,IAAI,CACL;YACP,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO;;gBAEf,GAAG;yBAEC,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/TextWidthLoader.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import { Box, Loader } from '@wix/design-system';
+import React from 'react';
+export function TextWidthLoader(props) {
+    const { text } = props, rest = __rest(props, ["text"]);
+    return (React.createElement(Box, { align: "center", verticalAlign: "middle", position: "relative" },
+        React.createElement(Box, { visibility: "hidden" }, text),
+        React.createElement(Box, { position: "absolute" },
+            React.createElement(Loader, Object.assign({}, rest)))));
+}
+//# sourceMappingURL=TextWidthLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidthLoader.js","sourceRoot":"","sources":["../../../src/components/TextWidthLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,IAAI,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzB,QAAiB,CAAQ,CAAC;IAChC,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU;QAC5D,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,IAAE,IAAI,CAAO;QACrC,oBAAC,GAAG,IAAC,QAAQ,EAAC,UAAU;YACtB,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAChB,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/ToolbarCollection/ToolbarCollection.js

@@ -0,0 +1,19 @@
+import { Box, usePageScrollContext } from '@wix/design-system';
+import React, { useEffect, useState, } from 'react';
+import { assertComponentType, } from '../assertComponentType';
+import { CollectionToolbars } from '../CollectionToolbars';
+import { checkConflictingToolbarProps } from './checkConflictingToolbarProps';
+export function ToolbarCollection(props) {
+    const { state, filters, title, tabs, views, extraToolbar, selectionToolbar, dragAndDropReorderModeToolbar, sticky: stickyProp, search, children, tableGridSwitchButton, exportButton, primaryActionButton, summaryBar, } = props;
+    assertComponentType(views, 'CollectionViewsDropdown', 'views');
+    checkConflictingToolbarProps(props);
+    const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();
+    const [sticky, setSticky] = useState(stickyProp !== null && stickyProp !== void 0 ? stickyProp : (scrollablePageRef === null || scrollablePageRef === void 0 ? void 0 : scrollablePageRef.current) != null);
+    useEffect(() => {
+        setSticky(stickyProp !== null && stickyProp !== void 0 ? stickyProp : (scrollablePageRef === null || scrollablePageRef === void 0 ? void 0 : scrollablePageRef.current) != null);
+    }, [stickyProp]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CollectionToolbars, { sticky: sticky, state: state, search: search, views: views, title: title, tabs: tabs, filters: filters, selectionToolbar: selectionToolbar, dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar, extraToolbar: extraToolbar, tableGridSwitchButton: tableGridSwitchButton, exportButton: exportButton, primaryActionButton: primaryActionButton, summaryBar: summaryBar, titleBar: React.createElement(Box, { width: "100%", borderTopColor: "D60", borderTopWidth: "1px", borderTopStyle: "solid", boxSizing: "border-box" }) }),
+        React.createElement(Box, { dataHook: "toolbar-collection-content", width: "100%", direction: "vertical", minHeight: 0, flex: 1, verticalAlign: "middle" }, children)));
+}
+//# sourceMappingURL=ToolbarCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarCollection.js","sourceRoot":"","sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAIZ,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,mBAAmB,GAUpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAO3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAgO9E,MAAM,UAAU,iBAAiB,CAC/B,KAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,6BAA6B,EAC7B,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,QAAQ,EACR,qBAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,UAAU,GACX,GAAG,KAAK,CAAC;IACV,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;IAC/D,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAClC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,KAAI,IAAI,CACjD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,KAAI,IAAI,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,oBAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,6BAA6B,EAAE,6BAA6B,EAC5D,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,QAAQ,EACN,oBAAC,GAAG,IACF,KAAK,EAAC,MAAM,EACZ,cAAc,EAAC,KAAK,EACpB,cAAc,EAAC,KAAK,EACpB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,YAAY,GACtB,GAEJ;QACF,oBAAC,GAAG,IACF,QAAQ,EAAC,4BAA4B,EACrC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,CAAC,EACZ,IAAI,EAAE,CAAC,EACP,aAAa,EAAC,QAAQ,IAErB,QAAQ,CACL,CACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/components/ToolbarCollection/checkConflictingToolbarProps.js

@@ -0,0 +1,35 @@
+export function checkConflictingToolbarProps(props) {
+    const { tabs, views, title, dragAndDropBulkSubmit, dragAndDropSubmit, dragAndDropReorderModeToolbar, } = props;
+    if (process.env.NODE_ENV !== 'production') {
+        const tabsProp = { key: '`tabs`', val: tabs };
+        const viewsProp = { key: '`views`', val: views };
+        const titleProp = { key: '`title`', val: title === null || title === void 0 ? void 0 : title.props.title };
+        const dragAndDropSubmitProp = {
+            key: '`dragAndDropSubmit`',
+            val: dragAndDropSubmit,
+        };
+        const dragAndDropBulkSubmitProp = {
+            key: '`dragAndDropBulkSubmit`',
+            val: dragAndDropBulkSubmit,
+        };
+        const dragAndDropReorderModeToolbarProp = {
+            key: '`dragAndDropReorderModeToolbar`',
+            val: dragAndDropReorderModeToolbar,
+        };
+        const conflictingProps = [
+            [titleProp, tabsProp],
+            [titleProp, viewsProp],
+            [dragAndDropSubmitProp, dragAndDropReorderModeToolbarProp],
+            [dragAndDropSubmitProp, dragAndDropBulkSubmitProp],
+        ];
+        if ((title === null || title === void 0 ? void 0 : title.props.subtitle) != null && (title === null || title === void 0 ? void 0 : title.props.title) == null) {
+            throw new Error('Cairo: Invalid `subtitle` provided and `title` not provided.');
+        }
+        for (const pair of conflictingProps) {
+            if (pair[0].val != null && pair[1].val != null) {
+                throw new Error(`Cairo: Invalid both ${pair[0].key} and ${pair[1].key} props provided, either ${pair[0].key} or ${pair[1].key} is supported.`);
+            }
+        }
+    }
+}
+//# sourceMappingURL=checkConflictingToolbarProps.js.map