@wix/patterns 1.430.0 → 1.432.0

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_useReachBottom","_useBmHarmonyTheme","_lazy","_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","isBmHarmonyTheme","useBmHarmonyTheme","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","harmony","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","dataHook","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","skin","undefined","primaryButtonText","primaryButtonOnClick","primaryButtonProps","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","padding","Search","autoFocus","border","onChange","searchValue","placeholder","onEnterPressed","onClear","gap","Divider","maxHeight","minHeight","paddingBottom","marginTop","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","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 { useBmHarmonyTheme } from '../../../../hooks/useBmHarmonyTheme';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\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 isBmHarmonyTheme = useBmHarmonyTheme();\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, { harmony: isBmHarmonyTheme })}\n        overflowY=\"visible\"\n        showFooterDivider={!isBmHarmonyTheme}\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              skin={isBmHarmonyTheme ? 'dark' : undefined}\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        primaryButtonProps={isBmHarmonyTheme ? { skin: 'dark' } : undefined}\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          {isBmHarmonyTheme ? (\n            <Box padding=\"0 SP6\">\n              <Search\n                autoFocus\n                border=\"standard\"\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          ) : (\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          )}\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            marginTop={isBmHarmonyTheme ? 'SP4' : undefined}\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

@@ -1,3 +1,12 @@
 .root {
   display: flex;
-}
+  -st-states: harmony;
+}
+
+.root:harmony :global(.wds_1_301_0_TableListItem__root) {
+  padding-inline-end: 16px;
+}
+
+.root:harmony :global(.wds_1_301_0_TableListItem__optionsContainer) {
+  align-items: start;
+}

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_ = "ManageTagsModal1320417957";
+var _namespace_ = "ManageTagsModal3581084668";
 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": "ManageTagsModal1320417957__root"
+  "root": "ManageTagsModal3581084668__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_ = \"ManageTagsModal1320417957\";\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\":\"ManageTagsModal1320417957__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":[]}
+{"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_ = \"ManageTagsModal3581084668\";\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\":\"ManageTagsModal3581084668__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/Tags/ManageTags/ManageTagsModal/TagItemEditable.js

@@ -4,7 +4,9 @@ exports.__esModule = true;
 exports.TagItemEditable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const TagItemEditable = ({
@@ -18,7 +20,121 @@ const TagItemEditable = ({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
-  const [currentValueLength, setCurrentValueLength] = (0, _react.useState)((tagName == null ? void 0 : tagName.length) ?? 0);
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const [value, setValue] = (0, _react.useState)(tagName ?? '');
+  if (isBmHarmonyTheme) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+      options: [{
+        value: /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+          dataHook: "manage-tags-modal-tag-form-field",
+          stretchContent: true,
+          status: errorMessage ? 'error' : undefined,
+          statusMessage: errorMessage,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 44,
+            columnNumber: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+          dataHook: "manage-tags-modal-tag-editable",
+          value: value,
+          onChange: e => setValue(e.target.value),
+          onEnterPressed: () => onApprove(value),
+          onEscapePressed: onCancel,
+          placeholder: t('cairo.tags.manageTags.modal.list.input.placeholder'),
+          autoFocus: true,
+          size: "small",
+          suffix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 62,
+              columnNumber: 21
+            }
+          }, `${value.length} / ${maxLength}`),
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 50,
+            columnNumber: 17
+          }
+        })),
+        width: '1fr'
+      }, {
+        value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+          gap: "2px",
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 73,
+            columnNumber: 15
+          }
+        }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+          content: t('cairo.tags.manageTags.modal.list.input.cancel.CTA'),
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 74,
+            columnNumber: 17
+          }
+        }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+          dataHook: "manage-tags-modal-tag-action-cancel",
+          size: "small",
+          priority: "tertiary",
+          onClick: onCancel,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 79,
+            columnNumber: 19
+          }
+        }, /*#__PURE__*/_react.default.createElement(_lazy.DismissSmall, {
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 85,
+            columnNumber: 21
+          }
+        }))), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+          content: t('cairo.tags.manageTags.modal.list.input.save.CTA'),
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 88,
+            columnNumber: 17
+          }
+        }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+          dataHook: "manage-tags-modal-tag-action-approve",
+          size: "small",
+          priority: "tertiary",
+          onClick: () => onApprove(value),
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 91,
+            columnNumber: 19
+          }
+        }, /*#__PURE__*/_react.default.createElement(_lazy.ConfirmSmall, {
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 97,
+            columnNumber: 21
+          }
+        })))),
+        width: 'max-content',
+        align: 'right'
+      }],
+      verticalPadding: "tiny",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 40,
+        columnNumber: 7
+      }
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     options: [{
       value: /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -28,7 +144,7 @@ const TagItemEditable = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 40,
+          lineNumber: 116,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.ListItemEditable, {
@@ -37,7 +153,7 @@ const TagItemEditable = ({
         onEnterPressed: e => {
           onApprove(e.currentTarget.value);
         },
-        onChange: e => setCurrentValueLength(e.target.value.length),
+        onChange: e => setValue(e.target.value),
         onApprove: onApprove,
         onCancel: onCancel,
         placeholder: t('cairo.tags.manageTags.modal.list.input.placeholder'),
@@ -51,14 +167,14 @@ const TagItemEditable = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 68,
+            lineNumber: 144,
             columnNumber: 19
           }
-        }, `${currentValueLength} / ${maxLength}`),
+        }, `${value.length} / ${maxLength}`),
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 45,
+          lineNumber: 121,
           columnNumber: 15
         }
       }))
@@ -68,7 +184,7 @@ const TagItemEditable = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 112,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TagItemEditable","tagName","isLastTag","errorMessage","onApprove","onCancel","maxLength","translate","useWixPatternsContainer","currentValueLength","setCurrentValueLength","useState","length","createElement","TableListItem","options","value","FormField","dataHook","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","ListItemEditable","onEnterPressed","currentTarget","onChange","target","placeholder","cancelButtonTooltipContent","approveButtonTooltipContent","approveButtonDisabledOnEmpty","autoFocus","size","margins","suffix","Input","Affix","verticalPadding","showDivider","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  TableListItem,\n  ListItemEditable,\n  ListItemEditableSize,\n  ListItemEditableMargins,\n  ListItemEditableProps,\n  FormField,\n  Input,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface TagItemEditableProps extends Partial<ListItemEditableProps> {\n  tagName?: string;\n  isLastTag: boolean;\n  errorMessage: string | null;\n  onApprove: (value: string) => void;\n  onCancel: () => void;\n  maxLength: number;\n}\n\nexport const TagItemEditable = ({\n  tagName,\n  isLastTag,\n  errorMessage,\n  onApprove,\n  onCancel,\n  maxLength,\n}: TagItemEditableProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [currentValueLength, setCurrentValueLength] = useState(\n    tagName?.length ?? 0,\n  );\n\n  return (\n    <TableListItem\n      options={[\n        {\n          value: (\n            <FormField\n              dataHook=\"manage-tags-modal-tag-form-field\"\n              status={errorMessage ? 'error' : undefined}\n              statusMessage={errorMessage}\n            >\n              <ListItemEditable\n                dataHook=\"manage-tags-modal-tag-editable\"\n                value={tagName ?? ''}\n                onEnterPressed={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                  onApprove(e.currentTarget.value);\n                }}\n                onChange={(e) => setCurrentValueLength(e.target.value.length)}\n                onApprove={onApprove}\n                onCancel={onCancel}\n                placeholder={t(\n                  'cairo.tags.manageTags.modal.list.input.placeholder',\n                )}\n                cancelButtonTooltipContent={t(\n                  'cairo.tags.manageTags.modal.list.input.cancel.CTA',\n                )}\n                approveButtonTooltipContent={t(\n                  'cairo.tags.manageTags.modal.list.input.save.CTA',\n                )}\n                approveButtonDisabledOnEmpty={false}\n                autoFocus\n                size={'small' as keyof typeof ListItemEditableSize}\n                margins={'none' as ListItemEditableMargins}\n                suffix={\n                  <Input.Affix>\n                    {`${currentValueLength} / ${maxLength}`}\n                  </Input.Affix>\n                }\n              />\n            </FormField>\n          ),\n        },\n      ]}\n      verticalPadding=\"tiny\"\n      showDivider={!isLastTag}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TagItemEditable","tagName","isLastTag","errorMessage","onApprove","onCancel","maxLength","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","value","setValue","useState","createElement","TableListItem","options","FormField","dataHook","stretchContent","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","onChange","target","onEnterPressed","onEscapePressed","placeholder","autoFocus","size","suffix","Affix","length","width","Box","gap","Tooltip","content","IconButton","priority","onClick","DismissSmall","ConfirmSmall","align","verticalPadding","ListItemEditable","currentTarget","cancelButtonTooltipContent","approveButtonTooltipContent","approveButtonDisabledOnEmpty","margins","showDivider","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  TableListItem,\n  ListItemEditable,\n  ListItemEditableSize,\n  ListItemEditableMargins,\n  FormField,\n  Input,\n  IconButton,\n  Box,\n  Tooltip,\n} from '@wix/design-system';\nimport { ConfirmSmall, DismissSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../../../hooks/useBmHarmonyTheme';\n\nexport interface TagItemEditableProps {\n  tagName?: string;\n  isLastTag: boolean;\n  errorMessage: string | null;\n  onApprove: (value: string) => void;\n  onCancel: () => void;\n  maxLength: number;\n}\n\nexport const TagItemEditable = ({\n  tagName,\n  isLastTag,\n  errorMessage,\n  onApprove,\n  onCancel,\n  maxLength,\n}: TagItemEditableProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const [value, setValue] = useState(tagName ?? '');\n\n  if (isBmHarmonyTheme) {\n    return (\n      <TableListItem\n        options={[\n          {\n            value: (\n              <FormField\n                dataHook=\"manage-tags-modal-tag-form-field\"\n                stretchContent\n                status={errorMessage ? 'error' : undefined}\n                statusMessage={errorMessage}\n              >\n                <Input\n                  dataHook=\"manage-tags-modal-tag-editable\"\n                  value={value}\n                  onChange={(e) => setValue(e.target.value)}\n                  onEnterPressed={() => onApprove(value)}\n                  onEscapePressed={onCancel}\n                  placeholder={t(\n                    'cairo.tags.manageTags.modal.list.input.placeholder',\n                  )}\n                  autoFocus\n                  size=\"small\"\n                  suffix={\n                    <Input.Affix>\n                      {`${value.length} / ${maxLength}`}\n                    </Input.Affix>\n                  }\n                />\n              </FormField>\n            ),\n            width: '1fr',\n          },\n          {\n            value: (\n              <Box gap=\"2px\">\n                <Tooltip\n                  content={t(\n                    'cairo.tags.manageTags.modal.list.input.cancel.CTA',\n                  )}\n                >\n                  <IconButton\n                    dataHook=\"manage-tags-modal-tag-action-cancel\"\n                    size=\"small\"\n                    priority=\"tertiary\"\n                    onClick={onCancel}\n                  >\n                    <DismissSmall />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip\n                  content={t('cairo.tags.manageTags.modal.list.input.save.CTA')}\n                >\n                  <IconButton\n                    dataHook=\"manage-tags-modal-tag-action-approve\"\n                    size=\"small\"\n                    priority=\"tertiary\"\n                    onClick={() => onApprove(value)}\n                  >\n                    <ConfirmSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            ),\n            width: 'max-content',\n            align: 'right',\n          },\n        ]}\n        verticalPadding=\"tiny\"\n      />\n    );\n  }\n\n  return (\n    <TableListItem\n      options={[\n        {\n          value: (\n            <FormField\n              dataHook=\"manage-tags-modal-tag-form-field\"\n              status={errorMessage ? 'error' : undefined}\n              statusMessage={errorMessage}\n            >\n              <ListItemEditable\n                dataHook=\"manage-tags-modal-tag-editable\"\n                value={tagName ?? ''}\n                onEnterPressed={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                  onApprove(e.currentTarget.value);\n                }}\n                onChange={(e) => setValue(e.target.value)}\n                onApprove={onApprove}\n                onCancel={onCancel}\n                placeholder={t(\n                  'cairo.tags.manageTags.modal.list.input.placeholder',\n                )}\n                cancelButtonTooltipContent={t(\n                  'cairo.tags.manageTags.modal.list.input.cancel.CTA',\n                )}\n                approveButtonTooltipContent={t(\n                  'cairo.tags.manageTags.modal.list.input.save.CTA',\n                )}\n                approveButtonDisabledOnEmpty={false}\n                autoFocus\n                size={'small' as keyof typeof ListItemEditableSize}\n                margins={'none' as ListItemEditableMargins}\n                suffix={\n                  <Input.Affix>{`${value.length} / ${maxLength}`}</Input.Affix>\n                }\n              />\n            </FormField>\n          ),\n        },\n      ]}\n      verticalPadding=\"tiny\"\n      showDivider={!isLastTag}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.manageTagsPageAction = manageTagsPageAction;
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Tags/manageTagsPageAction.tsx";
 function manageTagsPageAction({
@@ -17,7 +17,7 @@ function manageTagsPageAction({
     biName: 'manage-tags',
     dataHook: 'manage-tags',
     text: t('cairo.tags.collectionPage.tagsColumn.manage.CTA'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TagSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.TagSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_jsxFileName","manageTagsPageAction","pageState","container","translate","t","biName","dataHook","text","prefixIcon","default","createElement","TagSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","_pageState$primaryToo","primaryToolbar","tagsCollectionState","openManageTagsModal"],"sources":["../../../../src/components/Tags/manageTagsPageAction.tsx"],"sourcesContent":["import { CollectionPageState, WixPatternsContainer } from '@wix/bex-core';\nimport { MoreActionsItem } from '../MoreActions';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport React from 'react';\n\nexport function manageTagsPageAction({\n  pageState,\n  container,\n}: {\n  pageState: CollectionPageState;\n  container: WixPatternsContainer;\n}): MoreActionsItem {\n  const { translate: t } = container;\n  return {\n    biName: 'manage-tags',\n    dataHook: 'manage-tags',\n    text: t('cairo.tags.collectionPage.tagsColumn.manage.CTA'),\n    prefixIcon: <TagSmall />,\n    onClick: () => {\n      pageState.primaryToolbar?.tagsCollectionState?.openManageTagsModal();\n    },\n  };\n}\n"],"mappings":";;;;;AAEA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAEnB,SAASC,oBAAoBA,CAAC;EACnCC,SAAS;EACTC;AAIF,CAAC,EAAmB;EAClB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,SAAS;EAClC,OAAO;IACLG,MAAM,EAAE,aAAa;IACrBC,QAAQ,EAAE,aAAa;IACvBC,IAAI,EAAEH,CAAC,CAAC,iDAAiD,CAAC;IAC1DI,UAAU,eAAEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAgB,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACxBC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACb,CAAAA,qBAAA,GAAAjB,SAAS,CAACkB,cAAc,cAAAD,qBAAA,GAAxBA,qBAAA,CAA0BE,mBAAmB,aAA7CF,qBAAA,CAA+CG,mBAAmB,CAAC,CAAC;IACtE;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_lazy","require","_react","_interopRequireDefault","_jsxFileName","manageTagsPageAction","pageState","container","translate","t","biName","dataHook","text","prefixIcon","default","createElement","TagSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","_pageState$primaryToo","primaryToolbar","tagsCollectionState","openManageTagsModal"],"sources":["../../../../src/components/Tags/manageTagsPageAction.tsx"],"sourcesContent":["import { CollectionPageState, WixPatternsContainer } from '@wix/bex-core';\nimport { MoreActionsItem } from '../MoreActions';\nimport { TagSmall } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nexport function manageTagsPageAction({\n  pageState,\n  container,\n}: {\n  pageState: CollectionPageState;\n  container: WixPatternsContainer;\n}): MoreActionsItem {\n  const { translate: t } = container;\n  return {\n    biName: 'manage-tags',\n    dataHook: 'manage-tags',\n    text: t('cairo.tags.collectionPage.tagsColumn.manage.CTA'),\n    prefixIcon: <TagSmall />,\n    onClick: () => {\n      pageState.primaryToolbar?.tagsCollectionState?.openManageTagsModal();\n    },\n  };\n}\n"],"mappings":";;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAEnB,SAASC,oBAAoBA,CAAC;EACnCC,SAAS;EACTC;AAIF,CAAC,EAAmB;EAClB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,SAAS;EAClC,OAAO;IACLG,MAAM,EAAE,aAAa;IACrBC,QAAQ,EAAE,aAAa;IACvBC,IAAI,EAAEH,CAAC,CAAC,iDAAiD,CAAC;IAC1DI,UAAU,eAAEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACxBC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACb,CAAAA,qBAAA,GAAAjB,SAAS,CAACkB,cAAc,cAAAD,qBAAA,GAAxBA,qBAAA,CAA0BE,mBAAmB,aAA7CF,qBAAA,CAA+CG,mBAAmB,CAAC,CAAC;IACtE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.TagsAssignButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _react2 = require("@wix/bex-core/react");
 var _BulkAssignTagsPopover = require("../Tags/BulkAssignTagsPopover");
@@ -73,7 +73,7 @@ const _TagsAssignButton = () => {
       priority: "secondary",
       size: "small",
       ellipsis: true,
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TagSmall, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.TagSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_react2","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  const setButtonRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !tagsBulkAssignPopoverState) {\n        return;\n      }\n      const el = element.querySelector('button') as HTMLButtonElement | null;\n      if (!el) {\n        return;\n      }\n      buttonRef.current = el;\n      tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n    },\n    [tagsBulkAssignPopoverState],\n  );\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <div ref={setButtonRef} style={{ display: 'contents' }}>\n            <DisabledTooltip\n              content={tagsBulkAssignButtonState.tooltipContent}\n              disabled={!tagsBulkAssignButtonState.isDisabled}\n              dataHook=\"tags-assign-button-disabled-tooltip\"\n            >\n              <Button\n                skin=\"standard\"\n                priority=\"secondary\"\n                size=\"small\"\n                ellipsis\n                prefixIcon={<TagSmall />}\n                dataHook=\"tags-assign-button\"\n                onClick={() => {\n                  tagsBulkAssignPopoverState.showPopover();\n                }}\n                disabled={tagsBulkAssignButtonState.isDisabled}\n              >\n                {t('cairo.tags.collectionPage.add.CTA')}\n              </Button>\n            </DisabledTooltip>\n          </div>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_ToolbarCollectionContext","_react2","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  const setButtonRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !tagsBulkAssignPopoverState) {\n        return;\n      }\n      const el = element.querySelector('button') as HTMLButtonElement | null;\n      if (!el) {\n        return;\n      }\n      buttonRef.current = el;\n      tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n    },\n    [tagsBulkAssignPopoverState],\n  );\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <div ref={setButtonRef} style={{ display: 'contents' }}>\n            <DisabledTooltip\n              content={tagsBulkAssignButtonState.tooltipContent}\n              disabled={!tagsBulkAssignButtonState.isDisabled}\n              dataHook=\"tags-assign-button-disabled-tooltip\"\n            >\n              <Button\n                skin=\"standard\"\n                priority=\"secondary\"\n                size=\"small\"\n                ellipsis\n                prefixIcon={<TagSmall />}\n                dataHook=\"tags-assign-button\"\n                onClick={() => {\n                  tagsBulkAssignPopoverState.showPopover();\n                }}\n                disabled={tagsBulkAssignButtonState.isDisabled}\n              >\n                {t('cairo.tags.collectionPage.add.CTA')}\n              </Button>\n            </DisabledTooltip>\n          </div>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,7 @@ var _TagsWidgetContent = require("./TagsWidgetContent");
 var _bexCore = require("@wix/bex-core");
 exports.OnSubmitTagsFuncType = _bexCore.OnSubmitTagsFuncType;
 var _useWidgetPageStatus = require("../useWidgetPageStatus");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _useTagsWidget = require("../../hooks/useTagsWidget");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TagsWidget/TagsWidget.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -149,7 +149,7 @@ const _TagsWidgetBase = ({
       subtitle: t('cairo.tags.loadTags.error.body'),
       action: {
         text: t('cairo.tags.loadTags.error.CTA'),
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_useTagsWidget","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  PopoverCommonProps,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n  /**\n   * Props to pass to the MultiSelect popover.\n   */\n  popoverProps?: PopoverCommonProps;\n  /**\n   * When set to false, will hide the undo toast after renaming or deleting a tag in the manage tags modal. Defaults to true.\n   */\n  manageTagsShowUndoToast?: boolean;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_lazy","_useTagsWidget","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  PopoverCommonProps,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common/lazy';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n  /**\n   * Props to pass to the MultiSelect popover.\n   */\n  popoverProps?: PopoverCommonProps;\n  /**\n   * When set to false, will hide the undo toast after renaming or deleting a tag in the manage tags modal. Defaults to true.\n   */\n  manageTagsShowUndoToast?: boolean;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAUA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAA4EQ,OAAA,CAAAC,oBAAA,GAAAF,QAAA,CAAAE,oBAAA;AAC5E,IAAAC,oBAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AAAkE,IAAAa,YAAA;AAAA,SAAAd,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,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;AAwFlE,MAAMkB,mBAAmB,GAAGA,CAAC;EAC3BC,QAAQ;EACRC,KAAK,EAAEC,MAAM;EACb,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAM;IAAEC,SAAS,EAAEvB;EAAE,CAAC,GAAG,IAAAwB,+BAAuB,EAAC,CAAC;EAClD,MAAMJ,KAAK,GAAGC,MAAO;EACrB,MAAM;IAAEI;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAACN,KAAK,CAACO,QAAQ,CAACF,MAAM,CAACA,MAAM,CAAC;EAEpE,IAAIA,MAAM,KAAK,MAAM,IAAIA,MAAM,KAAK,SAAS,EAAE;IAC7C,oBACE1C,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAyC,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACLnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAA+C,IAAI;MAACC,IAAI,EAAE,CAAE;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACZnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA;MAAK,aAAWT,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvBnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAiD,YAAY;MACXC,YAAY,EAAC,KAAK;MAClBC,SAAS,EAAC,KAAK;MACfpB,QAAQ,EAAC,sBAAsB;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAChC,CACE,CACD,CACA,CAAC;EAEb;EAEA,IAAIT,MAAM,KAAK,OAAO,EAAE;IACtB,oBACE1C,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAoD,GAAG;MAACC,YAAY,EAAC,QAAQ;MAACC,GAAG,EAAC,MAAM;MAACvB,QAAQ,EAAEA,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvDnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAuD,IAAI;MAACxB,QAAQ,EAAC,wBAAwB;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACpClC,CAAC,CAAC,gCAAgC,CAC/B,CAAC,eACPjB,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAwD,UAAU;MAACzB,QAAQ,EAAC,0BAA0B;MAAC0B,OAAO,EAAEzB,KAAK,CAAC0B,KAAM;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClElC,CAAC,CAAC,+BAA+B,CACxB,CACT,CAAC;EAEV;EAEA,oBACEjB,MAAA,CAAA0B,OAAA,CAAAmB,aAAA;IAAK,aAAWT,QAAS;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACrC,kBAAA,CAAAwD,iBAAiB,MAAAC,SAAA,CAAAvC,OAAA,MAAKa,YAAY;IAAEF,KAAK,EAAEA,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CACjD,CAAC;AAEV,CAAC;AAED,MAAMe,eAAe,GAAGA,CAAC;EACvBC,QAAQ;EACR/B,QAAQ;EACRgC,KAAK;EACL/B,KAAK,EAAEC,MAAM;EACb,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAM;IAAEC,SAAS,EAAEvB;EAAE,CAAC,GAAG,IAAAwB,+BAAuB,EAAC,CAAC;EAElD,MAAMJ,KAAK,GAAGC,MAAO;EACrB,MAAM;IAAEI;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAACN,KAAK,CAACO,QAAQ,CAACF,MAAM,CAACA,MAAM,CAAC;EAEpE,IAAI0B,KAAK,KAAK,QAAQ,EAAE;IACtB,oBACEpE,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACV,mBAAmB,MAAA8B,SAAA,CAAAvC,OAAA;MAClBU,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA;IAAM,GACTE,YAAY;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,EACjB,CAAC;EAEN;EAEA,oBACEnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACvC,cAAA,CAAA+D,aAAa;IACZjC,QAAQ,EAAEA,QAAS;IACnBM,MAAM,EAAEA,MAAO;IACf4B,UAAU,EAAE;MACVlC,QAAQ,EAAE,aAAa;MACvB+B,QAAQ,EAAElD,CAAC,CAAC,gCAAgC,CAAC;MAC7CsD,MAAM,EAAE;QACNC,IAAI,EAAEvD,CAAC,CAAC,+BAA+B,CAAC;QACxCwD,UAAU,eAAEzE,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAAChC,KAAA,CAAA6D,OAAO;UAAA3B,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAlC,YAAA;YAAAmC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QACvBW,OAAO,EAAEzB,KAAK,CAAC0B;MACjB;IACF,CAAE;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAsE,IAAI,CAACC,MAAM;IACVxC,QAAQ,EAAC,yBAAyB;IAClCyC,KAAK,EAAE5D,CAAC,CAAC,6BAA6B,CAAE;IACxCkD,QAAQ,EAAEA,QAAQ,IAAIlD,CAAC,CAAC,gCAAgC,CAAE;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3D,CAAC,eACFnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAsE,IAAI,CAACG,OAAO;IAAA/B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACxC,aAAA,CAAAsE,IAAI,CAACI,OAAO;IAAC3C,QAAQ,EAAC,0BAA0B;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/CnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACrC,kBAAA,CAAAwD,iBAAiB,MAAAC,SAAA,CAAAvC,OAAA;IAACW,KAAK,EAAEA;EAAM,GAAKE,YAAY;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACxC,CACD,CAAC;AAEpB,CAAC;AAEM,MAAM6B,cAAc,GAAAtE,OAAA,CAAAsE,cAAA,GAAG,IAAAC,uBAAQ,EAACf,eAAe,CAAC;AAEvD,MAAMgB,WAAW,GAAIC,KAAsB,IAAK;EAC9C,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEhD,KAAK,EAAEiD,aAAa;IAAE,GAAGC;EAAmB,CAAC,GAAGJ,KAAK;EAE3E,MAAMK,aAAa,GAAG,IAAAC,oCAAqB,EAAC;IAC1CL,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAM,CAAChD,KAAK,CAAC,GAAG,IAAAqD,eAAQ,EAAC,MAAMJ,aAAa,IAAIE,aAAa,CAAC;EAE9D,oBACExF,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACtC,kBAAA,CAAAoF,yBAAyB;IAACC,KAAK,EAAEvD,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtCnD,MAAA,CAAA0B,OAAA,CAAAmB,aAAA,CAACmC,cAAc,MAAAf,SAAA,CAAAvC,OAAA;IAACW,KAAK,EAAEA;EAAM,GAAKkD,kBAAkB;IAAAxC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC9B,CAAC;AAEhC,CAAC;AAEM,MAAM0C,UAAU,GAAAnF,OAAA,CAAAmF,UAAA,GAAG,IAAAZ,uBAAQ,EAACC,WAAW,CAAC","ignoreList":[]}

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

@@ -6,7 +6,7 @@ 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 _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 var _TagsModalState = require("../../state/TagsModalState");
@@ -102,7 +102,7 @@ const _TagsWidgetContent = ({
       title: t('cairo.tags.tagsWidget.options.add.CTA', {
         tagName: (_formState$searchValu = formState.searchValue) == null ? void 0 : _formState$searchValu.slice(0, _bexCore.TAG_MAX_LENGTH)
       }),
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -172,7 +172,7 @@ const _TagsWidgetContent = ({
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       size: "small",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,