@wix/patterns 0.8.0

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

@@ -0,0 +1,182 @@
+"use strict";
+
+exports.__esModule = true;
+exports._BulkAssignTagsPopover = exports.BulkAssignTagsPopover = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _designSystem = require("@wix/design-system");
+var _CreateTagButton = require("./CreateTagButton");
+var _EmptyState = require("./EmptyState");
+var _Footer = require("./Footer");
+var _bexCore = require("@wix/bex-core");
+var _minimalRequiredWdsRuntimeCheck = require("../../../minimalRequiredWdsRuntimeCheck");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _BulkAssignTagsPopover = ({
+  state,
+  popoverElement
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const closePopover = (0, _react.useCallback)(() => {
+    state.closePopover();
+  }, [state]);
+  const handleItemSelect = (0, _react.useCallback)(item => {
+    state.handleItemSelect(item.id);
+  }, [state]);
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _minimalRequiredWdsRuntimeCheck.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 > _bexCore.TAG_MAX_LENGTH) {
+      const truncatedTag = state.tagOptions.find(tag => {
+        var _tag$name;
+        return ((_tag$name = tag.name) == null ? void 0 : _tag$name.toLowerCase()) === searchQuery.substring(0, _bexCore.TAG_MAX_LENGTH).toLowerCase();
+      });
+      if (truncatedTag) {
+        filteredOptions.push(truncatedTag);
+      }
+    }
+    const items = filteredOptions.map((tag, idx) => ({
+      id: tag.id,
+      title: /*#__PURE__*/_react.default.createElement(_designSystem.Tag, {
+        id: tag.id,
+        removable: false,
+        maxWidth: "198px",
+        dataHook: `bulk-assign-tags-tag-${idx}`,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 62,
+          columnNumber: 9
+        }
+      }, tag.name),
+      selected: state.assignedWithOptimisticTagIds.includes(tag.id),
+      indeterminate: state.indeterminateTagIds.includes(tag.id)
+    }));
+    return Promise.resolve({
+      items,
+      totalCount: items.length
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+    showArrow: true,
+    shown: state.isShown,
+    appendTo: "window",
+    placement: "bottom",
+    width: "304px",
+    onClickOutside: closePopover,
+    dataHook: "bulk-assign-tags-popover",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 7
+    }
+  }, popoverElement), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "270px",
+    direction: "vertical",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 9
+    }
+  }, state.isLoading && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    flex: 1,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    dataHook: "bulk-assign-tags-loading-state",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 15
+    }
+  })), !state.isLoading && /*#__PURE__*/_react.default.createElement(_designSystem.SelectorList, {
+    key: state.tagsManagementState.items.length // Remount the component on every new created tag
+    ,
+    dataHook: "bulk-assign-tags-selector-list",
+    dataSource: selectorListDataSource,
+    emptyState: /*#__PURE__*/_react.default.createElement(_EmptyState.EmptyState, {
+      state: state,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 103,
+        columnNumber: 27
+      }
+    }),
+    size: "small",
+    searchPlaceholder: state.isInEmptyState ? t('cairo.tags.collectionPage.popover.emptyState.search.placeholder') : t('cairo.tags.collectionPage.popover.search.placeholder'),
+    renderNoResults: searchValue => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      padding: "SP2 SP5",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 113,
+        columnNumber: 17
+      }
+    }, /*#__PURE__*/_react.default.createElement(_CreateTagButton.CreateTagButton, {
+      state: state,
+      searchValue: searchValue,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 114,
+        columnNumber: 19
+      }
+    })),
+    multiple: true,
+    onSelect: handleItemSelect,
+    height: "216px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 99,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Footer.Footer, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 122,
+      columnNumber: 11
+    }
+  }))));
+};
+exports._BulkAssignTagsPopover = _BulkAssignTagsPopover;
+const BulkAssignTagsPopover = exports.BulkAssignTagsPopover = (0, _mobxReactLite.observer)(_BulkAssignTagsPopover);
+//# sourceMappingURL=BulkAssignTagsPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CreateTagButton","_EmptyState","_Footer","_bexCore","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_BulkAssignTagsPopover","state","popoverElement","translate","useWixPatternsContainer","closePopover","useCallback","handleItemSelect","item","id","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","selectorListDataSource","searchQuery","handleSearchChange","filteredOptions","tagOptions","filter","tag","name","toLowerCase","includes","length","TAG_MAX_LENGTH","truncatedTag","find","_tag$name","substring","push","items","map","idx","title","createElement","Tag","removable","maxWidth","dataHook","__self","__source","fileName","lineNumber","columnNumber","selected","assignedWithOptimisticTagIds","indeterminate","indeterminateTagIds","Promise","resolve","totalCount","Popover","showArrow","shown","isShown","appendTo","placement","width","onClickOutside","Element","Content","Box","height","direction","isLoading","align","verticalAlign","flex","Loader","SelectorList","key","tagsManagementState","dataSource","emptyState","EmptyState","size","searchPlaceholder","isInEmptyState","renderNoResults","searchValue","padding","CreateTagButton","multiple","onSelect","Footer","exports","BulkAssignTagsPopover","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"sourcesContent":["import React, { useCallback, ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Box, Loader, Popover, SelectorList, Tag } from '@wix/design-system';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { CreateTagButton } from './CreateTagButton';\nimport { EmptyState } from './EmptyState';\nimport { Footer } from './Footer';\nimport { FiltersMap, TAG_MAX_LENGTH } from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../minimalRequiredWdsRuntimeCheck';\n\nexport interface BulkAssignTagsPopoverProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n  popoverElement: ReactElement;\n}\n\nexport const _BulkAssignTagsPopover = <T, F extends FiltersMap>({\n  state,\n  popoverElement,\n}: BulkAssignTagsPopoverProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const closePopover = useCallback(() => {\n    state.closePopover();\n  }, [state]);\n\n  const handleItemSelect = useCallback(\n    (item) => {\n      state.handleItemSelect(item.id);\n    },\n    [state],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.76.1',\n      requiredBy: 'Cairo/BulkAssignTagsPopover',\n    });\n  }\n\n  const selectorListDataSource = (searchQuery: string) => {\n    state.handleSearchChange(searchQuery);\n    const filteredOptions = state.tagOptions.filter((tag) => {\n      return tag.name!.toLowerCase().includes(searchQuery);\n    });\n\n    if (filteredOptions.length === 0 && searchQuery.length > TAG_MAX_LENGTH) {\n      const truncatedTag = state.tagOptions.find(\n        (tag) =>\n          tag.name?.toLowerCase() ===\n          searchQuery.substring(0, TAG_MAX_LENGTH).toLowerCase(),\n      );\n\n      if (truncatedTag) {\n        filteredOptions.push(truncatedTag);\n      }\n    }\n\n    const items = filteredOptions.map((tag, idx) => ({\n      id: tag.id!,\n      title: (\n        <Tag\n          id={tag.id!}\n          removable={false}\n          maxWidth=\"198px\"\n          dataHook={`bulk-assign-tags-tag-${idx}`}\n        >\n          {tag.name}\n        </Tag>\n      ),\n      selected: state.assignedWithOptimisticTagIds.includes(tag.id!),\n      indeterminate: state.indeterminateTagIds.includes(tag.id!),\n    }));\n    return Promise.resolve({\n      items,\n      totalCount: items.length,\n    });\n  };\n\n  return (\n    <Popover\n      showArrow\n      shown={state.isShown}\n      appendTo=\"window\"\n      placement=\"bottom\"\n      width=\"304px\"\n      onClickOutside={closePopover}\n      dataHook=\"bulk-assign-tags-popover\"\n    >\n      <Popover.Element>{popoverElement}</Popover.Element>\n      <Popover.Content>\n        <Box height=\"270px\" direction=\"vertical\">\n          {state.isLoading && (\n            <Box align=\"center\" verticalAlign=\"middle\" flex={1}>\n              <Loader dataHook=\"bulk-assign-tags-loading-state\" />\n            </Box>\n          )}\n          {!state.isLoading && (\n            <SelectorList\n              key={state.tagsManagementState.items.length} // Remount the component on every new created tag\n              dataHook=\"bulk-assign-tags-selector-list\"\n              dataSource={selectorListDataSource}\n              emptyState={<EmptyState state={state} />}\n              size=\"small\"\n              searchPlaceholder={\n                state.isInEmptyState\n                  ? t(\n                      'cairo.tags.collectionPage.popover.emptyState.search.placeholder',\n                    )\n                  : t('cairo.tags.collectionPage.popover.search.placeholder')\n              }\n              renderNoResults={(searchValue) => (\n                <Box padding=\"SP2 SP5\">\n                  <CreateTagButton state={state} searchValue={searchValue} />\n                </Box>\n              )}\n              multiple\n              onSelect={handleItemSelect}\n              height=\"216px\"\n            />\n          )}\n          <Footer state={state} />\n        </Box>\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nexport const BulkAssignTagsPopover = observer(_BulkAssignTagsPopover);\n"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BulkAssignTagsPopoverUniDriver = BulkAssignTagsPopoverUniDriver;
+var _unidriver = require("../../../unidriver");
+var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
+var _ManageTagsModalUni = require("../ManageTags/ManageTagsModal/ManageTagsModal.uni.driver");
+function BulkAssignTagsPopoverUniDriver(base, body) {
+  const popoverBase = () => (0, _unidriver2.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', _unidriver2.SelectorListUniDriver);
+  const getCloseButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-close-button', _unidriver2.ButtonUniDriver);
+  const getApplyButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-apply-button', _unidriver2.ButtonUniDriver);
+  const getCreateTagButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-create-tag-button', _unidriver2.ButtonUniDriver);
+  const getManageTagsButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-manage-tags-button', _unidriver2.TextButtonUniDriver);
+  const getEmptyStateDriver = async () => getInnerPopoverDriver('bulk-assign-tags-empty-state', _unidriver2.EmptyStateUniDriver);
+  const getErrorStateDriver = async () => getInnerPopoverDriver('bulk-assign-tags-error-state', _unidriver2.EmptyStateUniDriver);
+  const getErrorStateRetryButtonDriver = async () => getInnerPopoverDriver('bulk-assign-tags-error-state-retry-button', _unidriver2.ButtonUniDriver);
+  const getLoaderDriver = async () => getInnerPopoverDriver('bulk-assign-tags-loading-state', _unidriver2.LoaderUniDriver);
+  const enterSearchValue = async value => {
+    const contentElement = await getContentElement();
+    const tagsListDriver = await getTagsListDriver();
+    const isEmptyState = await tagsListDriver.showsEmptyState();
+    if (isEmptyState) {
+      await (0, _unidriver2.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}`, _unidriver2.TagUniDriver);
+  return {
+    ...(0, _unidriver.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: () => (0, _ManageTagsModalUni.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/cjs/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_ManageTagsModalUni","BulkAssignTagsPopoverUniDriver","base","body","popoverBase","PopoverUniDriver","$","getContentElement","getContentElementUniDriver","getInnerPopoverDriver","dataHook","driverConstructor","contentElement","getTagsListDriver","SelectorListUniDriver","getCloseButtonDriver","ButtonUniDriver","getApplyButtonDriver","getCreateTagButtonDriver","getManageTagsButtonDriver","TextButtonUniDriver","getEmptyStateDriver","EmptyStateUniDriver","getErrorStateDriver","getErrorStateRetryButtonDriver","getLoaderDriver","LoaderUniDriver","enterSearchValue","value","tagsListDriver","isEmptyState","showsEmptyState","SearchUniDriver","inputDriver","enterText","getTagDriverAt","idx","TagUniDriver","baseUniDriverFactory","popoverExists","exists","clickOutside","tagsSelectorlistExist","clickSearchInputClear","isSelectorCheckedAt","isSelectorIsIndeterminateAt","tagsListExists","listExists","numberOfItemsInList","getTagLabelAt","getLabel","toggleSelectorAt","closeButtonExists","clickCloseButton","click","applyButtonExists","clickApplyButton","createTagButtonExists","clickCreateTagButton","manageTagsButtonExists","clickManageTagsButton","manageTagsModal","ManageTagsModalUniDriver","emptyStateExists","errorStateExists","errorStateRetryButtonExists","clickErrorStateRetryButton","isLoading","isContentElementExists"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../unidriver';\nimport {\n  ButtonUniDriver,\n  EmptyStateUniDriver,\n  LoaderUniDriver,\n  PopoverUniDriver,\n  SearchUniDriver,\n  SelectorListUniDriver,\n  TagUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { ManageTagsModalUniDriver } from '../ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';\n\nexport function BulkAssignTagsPopoverUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const popoverBase = () =>\n    PopoverUniDriver(base.$('[data-hook=\"bulk-assign-tags-popover\"]'), body);\n\n  const getContentElement = async () =>\n    popoverBase().getContentElementUniDriver();\n\n  const getInnerPopoverDriver = async <T>(\n    dataHook: string,\n    driverConstructor: (base: UniDriver, body: UniDriver) => T,\n  ): Promise<T> => {\n    const contentElement = await getContentElement();\n    return driverConstructor(contentElement.$(`[data-hook=${dataHook}]`), body);\n  };\n\n  const getTagsListDriver = async () =>\n    getInnerPopoverDriver(\n      'bulk-assign-tags-selector-list',\n      SelectorListUniDriver,\n    );\n\n  const getCloseButtonDriver = async () =>\n    getInnerPopoverDriver('bulk-assign-tags-close-button', ButtonUniDriver);\n\n  const getApplyButtonDriver = async () =>\n    getInnerPopoverDriver('bulk-assign-tags-apply-button', ButtonUniDriver);\n\n  const getCreateTagButtonDriver = async () =>\n    getInnerPopoverDriver(\n      'bulk-assign-tags-create-tag-button',\n      ButtonUniDriver,\n    );\n\n  const getManageTagsButtonDriver = async () =>\n    getInnerPopoverDriver(\n      'bulk-assign-tags-manage-tags-button',\n      TextButtonUniDriver,\n    );\n\n  const getEmptyStateDriver = async () =>\n    getInnerPopoverDriver('bulk-assign-tags-empty-state', EmptyStateUniDriver);\n\n  const getErrorStateDriver = async () =>\n    getInnerPopoverDriver('bulk-assign-tags-error-state', EmptyStateUniDriver);\n\n  const getErrorStateRetryButtonDriver = async () =>\n    getInnerPopoverDriver(\n      'bulk-assign-tags-error-state-retry-button',\n      ButtonUniDriver,\n    );\n\n  const getLoaderDriver = async () =>\n    getInnerPopoverDriver('bulk-assign-tags-loading-state', LoaderUniDriver);\n\n  const enterSearchValue = async (value: string) => {\n    const contentElement = await getContentElement();\n    const tagsListDriver = await getTagsListDriver();\n    const isEmptyState = await tagsListDriver.showsEmptyState();\n    if (isEmptyState) {\n      await SearchUniDriver(\n        contentElement.$('[data-hook=\"bulk-assign-tags-empty-state-search\"]'),\n        body,\n      ).inputDriver.enterText(value);\n    } else {\n      await tagsListDriver.enterSearchValue(value);\n    }\n  };\n\n  const getTagDriverAt = async (idx: number) =>\n    getInnerPopoverDriver(`bulk-assign-tags-tag-${idx}`, TagUniDriver);\n\n  return {\n    ...baseUniDriverFactory(base),\n    popoverExists: () => popoverBase().exists(),\n    clickOutside: () => popoverBase().clickOutside(),\n    tagsSelectorlistExist: async () => (await getTagsListDriver()).exists(),\n    enterSearchValue,\n    clickSearchInputClear: async () =>\n      (await getTagsListDriver()).clickSearchInputClear(),\n    isSelectorCheckedAt: async (idx: number) =>\n      (await getTagsListDriver()).isSelectorCheckedAt(idx),\n    isSelectorIsIndeterminateAt: async (idx: number) =>\n      (await getTagsListDriver()).isSelectorIsIndeterminateAt(idx),\n    tagsListExists: async () => (await getTagsListDriver()).listExists(),\n    numberOfItemsInList: async () =>\n      (await getTagsListDriver()).numberOfItemsInList(),\n    getTagLabelAt: async (idx: number) =>\n      (await getTagDriverAt(idx)).getLabel(),\n    toggleSelectorAt: async (idx: number) =>\n      (await getTagsListDriver()).toggleSelectorAt(idx),\n    closeButtonExists: async () => (await getCloseButtonDriver()).exists(),\n    clickCloseButton: async () => (await getCloseButtonDriver()).click(),\n    applyButtonExists: async () => (await getApplyButtonDriver()).exists(),\n    clickApplyButton: async () => (await getApplyButtonDriver()).click(),\n    createTagButtonExists: async () =>\n      (await getCreateTagButtonDriver()).exists(),\n    clickCreateTagButton: async () =>\n      (await getCreateTagButtonDriver()).click(),\n    manageTagsButtonExists: async () =>\n      (await getManageTagsButtonDriver()).exists(),\n    clickManageTagsButton: async () =>\n      (await getManageTagsButtonDriver()).click(),\n    manageTagsModal: () => ManageTagsModalUniDriver(base, body),\n    emptyStateExists: async () => (await getEmptyStateDriver()).exists(),\n    errorStateExists: async () => (await getErrorStateDriver()).exists(),\n    errorStateRetryButtonExists: async () =>\n      (await getErrorStateRetryButtonDriver()).exists(),\n    clickErrorStateRetryButton: async () =>\n      (await getErrorStateRetryButtonDriver()).click(),\n    isLoading: async () => (await getLoaderDriver()).exists(),\n    isContentElementExists: () => popoverBase().isContentElementExists(),\n    getContentElement: () => popoverBase().getContentElement(),\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CreateTagButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _bexCore = require("@wix/bex-core");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/BulkAssignTagsPopover/CreateTagButton.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CreateTagButton = ({
+  state,
+  searchValue
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const createAndAssignTag = (0, _react.useCallback)(tagName => {
+    state.createAndAssignTag(tagName);
+  }, [state]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "18px",
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: "bulk-assign-tags-create-tag-button",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 21
+      }
+    }),
+    onClick: () => createAndAssignTag(searchValue),
+    size: "small",
+    ellipsis: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }, t('cairo.tags.collectionPage.popover.create.CTA', {
+    tagName: searchValue.slice(0, _bexCore.TAG_MAX_LENGTH)
+  })));
+};
+exports.CreateTagButton = CreateTagButton;
+//# sourceMappingURL=CreateTagButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CreateTagButton","state","searchValue","translate","useWixPatternsContainer","createAndAssignTag","useCallback","tagName","createElement","Box","height","width","__self","__source","fileName","lineNumber","columnNumber","TextButton","dataHook","prefixIcon","Add","onClick","size","ellipsis","slice","TAG_MAX_LENGTH","exports"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/CreateTagButton.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { TextButton, Box } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FiltersMap, TAG_MAX_LENGTH } from '@wix/bex-core';\n\nexport interface CreateTagButtonProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n  searchValue: string;\n}\n\nexport const CreateTagButton = <T, F extends FiltersMap>({\n  state,\n  searchValue,\n}: CreateTagButtonProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n  const createAndAssignTag = useCallback(\n    (tagName) => {\n      state.createAndAssignTag(tagName);\n    },\n    [state],\n  );\n\n  return (\n    <Box height=\"18px\" width=\"100%\">\n      <TextButton\n        dataHook=\"bulk-assign-tags-create-tag-button\"\n        prefixIcon={<AddIcon />}\n        onClick={() => createAndAssignTag(searchValue)}\n        size=\"small\"\n        ellipsis\n      >\n        {t('cairo.tags.collectionPage.popover.create.CTA', {\n          tagName: searchValue.slice(0, TAG_MAX_LENGTH),\n        })}\n      </TextButton>\n    </Box>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,129 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EmptyState = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _CreateTagButton = require("./CreateTagButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/BulkAssignTagsPopover/EmptyState.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _EmptyState = ({
+  state
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const handleEmptyStateSearchChange = (0, _react.useCallback)(e => {
+    const value = e.target.value;
+    state.handleSearchChange(value);
+  }, [state.handleSearchChange]);
+  const retry = (0, _react.useCallback)(() => {
+    state.retry();
+  }, [state.retry]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    boxSizing: "border-box",
+    height: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 5
+    }
+  }, state.isInEmptyState && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    padding: "SP5 SP5 0",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
+    dataHook: "bulk-assign-tags-empty-state-search",
+    placeholder: t('cairo.tags.collectionPage.popover.emptyState.search.placeholder'),
+    onChange: handleEmptyStateSearchChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 13
+    }
+  })), !!state.searchValue && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginTop: "SP4",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CreateTagButton.CreateTagButton, {
+    state: state,
+    searchValue: state.searchValue,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 15
+    }
+  }))), state.isError && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "100%",
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.EmptyState, {
+    dataHook: "bulk-assign-tags-error-state",
+    theme: "page-no-border",
+    subtitle: t('cairo.tags.collectionPage.popover.loadTags.error.body'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 58,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: "bulk-assign-tags-error-state-retry-button",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 67,
+        columnNumber: 27
+      }
+    }),
+    onClick: retry,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 13
+    }
+  }, t('cairo.tags.loadTags.error.CTA')))), state.isInEmptyState && !state.searchValue && /*#__PURE__*/_react.default.createElement(_designSystem.EmptyState, {
+    dataHook: "bulk-assign-tags-empty-state",
+    theme: "page-no-border",
+    subtitle: t('cairo.tags.collectionPage.popover.emptyState.body'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 9
+    }
+  }));
+};
+const EmptyState = exports.EmptyState = (0, _mobxReactLite.observer)(_EmptyState);
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_CreateTagButton","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_EmptyState","state","translate","useWixPatternsContainer","handleEmptyStateSearchChange","useCallback","value","target","handleSearchChange","retry","createElement","Box","direction","boxSizing","height","__self","__source","fileName","lineNumber","columnNumber","isInEmptyState","padding","Search","dataHook","placeholder","onChange","searchValue","marginTop","CreateTagButton","isError","verticalAlign","EmptyState","theme","subtitle","TextButton","prefixIcon","Refresh","onClick","exports","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/EmptyState.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  Search,\n  TextButton,\n  EmptyState as WSREmptyState,\n} from '@wix/design-system';\nimport { Refresh as RefreshIcon } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { CreateTagButton } from './CreateTagButton';\nimport { FiltersMap } from '@wix/bex-core';\n\ninterface EmptyStateProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n}\n\nconst _EmptyState = <T, F extends FiltersMap>({\n  state,\n}: EmptyStateProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const handleEmptyStateSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      state.handleSearchChange(value);\n    },\n    [state.handleSearchChange],\n  );\n\n  const retry = useCallback(() => {\n    state.retry();\n  }, [state.retry]);\n\n  return (\n    <Box direction=\"vertical\" boxSizing=\"border-box\" height=\"100%\">\n      {state.isInEmptyState && (\n        <Box direction=\"vertical\" padding=\"SP5 SP5 0\">\n          <Box>\n            <Search\n              dataHook=\"bulk-assign-tags-empty-state-search\"\n              placeholder={t(\n                'cairo.tags.collectionPage.popover.emptyState.search.placeholder',\n              )}\n              onChange={handleEmptyStateSearchChange}\n            ></Search>\n          </Box>\n          {!!state.searchValue && (\n            <Box marginTop=\"SP4\">\n              <CreateTagButton state={state} searchValue={state.searchValue} />\n            </Box>\n          )}\n        </Box>\n      )}\n      {state.isError && (\n        <Box height=\"100%\" verticalAlign=\"middle\">\n          <WSREmptyState\n            dataHook=\"bulk-assign-tags-error-state\"\n            theme=\"page-no-border\"\n            subtitle={t(\n              'cairo.tags.collectionPage.popover.loadTags.error.body',\n            )}\n          >\n            <TextButton\n              dataHook=\"bulk-assign-tags-error-state-retry-button\"\n              prefixIcon={<RefreshIcon />}\n              onClick={retry}\n            >\n              {t('cairo.tags.loadTags.error.CTA')}\n            </TextButton>\n          </WSREmptyState>\n        </Box>\n      )}\n      {state.isInEmptyState && !state.searchValue && (\n        <WSREmptyState\n          dataHook=\"bulk-assign-tags-empty-state\"\n          theme=\"page-no-border\"\n          subtitle={t('cairo.tags.collectionPage.popover.emptyState.body')}\n        />\n      )}\n    </Box>\n  );\n};\n\nexport const EmptyState = observer(_EmptyState);\n"],"mappings":"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"}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Footer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/BulkAssignTagsPopover/Footer.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _Footer = ({
+  state
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const closePopover = (0, _react.useCallback)(() => {
+    state.closePopover();
+  }, [state]);
+  const applyChanges = (0, _react.useCallback)(() => {
+    state.applyChanges();
+  }, [state]);
+  const handleManageTagsCtaClick = (0, _react.useCallback)(() => {
+    state.handleManageTagsCtaClick();
+  }, [state]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "54px",
+    width: "100%",
+    direction: "vertical",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "100%",
+    align: "space-between",
+    verticalAlign: "middle",
+    padding: "0 SP3",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 7
+    }
+  }, !state.isLoading && !state.isError && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: "bulk-assign-tags-manage-tags-button",
+    size: "small",
+    onClick: handleManageTagsCtaClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 11
+    }
+  }, t('cairo.tags.collectionPage.popover.manage.CTA')), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginLeft: "auto",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 9
+    }
+  }, state.isDirty ? /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    onClick: applyChanges,
+    dataHook: "bulk-assign-tags-apply-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 13
+    }
+  }, t('cairo.tags.collectionPage.applyChanges.CTA')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    onClick: closePopover,
+    dataHook: "bulk-assign-tags-close-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 13
+    }
+  }, t('cairo.tags.collectionPage.popover.close.CTA')))));
+};
+const Footer = exports.Footer = (0, _mobxReactLite.observer)(_Footer);
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_Footer","state","translate","useWixPatternsContainer","closePopover","useCallback","applyChanges","handleManageTagsCtaClick","createElement","Box","height","width","direction","__self","__source","fileName","lineNumber","columnNumber","Divider","align","verticalAlign","padding","isLoading","isError","TextButton","dataHook","size","onClick","marginLeft","isDirty","Button","Footer","exports","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/Footer.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { Box, Button, Divider, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\n\ninterface FooterProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n}\n\nconst _Footer = <T, F extends FiltersMap>({ state }: FooterProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const closePopover = useCallback(() => {\n    state.closePopover();\n  }, [state]);\n\n  const applyChanges = useCallback(() => {\n    state.applyChanges();\n  }, [state]);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    state.handleManageTagsCtaClick();\n  }, [state]);\n\n  return (\n    <Box height=\"54px\" width=\"100%\" direction=\"vertical\">\n      <Divider />\n      <Box\n        height=\"100%\"\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        padding=\"0 SP3\"\n      >\n        {!state.isLoading && !state.isError && (\n          <TextButton\n            dataHook=\"bulk-assign-tags-manage-tags-button\"\n            size=\"small\"\n            onClick={handleManageTagsCtaClick}\n          >\n            {t('cairo.tags.collectionPage.popover.manage.CTA')}\n          </TextButton>\n        )}\n        <Box marginLeft=\"auto\">\n          {state.isDirty ? (\n            <Button\n              onClick={applyChanges}\n              dataHook=\"bulk-assign-tags-apply-button\"\n            >\n              {t('cairo.tags.collectionPage.applyChanges.CTA')}\n            </Button>\n          ) : (\n            <Button\n              onClick={closePopover}\n              dataHook=\"bulk-assign-tags-close-button\"\n            >\n              {t('cairo.tags.collectionPage.popover.close.CTA')}\n            </Button>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nexport const Footer = observer(_Footer);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAO3C,MAAMY,OAAO,GAAGA,CAA0B;EAAEC;AAAyB,CAAC,KAAK;EACzE,MAAM;IAAEC,SAAS,EAAEnB;EAAE,CAAC,GAAG,IAAAoB,+BAAuB,EAAC,CAAC;EAElD,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCJ,KAAK,CAACG,YAAY,CAAC,CAAC;EACtB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,MAAMK,YAAY,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACrCJ,KAAK,CAACK,YAAY,CAAC,CAAC;EACtB,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,MAAMM,wBAAwB,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACjDJ,KAAK,CAACM,wBAAwB,CAAC,CAAC;EAClC,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEX,oBACE7B,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAAkC,GAAG;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAACC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClD7C,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAA2C,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACX7C,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAAkC,GAAG;IACFC,MAAM,EAAC,MAAM;IACbS,KAAK,EAAC,eAAe;IACrBC,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,CAAChB,KAAK,CAACqB,SAAS,IAAI,CAACrB,KAAK,CAACsB,OAAO,iBACjCnD,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAAiD,UAAU;IACTC,QAAQ,EAAC,qCAAqC;IAC9CC,IAAI,EAAC,OAAO;IACZC,OAAO,EAAEpB,wBAAyB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjClC,CAAC,CAAC,8CAA8C,CACvC,CACb,eACDX,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAAkC,GAAG;IAACmB,UAAU,EAAC,MAAM;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnBhB,KAAK,CAAC4B,OAAO,gBACZzD,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAAuD,MAAM;IACLH,OAAO,EAAErB,YAAa;IACtBmB,QAAQ,EAAC,+BAA+B;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvClC,CAAC,CAAC,4CAA4C,CACzC,CAAC,gBAETX,MAAA,CAAAa,OAAA,CAAAuB,aAAA,CAACjC,aAAA,CAAAuD,MAAM;IACLH,OAAO,EAAEvB,YAAa;IACtBqB,QAAQ,EAAC,+BAA+B;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvClC,CAAC,CAAC,6CAA6C,CAC1C,CAEP,CACF,CACF,CAAC;AAEV,CAAC;AAEM,MAAMgD,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,uBAAQ,EAACjC,OAAO,CAAC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BulkAssignTagsPopover = void 0;
+var _BulkAssignTagsPopover = require("./BulkAssignTagsPopover");
+exports.BulkAssignTagsPopover = _BulkAssignTagsPopover.BulkAssignTagsPopover;
+//# sourceMappingURL=index.js.map