@wix/patterns 1.425.0 → 1.427.0

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

@@ -7,8 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _useCollectionReachBottom = require("../../../useCollectionReachBottom");
-var _InfiniteScrollLoader = require("../../../InfiniteScrollLoader/InfiniteScrollLoader");
+var _useReachBottom = require("../../../../hooks/useReachBottom");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
 var _TagsListItem = require("./List/TagsListItem");
@@ -50,18 +49,19 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
   const shouldAllowTagsPagination = state.tagsManagementState.shouldAllowTagsPagination;
   const scrollRef = (0, _react.useRef)(null);
   state.ref = scrollRef;
-  const {
-    targetRef
-  } = (0, _useCollectionReachBottom.useCollectionReachBottom)({
-    collection: state.tagsManagementState.collection,
-    containerRef: shouldAllowTagsPagination ? scrollRef : undefined
+
+  // Grows the local render window when the user scrolls near the bottom —
+  // all tags are already in memory, only rendering is windowed
+  (0, _useReachBottom.useReachBottom)({
+    containerRef: scrollRef,
+    onReachBottom: state.showMoreItems
   });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     width: 510,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 79,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
@@ -77,7 +77,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 88,
+        lineNumber: 90,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -87,7 +87,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 92,
+          lineNumber: 94,
           columnNumber: 27
         }
       }),
@@ -96,7 +96,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 91,
         columnNumber: 13
       }
     }, t('cairo.tags.manageTags.modal.add.CTA'))),
@@ -107,7 +107,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 80,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -117,14 +117,14 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 107,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToastContainer, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 108,
       columnNumber: 11
     }
   }, state.toastConfig && /*#__PURE__*/_react.default.createElement(_ManageTagsNotification.ManageTagsNotification, {
@@ -134,7 +134,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 110,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -143,7 +143,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 117,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -151,7 +151,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 118,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
@@ -165,14 +165,14 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 119,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 131,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -186,7 +186,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 133,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -196,14 +196,14 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 142,
       columnNumber: 13
     }
   }, state.searchValue && state.shownItems.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 148,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -215,7 +215,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 149,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -223,7 +223,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 156,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -238,7 +238,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 164,
+          lineNumber: 166,
           columnNumber: 33
         }
       })
@@ -246,7 +246,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 157,
       columnNumber: 23
     }
   })))), state.shownItems.map((tag, idx) => /*#__PURE__*/_react.default.createElement(_TagsListItem.TagsListItem, {
@@ -257,7 +257,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 174,
       columnNumber: 17
     }
   })), state.isShowingNewTagListItem && /*#__PURE__*/_react.default.createElement(_NewTagItemEditable.NewTagItemEditable, {
@@ -265,17 +265,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
-      columnNumber: 17
-    }
-  }), shouldAllowTagsPagination && /*#__PURE__*/_react.default.createElement(_InfiniteScrollLoader.InfiniteScrollLoader, {
-    targetRef: targetRef,
-    state: state.tagsManagementState.collection,
-    size: "small",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 185,
       columnNumber: 17
     }
   }))))));
@@ -301,7 +291,7 @@ const ManageTagsModalComponent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 209,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ManageTagsModalContent, {
@@ -309,7 +299,7 @@ const ManageTagsModalComponent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 215,
       columnNumber: 9
     }
   })), state.confirmModalState.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -325,7 +315,7 @@ const ManageTagsModalComponent = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 231,
+            lineNumber: 226,
             columnNumber: 23
           }
         }),
@@ -334,7 +324,7 @@ const ManageTagsModalComponent = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 232,
+            lineNumber: 227,
             columnNumber: 23
           }
         })
@@ -342,7 +332,7 @@ const ManageTagsModalComponent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 227,
+        lineNumber: 222,
         columnNumber: 13
       }
     })
@@ -350,7 +340,7 @@ const ManageTagsModalComponent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 218,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_useCollectionReachBottom","_InfiniteScrollLoader","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ManageTagsModalContent","observer","state","translate","useWixPatternsContainer","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","shouldAllowTagsPagination","tagsManagementState","scrollRef","useRef","ref","targetRef","useCollectionReachBottom","collection","containerRef","undefined","createElement","Box","width","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","dataHook","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","InfiniteScrollLoader","ManageTagsModalComponent","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","Fragment","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","confirmModalState","MessageActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CustomModalLayout,\n  Modal,\n  Box,\n  TextButton,\n  AddItem,\n  Text,\n  Divider,\n  Search,\n  ToastContainer,\n} from '@wix/design-system';\nimport { useCollectionReachBottom } from '../../../useCollectionReachBottom';\nimport { InfiniteScrollLoader } from '../../../InfiniteScrollLoader/InfiniteScrollLoader';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { MessageActionModal } from '../../../ActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n  state: TagsModalState;\n}\n\nconst ManageTagsModalContent = observer(({ state }: ManageTagsModalProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const closeModal = useCallback(() => {\n    state.closeManageTagsModal();\n  }, [state]);\n\n  const handleCreateClick = useCallback(() => {\n    state.handleCreateCtaClick();\n  }, [state]);\n\n  const handleCreateTagFromSearch = useCallback(() => {\n    state.createTagFromSearch();\n  }, [state]);\n\n  const handleSearchClear = useCallback(() => {\n    state.handleSearchClear();\n  }, [state]);\n\n  const handleSearchChange = useCallback(\n    (event) => {\n      const newSearchValue = event.target.value;\n      state.handleSearchChange(newSearchValue);\n    },\n    [state],\n  );\n\n  const handleNotificationClose = useCallback(\n    (toastConfig: ToastConfig) => {\n      state.hideNotification(toastConfig);\n    },\n    [state],\n  );\n\n  const shouldAllowTagsPagination =\n    state.tagsManagementState.shouldAllowTagsPagination;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  state.ref = scrollRef;\n  const { targetRef } = useCollectionReachBottom({\n    collection: state.tagsManagementState.collection,\n    containerRef: shouldAllowTagsPagination ? scrollRef : undefined,\n  });\n\n  return (\n    <Box width={510}>\n      <CustomModalLayout\n        className={st(classes.root)}\n        overflowY=\"visible\"\n        showFooterDivider\n        removeContentPadding\n        title={t('cairo.tags.manageTags.modal.title', {\n          EntityName: state.entityTypeName,\n        })}\n        subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n        sideActions={\n          <Box>\n            <TextButton\n              dataHook=\"manage-tags-modal-create-btn\"\n              size=\"small\"\n              prefixIcon={<Add />}\n              onClick={handleCreateClick}\n              disabled={state.isShowingNewTagListItem}\n            >\n              {t('cairo.tags.manageTags.modal.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n        primaryButtonOnClick={closeModal}\n        onCloseButtonClick={closeModal}\n        dataHook=\"manage-tags-modal-layout\"\n      >\n        <Box direction=\"vertical\" height=\"100%\" flex={1}>\n          <ToastContainer>\n            {state.toastConfig && (\n              <ManageTagsNotification\n                toastConfig={state.toastConfig}\n                onClose={handleNotificationClose}\n                dataHook=\"manage-tags-modal-notification\"\n              />\n            )}\n          </ToastContainer>\n          <Box direction=\"vertical\" gap=\"SP2\">\n            <Box padding=\"0 SP4\">\n              <Search\n                autoFocus\n                dataHook=\"manage-tags-modal-search\"\n                onChange={handleSearchChange}\n                value={state.searchValue}\n                placeholder={t(\n                  'cairo.tags.manageTags.modal.search.placeholder',\n                )}\n                onEnterPressed={handleCreateTagFromSearch}\n                onClear={handleSearchClear}\n              />\n            </Box>\n            <Divider />\n          </Box>\n          <Box\n            ref={shouldAllowTagsPagination ? scrollRef : undefined}\n            direction=\"vertical\"\n            maxHeight={446}\n            minHeight={225}\n            dataHook=\"manage-tags-modal-tags-list\"\n            overflowY=\"auto\"\n            paddingBottom=\"SP1\"\n          >\n            <ScrollableContent\n              overflowY={!shouldAllowTagsPagination}\n              smooth={!shouldAllowTagsPagination}\n              ref={!shouldAllowTagsPagination ? state.ref : undefined}\n            >\n              {state.searchValue && state.shownItems.length === 0 && (\n                <div>\n                  <AddItem\n                    theme=\"plain\"\n                    size=\"tiny\"\n                    alignItems=\"left\"\n                    onClick={handleCreateTagFromSearch}\n                    dataHook=\"manage-tags-modal-list-add\"\n                  >\n                    <Text skin=\"primary\">\n                      <Trans\n                        i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n                        values={{\n                          tagName: `${state.searchValue.slice(\n                            0,\n                            TAG_MAX_LENGTH,\n                          )}`,\n                        }}\n                        components={{\n                          name: <Text weight=\"bold\" skin=\"primary\" />,\n                        }}\n                      />\n                    </Text>\n                  </AddItem>\n                </div>\n              )}\n              {state.shownItems.map((tag, idx) => (\n                <TagsListItem\n                  state={state}\n                  key={tag.id}\n                  tag={tag}\n                  isLastTag={\n                    !state.isShowingNewTagListItem &&\n                    idx === state.shownItems.length - 1\n                  }\n                />\n              ))}\n              {state.isShowingNewTagListItem && (\n                <NewTagItemEditable state={state} />\n              )}\n              {shouldAllowTagsPagination && (\n                <InfiniteScrollLoader\n                  targetRef={targetRef}\n                  state={state.tagsManagementState.collection}\n                  size=\"small\"\n                />\n              )}\n            </ScrollableContent>\n          </Box>\n        </Box>\n      </CustomModalLayout>\n    </Box>\n  );\n});\n\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.72.0',\n      requiredBy: 'WixPatterns/ManageTagsModal',\n    });\n  }\n\n  const closeModal = useCallback(() => {\n    state.closeManageTagsModal();\n  }, [state]);\n\n  return (\n    <>\n      <Modal\n        isOpen={state.isOpen}\n        onRequestClose={closeModal}\n        shouldCloseOnOverlayClick\n        dataHook=\"manage-tags-modal\"\n      >\n        <ManageTagsModalContent state={state} />\n      </Modal>\n      {state.confirmModalState.value && (\n        <MessageActionModal\n          dataHook=\"manage-tags-modal-confirm-delete-modal\"\n          state={state.confirmModalState}\n          content={\n            <Trans\n              i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n              values={{ name: state.tagToDelete?.name }}\n              components={{\n                text: <Text />,\n                name: <Text weight=\"bold\" />,\n              }}\n            />\n          }\n          {...state.confirmModalState.value}\n        />\n      )}\n    </>\n  );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_useReachBottom","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ManageTagsModalContent","observer","state","translate","useWixPatternsContainer","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","shouldAllowTagsPagination","tagsManagementState","scrollRef","useRef","ref","useReachBottom","containerRef","onReachBottom","showMoreItems","createElement","Box","width","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","dataHook","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","undefined","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","ManageTagsModalComponent","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","Fragment","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","confirmModalState","MessageActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CustomModalLayout,\n  Modal,\n  Box,\n  TextButton,\n  AddItem,\n  Text,\n  Divider,\n  Search,\n  ToastContainer,\n} from '@wix/design-system';\nimport { useReachBottom } from '../../../../hooks/useReachBottom';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { MessageActionModal } from '../../../ActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n  state: TagsModalState;\n}\n\nconst ManageTagsModalContent = observer(({ state }: ManageTagsModalProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const closeModal = useCallback(() => {\n    state.closeManageTagsModal();\n  }, [state]);\n\n  const handleCreateClick = useCallback(() => {\n    state.handleCreateCtaClick();\n  }, [state]);\n\n  const handleCreateTagFromSearch = useCallback(() => {\n    state.createTagFromSearch();\n  }, [state]);\n\n  const handleSearchClear = useCallback(() => {\n    state.handleSearchClear();\n  }, [state]);\n\n  const handleSearchChange = useCallback(\n    (event) => {\n      const newSearchValue = event.target.value;\n      state.handleSearchChange(newSearchValue);\n    },\n    [state],\n  );\n\n  const handleNotificationClose = useCallback(\n    (toastConfig: ToastConfig) => {\n      state.hideNotification(toastConfig);\n    },\n    [state],\n  );\n\n  const shouldAllowTagsPagination =\n    state.tagsManagementState.shouldAllowTagsPagination;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  state.ref = scrollRef;\n\n  // Grows the local render window when the user scrolls near the bottom —\n  // all tags are already in memory, only rendering is windowed\n  useReachBottom({\n    containerRef: scrollRef,\n    onReachBottom: state.showMoreItems,\n  });\n\n  return (\n    <Box width={510}>\n      <CustomModalLayout\n        className={st(classes.root)}\n        overflowY=\"visible\"\n        showFooterDivider\n        removeContentPadding\n        title={t('cairo.tags.manageTags.modal.title', {\n          EntityName: state.entityTypeName,\n        })}\n        subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n        sideActions={\n          <Box>\n            <TextButton\n              dataHook=\"manage-tags-modal-create-btn\"\n              size=\"small\"\n              prefixIcon={<Add />}\n              onClick={handleCreateClick}\n              disabled={state.isShowingNewTagListItem}\n            >\n              {t('cairo.tags.manageTags.modal.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n        primaryButtonOnClick={closeModal}\n        onCloseButtonClick={closeModal}\n        dataHook=\"manage-tags-modal-layout\"\n      >\n        <Box direction=\"vertical\" height=\"100%\" flex={1}>\n          <ToastContainer>\n            {state.toastConfig && (\n              <ManageTagsNotification\n                toastConfig={state.toastConfig}\n                onClose={handleNotificationClose}\n                dataHook=\"manage-tags-modal-notification\"\n              />\n            )}\n          </ToastContainer>\n          <Box direction=\"vertical\" gap=\"SP2\">\n            <Box padding=\"0 SP4\">\n              <Search\n                autoFocus\n                dataHook=\"manage-tags-modal-search\"\n                onChange={handleSearchChange}\n                value={state.searchValue}\n                placeholder={t(\n                  'cairo.tags.manageTags.modal.search.placeholder',\n                )}\n                onEnterPressed={handleCreateTagFromSearch}\n                onClear={handleSearchClear}\n              />\n            </Box>\n            <Divider />\n          </Box>\n          <Box\n            ref={shouldAllowTagsPagination ? scrollRef : undefined}\n            direction=\"vertical\"\n            maxHeight={446}\n            minHeight={225}\n            dataHook=\"manage-tags-modal-tags-list\"\n            overflowY=\"auto\"\n            paddingBottom=\"SP1\"\n          >\n            <ScrollableContent\n              overflowY={!shouldAllowTagsPagination}\n              smooth={!shouldAllowTagsPagination}\n              ref={!shouldAllowTagsPagination ? state.ref : undefined}\n            >\n              {state.searchValue && state.shownItems.length === 0 && (\n                <div>\n                  <AddItem\n                    theme=\"plain\"\n                    size=\"tiny\"\n                    alignItems=\"left\"\n                    onClick={handleCreateTagFromSearch}\n                    dataHook=\"manage-tags-modal-list-add\"\n                  >\n                    <Text skin=\"primary\">\n                      <Trans\n                        i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n                        values={{\n                          tagName: `${state.searchValue.slice(\n                            0,\n                            TAG_MAX_LENGTH,\n                          )}`,\n                        }}\n                        components={{\n                          name: <Text weight=\"bold\" skin=\"primary\" />,\n                        }}\n                      />\n                    </Text>\n                  </AddItem>\n                </div>\n              )}\n              {state.shownItems.map((tag, idx) => (\n                <TagsListItem\n                  state={state}\n                  key={tag.id}\n                  tag={tag}\n                  isLastTag={\n                    !state.isShowingNewTagListItem &&\n                    idx === state.shownItems.length - 1\n                  }\n                />\n              ))}\n              {state.isShowingNewTagListItem && (\n                <NewTagItemEditable state={state} />\n              )}\n            </ScrollableContent>\n          </Box>\n        </Box>\n      </CustomModalLayout>\n    </Box>\n  );\n});\n\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.72.0',\n      requiredBy: 'WixPatterns/ManageTagsModal',\n    });\n  }\n\n  const closeModal = useCallback(() => {\n    state.closeManageTagsModal();\n  }, [state]);\n\n  return (\n    <>\n      <Modal\n        isOpen={state.isOpen}\n        onRequestClose={closeModal}\n        shouldCloseOnOverlayClick\n        dataHook=\"manage-tags-modal\"\n      >\n        <ManageTagsModalContent state={state} />\n      </Modal>\n      {state.confirmModalState.value && (\n        <MessageActionModal\n          dataHook=\"manage-tags-modal-confirm-delete-modal\"\n          state={state.confirmModalState}\n          content={\n            <Trans\n              i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n              values={{ name: state.tagToDelete?.name }}\n              components={{\n                text: <Text />,\n                name: <Text weight=\"bold\" />,\n              }}\n            />\n          }\n          {...state.confirmModalState.value}\n        />\n      )}\n    </>\n  );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal885634463";
+var _namespace_ = "ManageTagsModal2098405983";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal885634463__root"
+  "root": "ManageTagsModal2098405983__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal885634463\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal885634463__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2098405983\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal2098405983__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -1,9 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.TagsWidgetContent = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
@@ -96,9 +94,6 @@ const _TagsWidgetContent = ({
     var _initialTags$privateT2;
     formState.tagsAssignmentState.replaceAssigned((initialTags == null || (_initialTags$privateT2 = initialTags.privateTags) == null ? void 0 : _initialTags$privateT2.tagIds) ?? []);
   }, [initialTagIdsKey]);
-  const {
-    shouldAllowTagsPagination
-  } = formState.tagsManagementState;
   const tagsOptions = (0, _react.useMemo)(() => {
     var _formState$searchValu;
     const options = formState.displayedTagOptions;
@@ -111,7 +106,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 132,
+          lineNumber: 130,
           columnNumber: 25
         }
       })
@@ -153,18 +148,13 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 188,
+        lineNumber: 186,
         columnNumber: 12
       }
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, (0, _extends2.default)({
-    popoverProps: popoverProps
-  }, shouldAllowTagsPagination ? {
-    infiniteScroll: true,
-    hasMore: formState.tagsManagementState.hasMore,
-    loadMore: () => formState.tagsManagementState.loadMore()
-  } : {}, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+    popoverProps: popoverProps,
     value: formState.searchValue,
     onChange: handleSearchChange,
     options: tagsOptions,
@@ -177,7 +167,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 213,
+        lineNumber: 204,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -186,7 +176,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 216,
+          lineNumber: 207,
           columnNumber: 27
         }
       }),
@@ -194,7 +184,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 214,
+        lineNumber: 205,
         columnNumber: 13
       }
     }, t('cairo.tags.tagsWidget.add.CTA'))),
@@ -202,14 +192,14 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 225,
+        lineNumber: 216,
         columnNumber: 13
       }
     }, !!tagsOptions.length && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 226,
+        lineNumber: 217,
         columnNumber: 40
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -220,7 +210,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 227,
+        lineNumber: 218,
         columnNumber: 15
       }
     })),
@@ -231,15 +221,15 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 191,
       columnNumber: 7
     }
-  })), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
     fallback: null,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 236,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ManageTagsModal, {
@@ -247,7 +237,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 237,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","manageTagsShowUndoToast","_initialTags$privateT","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","showUndoToast","useEffect","disposers","init","forEach","disposer","initialTagIdsKey","privateTags","tagIds","join","_initialTags$privateT2","tagsAssignmentState","replaceAssigned","shouldAllowTagsPagination","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","_extends2","infiniteScroll","hasMore","loadMore","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n  popoverProps,\n  manageTagsShowUndoToast,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n        showUndoToast: manageTagsShowUndoToast,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const initialTagIdsKey = (initialTags?.privateTags?.tagIds ?? []).join(',');\n  useEffect(() => {\n    formState.tagsAssignmentState.replaceAssigned(\n      initialTags?.privateTags?.tagIds ?? [],\n    );\n  }, [initialTagIdsKey]);\n\n  const { shouldAllowTagsPagination } = formState.tagsManagementState;\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        popoverProps={popoverProps}\n        {...(shouldAllowTagsPagination\n          ? {\n              infiniteScroll: true,\n              hasMore: formState.tagsManagementState.hasMore,\n              loadMore: () => formState.tagsManagementState.loadMore(),\n            }\n          : {})}\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","manageTagsShowUndoToast","_initialTags$privateT","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","showUndoToast","useEffect","disposers","init","forEach","disposer","initialTagIdsKey","privateTags","tagIds","join","_initialTags$privateT2","tagsAssignmentState","replaceAssigned","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n  popoverProps,\n  manageTagsShowUndoToast,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n        showUndoToast: manageTagsShowUndoToast,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const initialTagIdsKey = (initialTags?.privateTags?.tagIds ?? []).join(',');\n  useEffect(() => {\n    formState.tagsAssignmentState.replaceAssigned(\n      initialTags?.privateTags?.tagIds ?? [],\n    );\n  }, [initialTagIdsKey]);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        popoverProps={popoverProps}\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAWA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAOA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAgD,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUhD,MAAMkB,yBAAyB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS,EAAEpB,CAAC;IAAEqB;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,IAAAC,wBAAW,EAAC,MAAMF,QAAQ,CAACG,MAAM,CAAC;EAElC,IAAIL,SAAS,CAACM,qBAAqB,CAACC,MAAM,KAAK,CAAC,EAAE;IAChD,oBACEvC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAoC,IAAI;MAACC,QAAQ,EAAC,kCAAkC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC9ClC,CAAC,CAAC,0CAA0C,CACzC,CAAC;EAEX;EAEA,oBACEb,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2C,GAAG;IAACC,GAAG,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACZf,SAAS,CAACM,qBAAqB,CAACY,GAAG,CAAEC,GAAG,iBACvCnD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA+C,GAAG;IACFC,GAAG,EAAEF,GAAG,CAACG,EAAG;IACZA,EAAE,EAAEH,GAAG,CAACG,EAAG;IACXZ,QAAQ,EAAC,iBAAiB;IAC1Ba,SAAS,EAAE,KAAM;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBI,GAAG,CAACK,KACF,CACN,CACE,CAAC;AAEV,CAAC;AAED,MAAMC,eAAe,gBAAGC,cAAK,CAACC,IAAI,CAAC,MACjCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA7D,uBAAA,CAAAC,OAAA,CACE,yCAA0C,oDAAoD,IAC9F4D,IAAI,CAAEC,MAAM,KAAM;EAAEzC,OAAO,EAAEyC,MAAM,CAACN;AAAgB,CAAC,CAAC,CAC1D,CAAC;AAED,MAAMO,kBAAkB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC;AACsB,CAAC,KAAK;EAAA,IAAAC,qBAAA;EAC5B,MAAM;IAAExC,SAAS,EAAEpB;EAAE,CAAC,GAAG,IAAAsB,+BAAuB,EAAC,CAAC;EAClD,MAAM,CAACH,SAAS,CAAC,GAAG,IAAA0C,eAAQ,EAAC,MAC3B,IAAAC,iBAAW,EACT,MACGV,KAAK,CAACW,aAAa,KAAnBX,KAAK,CAACW,aAAa,GAAK,IAAIC,sBAAa,CAAC;IACzCT,WAAW;IACXU,mBAAmB,EAAEb,KAAK,CAACa,mBAAmB;IAC9CC,MAAM,EAAEd,KAAK,CAACc,MAAM;IACpBZ;EACF,CAAC,CAAC,CACN,CACF,CAAC;EACD,MAAM,CAACa,cAAc,CAAC,GAAG,IAAAN,eAAQ,EAC/B,MACE,IAAIO,8BAAc,CAAC;IACjBH,mBAAmB,EAAEb,KAAK,CAACa,mBAAmB;IAC9CX,cAAc;IACde,aAAa,EAAEV;EACjB,CAAC,CACL,CAAC;EAED,IAAAW,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAG,CAACpD,SAAS,CAACqD,IAAI,CAAC;MAAEhB;IAAS,CAAC,CAAC,EAAEW,cAAc,CAACK,IAAI,CAAC,CAAC,CAAC;IAEvE,OAAO,MAAM;MACXD,SAAS,CAACE,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAG,CAAC,CAAApB,WAAW,aAAAK,qBAAA,GAAXL,WAAW,CAAEqB,WAAW,qBAAxBhB,qBAAA,CAA0BiB,MAAM,KAAI,EAAE,EAAEC,IAAI,CAAC,GAAG,CAAC;EAC3E,IAAAR,gBAAS,EAAC,MAAM;IAAA,IAAAS,sBAAA;IACd5D,SAAS,CAAC6D,mBAAmB,CAACC,eAAe,CAC3C,CAAA1B,WAAW,aAAAwB,sBAAA,GAAXxB,WAAW,CAAEqB,WAAW,qBAAxBG,sBAAA,CAA0BF,MAAM,KAAI,EACtC,CAAC;EACH,CAAC,EAAE,CAACF,gBAAgB,CAAC,CAAC;EAEtB,MAAMO,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,qBAAA;IAChC,MAAMC,OAAO,GAAGlE,SAAS,CAACmE,mBAAmB;IAE7C,MAAMC,iBAAiB,GAAGpE,SAAS,CAACqE,yBAAyB,GACzD,CACE,IAAAC,mCAAqB,EAAC;MACpBhD,EAAE,EAAEiD,2BAAkB;MACtBC,KAAK,EAAE3F,CAAC,CAAC,uCAAuC,EAAE;QAChD4F,OAAO,GAAAR,qBAAA,GAAEjE,SAAS,CAAC0E,WAAW,qBAArBT,qBAAA,CAAuBU,KAAK,CAAC,CAAC,EAAEC,uBAAc;MACzD,CAAC,CAAC;MACFC,UAAU,eAAE7G,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,iBAAA,CAAAwG,GAAO;QAAAnE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IACxB,CAAC,CAAC,CACH,GACD,EAAE;IAEN,OAAO,CAAC,GAAGqD,iBAAiB,EAAE,GAAGF,OAAO,CAAC;EAC3C,CAAC,EAAE,CACDlE,SAAS,CAACmE,mBAAmB,EAC7BnE,SAAS,CAAC0E,WAAW,EACrB1E,SAAS,CAACqE,yBAAyB,EACnCrE,SAAS,CAACM,qBAAqB,CAChC,CAAC;EAEF,MAAMyE,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,KAAK,IAAK;IAChDjF,SAAS,CAAC+E,kBAAkB,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAJ,kBAAW,EACjC,MAAOK,MAA4B,IAAK;IACtC,MAAMC,eAAe,GAAG;MACtBhE,EAAE,EAAE+D,MAAM,CAAC/D,EAAY;MACvB6D,KAAK,EAAEE,MAAM,CAACF;IAChB,CAAC;IACDnF,SAAS,CAACoF,eAAe,CAACE,eAAe,EAAEpD,QAAQ,CAAC;EACtD,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMqD,eAAe,GAAG,IAAAP,kBAAW,EAChCQ,KAAK,IAAK;IACTxF,SAAS,CAACyF,WAAW,CAACD,KAAK,EAAEtD,QAAQ,CAAC;EACxC,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMwD,iBAAiB,GAAG,IAAAV,kBAAW,EAAC,MAAM;IAC1ChF,SAAS,CAAC0F,iBAAiB,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,wBAAwB,GAAG,IAAAX,kBAAW,EAAC,MAAM;IACjDhF,SAAS,CAAC2F,wBAAwB,CAAC,CAAC;IACpC3C,cAAc,CAAC4C,mBAAmB,CAAC;MACjC7C,MAAM,EAAE/C,SAAS,CAAC+C,MAAM;MACxB8C,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAC/ChF,SAAS,CAAC+F,uBAAuB,CAAC,IAAI,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,qBAAqB,GAAG,IAAAhB,kBAAW,EAAC,MAAM;IAC9ChF,SAAS,CAAC+F,uBAAuB,CAAC,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIzD,QAAQ,EAAE;IACZ,oBAAOtE,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACT,yBAAyB;MAACC,SAAS,EAAEA,SAAU;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC5D;EAEA,oBACE/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAAxC,MAAA,CAAAsB,OAAA,CAAA2G,QAAA,qBACEjI,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA6H,WAAW;IACV3D,YAAY,EAAEA,YAAa;IAC3B4C,KAAK,EAAEnF,SAAS,CAAC0E,WAAY;IAC7ByB,QAAQ,EAAEpB,kBAAmB;IAC7Bb,OAAO,EAAEH,WAAY;IACrBqC,OAAO,EAAEN,sBAAuB;IAChCO,MAAM,EAAEL,qBAAsB;IAC9BM,IAAI,EAAEtG,SAAS,CAACM,qBAAsB;IACtCiG,aAAa,EAAEb,iBAAkB;IACjCc,YAAY,EACVxG,SAAS,CAACqE,yBAAyB,GAAGE,2BAAkB,GAAG,IAC5D;IACDkC,YAAY,eACVzI,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2C,GAAG;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAqI,UAAU;MACTC,IAAI,EAAC,OAAO;MACZ9B,UAAU,eAAE7G,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,iBAAA,CAAAwG,GAAO;QAAAnE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxBL,QAAQ,EAAC,iBAAiB;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEzBlC,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IACD+H,WAAW,EACT5G,SAAS,CAAC6G,cAAc,GAAGC,SAAS,gBAClC9I,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACG,CAAC,CAACgD,WAAW,CAACxD,MAAM,iBAAIvC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA0I,OAAO;MAAApG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACpC/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2I,cAAc;MACbtG,QAAQ,EAAC,iBAAiB;MAC1BuG,OAAO,EAAEtB,wBAAyB;MAClCrE,EAAE,EAAE4F,8BAAsB;MAC1B1C,KAAK,EAAE3F,CAAC,CAAC,0CAA0C,CAAE;MAAA8B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtD,CACE,CAER;IACDoG,QAAQ,EAAE/B,eAAgB;IAC1BgC,WAAW,EAAE7B,eAAgB;IAC7B8B,WAAW,EACTrH,SAAS,CAAC6G,cAAc,IAAI7G,SAAS,CAACsH,oBAAoB,GACtDzI,CAAC,CAAC,yCAAyC,CAAC,GAC5CiI,SACL;IACDpG,QAAQ,EAAC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CAAC,eACF/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACxC,MAAA,CAAAsB,OAAK,CAACiI,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAA7G,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7B/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACiB,eAAe;IAACQ,KAAK,EAAEe,cAAe;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAChB,CAAC;AAEP,CAAC;AAEM,MAAM0G,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC3F,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem3003316184";
+var _namespace_ = "ToolbarItem1784934616";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem3003316184__root"
+  "root": "ToolbarItem1784934616__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};