@wix/patterns 1.430.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Footer","state","translate","useWixPatternsContainer","closePopover","useCallback","applyChanges","handleManageTagsCtaClick","createElement","Box","height","width","direction","__self","__source","fileName","lineNumber","columnNumber","Divider","align","verticalAlign","padding","isLoading","isError","TextButton","dataHook","size","onClick","marginLeft","isDirty","Button","Footer","exports","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/Footer.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { Box, Button, Divider, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\n\ninterface FooterProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n}\n\nconst _Footer = <T, F extends FiltersMap>({ state }: FooterProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const closePopover = useCallback(() => {\n    state.closePopover();\n  }, [state]);\n\n  const applyChanges = useCallback(() => {\n    state.applyChanges();\n  }, [state]);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    state.handleManageTagsCtaClick();\n  }, [state]);\n\n  return (\n    <Box height=\"54px\" width=\"100%\" direction=\"vertical\">\n      <Divider />\n      <Box\n        height=\"100%\"\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        padding=\"0 SP3\"\n      >\n        {!state.isLoading && !state.isError && (\n          <TextButton\n            dataHook=\"bulk-assign-tags-manage-tags-button\"\n            size=\"small\"\n            onClick={handleManageTagsCtaClick}\n          >\n            {t('cairo.tags.collectionPage.popover.manage.CTA')}\n          </TextButton>\n        )}\n        <Box marginLeft=\"auto\">\n          {state.isDirty ? (\n            <Button\n              onClick={applyChanges}\n              dataHook=\"bulk-assign-tags-apply-button\"\n            >\n              {t('cairo.tags.collectionPage.applyChanges.CTA')}\n            </Button>\n          ) : (\n            <Button\n              onClick={closePopover}\n              dataHook=\"bulk-assign-tags-close-button\"\n            >\n              {t('cairo.tags.collectionPage.popover.close.CTA')}\n            </Button>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nexport const Footer = observer(_Footer);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Footer","state","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","closePopover","useCallback","applyChanges","handleManageTagsCtaClick","createElement","Box","height","width","direction","__self","__source","fileName","lineNumber","columnNumber","Divider","align","verticalAlign","padding","isLoading","isError","TextButton","dataHook","size","skin","onClick","marginLeft","isDirty","Button","Footer","exports","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/Footer.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { Box, Button, Divider, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useBmHarmonyTheme } from '../../../hooks/useBmHarmonyTheme';\n\ninterface FooterProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n}\n\nconst _Footer = <T, F extends FiltersMap>({ state }: FooterProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const closePopover = useCallback(() => {\n    state.closePopover();\n  }, [state]);\n\n  const applyChanges = useCallback(() => {\n    state.applyChanges();\n  }, [state]);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    state.handleManageTagsCtaClick();\n  }, [state]);\n\n  return (\n    <Box height=\"54px\" width=\"100%\" direction=\"vertical\">\n      {!isBmHarmonyTheme && <Divider />}\n      <Box\n        height=\"100%\"\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        padding=\"0 SP3\"\n      >\n        {!state.isLoading && !state.isError && (\n          <TextButton\n            dataHook=\"bulk-assign-tags-manage-tags-button\"\n            size=\"small\"\n            skin=\"dark\"\n            onClick={handleManageTagsCtaClick}\n          >\n            {t('cairo.tags.collectionPage.popover.manage.CTA')}\n          </TextButton>\n        )}\n        <Box marginLeft=\"auto\">\n          {state.isDirty ? (\n            <Button\n              onClick={applyChanges}\n              dataHook=\"bulk-assign-tags-apply-button\"\n            >\n              {t('cairo.tags.collectionPage.applyChanges.CTA')}\n            </Button>\n          ) : (\n            <Button\n              onClick={closePopover}\n              dataHook=\"bulk-assign-tags-close-button\"\n            >\n              {t('cairo.tags.collectionPage.popover.close.CTA')}\n            </Button>\n          )}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nexport const Footer = observer(_Footer);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,8 +5,9 @@ exports.__esModule = true;
 exports.TagsListItemView = void 0;
 var _react = _interopRequireDefault(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 _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/List/TagListItemView.tsx";
 const TagsListItemView = ({
   state,
@@ -16,6 +17,7 @@ const TagsListItemView = ({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const handleEditClick = () => {
     state.handleEditCtaClick(tag);
   };
@@ -35,7 +37,7 @@ const TagsListItemView = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 41,
+          lineNumber: 43,
           columnNumber: 13
         }
       }, tag.name),
@@ -43,12 +45,12 @@ const TagsListItemView = ({
       align: 'left'
     }, {
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        gap: "SP2",
+        gap: isBmHarmonyTheme ? '2px' : 'SP2',
         align: "right",
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 57,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -56,25 +58,25 @@ const TagsListItemView = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 56,
+          lineNumber: 58,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
         dataHook: "manage-tags-modal-tag-action-edit",
         size: "small",
-        priority: "secondary",
+        priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
         onClick: handleEditClick,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 61,
+          lineNumber: 63,
           columnNumber: 17
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.EditSmall, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.EditSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 67,
+          lineNumber: 69,
           columnNumber: 19
         }
       }))), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -82,25 +84,25 @@ const TagsListItemView = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 72,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
         dataHook: "manage-tags-modal-tag-action-delete",
         size: "small",
-        priority: "secondary",
+        priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
         onClick: handleDeleteClick,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 75,
+          lineNumber: 77,
           columnNumber: 17
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 81,
+          lineNumber: 83,
           columnNumber: 19
         }
       })))),
@@ -108,11 +110,11 @@ const TagsListItemView = ({
       align: 'right'
     }],
     verticalPadding: "tiny",
-    showDivider: !isLastTag,
+    showDivider: !isBmHarmonyTheme && !isLastTag,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","TagsListItemView","state","tag","isLastTag","translate","t","useWixPatternsContainer","handleEditClick","handleEditCtaClick","handleDeleteClick","deleteTag","default","createElement","TableListItem","dataHook","options","value","Tag","id","removable","ellipsisProps","enterDelay","__self","__source","fileName","lineNumber","columnNumber","name","width","align","Box","gap","Tooltip","content","IconButton","size","priority","onClick","EditSmall","DeleteSmall","verticalPadding","showDivider","exports"],"sources":["../../../../../../../src/components/Tags/ManageTags/ManageTagsModal/List/TagListItemView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  TableListItem,\n  Tag as TagComponent,\n  IconButton,\n  Box,\n  Tooltip,\n} from '@wix/design-system';\nimport { DeleteSmall, EditSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { TagsModalState } from '../../../../../state/TagsModalState';\n\nexport interface TagsListItemViewProps {\n  state: TagsModalState;\n  tag: Tag;\n  isLastTag: boolean;\n}\n\nexport const TagsListItemView = ({\n  state,\n  tag,\n  isLastTag,\n}: TagsListItemViewProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const handleEditClick = () => {\n    state.handleEditCtaClick(tag);\n  };\n\n  const handleDeleteClick = () => {\n    state.deleteTag(tag);\n  };\n\n  return (\n    <TableListItem\n      dataHook=\"manage-tags-modal-tag-row\"\n      options={[\n        {\n          value: (\n            <TagComponent\n              id={tag.id!}\n              removable={false}\n              ellipsisProps={{ enterDelay: 500 }}\n              dataHook=\"manage-tags-modal-tag\"\n            >\n              {tag.name}\n            </TagComponent>\n          ),\n          width: '1fr',\n          align: 'left',\n        },\n        {\n          value: (\n            <Box gap=\"SP2\" align=\"right\">\n              <Tooltip\n                content={t(\n                  'cairo.tags.manageTags.modal.list.action.rename.CTA',\n                )}\n              >\n                <IconButton\n                  dataHook=\"manage-tags-modal-tag-action-edit\"\n                  size=\"small\"\n                  priority=\"secondary\"\n                  onClick={handleEditClick}\n                >\n                  <EditSmall />\n                </IconButton>\n              </Tooltip>\n              <Tooltip\n                content={t(\n                  'cairo.tags.manageTags.modal.list.action.delete.CTA',\n                )}\n              >\n                <IconButton\n                  dataHook=\"manage-tags-modal-tag-action-delete\"\n                  size=\"small\"\n                  priority=\"secondary\"\n                  onClick={handleDeleteClick}\n                >\n                  <DeleteSmall />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          ),\n          width: 'max-content',\n          align: 'right',\n        },\n      ]}\n      verticalPadding=\"tiny\"\n      showDivider={!isLastTag}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_useBmHarmonyTheme","_jsxFileName","TagsListItemView","state","tag","isLastTag","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","handleEditClick","handleEditCtaClick","handleDeleteClick","deleteTag","default","createElement","TableListItem","dataHook","options","value","Tag","id","removable","ellipsisProps","enterDelay","__self","__source","fileName","lineNumber","columnNumber","name","width","align","Box","gap","Tooltip","content","IconButton","size","priority","onClick","EditSmall","DeleteSmall","verticalPadding","showDivider","exports"],"sources":["../../../../../../../src/components/Tags/ManageTags/ManageTagsModal/List/TagListItemView.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  TableListItem,\n  Tag as TagComponent,\n  IconButton,\n  Box,\n  Tooltip,\n} from '@wix/design-system';\nimport { DeleteSmall, EditSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { TagsModalState } from '../../../../../state/TagsModalState';\nimport { useBmHarmonyTheme } from '../../../../../hooks/useBmHarmonyTheme';\n\nexport interface TagsListItemViewProps {\n  state: TagsModalState;\n  tag: Tag;\n  isLastTag: boolean;\n}\n\nexport const TagsListItemView = ({\n  state,\n  tag,\n  isLastTag,\n}: TagsListItemViewProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const handleEditClick = () => {\n    state.handleEditCtaClick(tag);\n  };\n\n  const handleDeleteClick = () => {\n    state.deleteTag(tag);\n  };\n\n  return (\n    <TableListItem\n      dataHook=\"manage-tags-modal-tag-row\"\n      options={[\n        {\n          value: (\n            <TagComponent\n              id={tag.id!}\n              removable={false}\n              ellipsisProps={{ enterDelay: 500 }}\n              dataHook=\"manage-tags-modal-tag\"\n            >\n              {tag.name}\n            </TagComponent>\n          ),\n          width: '1fr',\n          align: 'left',\n        },\n        {\n          value: (\n            <Box gap={isBmHarmonyTheme ? '2px' : 'SP2'} align=\"right\">\n              <Tooltip\n                content={t(\n                  'cairo.tags.manageTags.modal.list.action.rename.CTA',\n                )}\n              >\n                <IconButton\n                  dataHook=\"manage-tags-modal-tag-action-edit\"\n                  size=\"small\"\n                  priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n                  onClick={handleEditClick}\n                >\n                  <EditSmall />\n                </IconButton>\n              </Tooltip>\n              <Tooltip\n                content={t(\n                  'cairo.tags.manageTags.modal.list.action.delete.CTA',\n                )}\n              >\n                <IconButton\n                  dataHook=\"manage-tags-modal-tag-action-delete\"\n                  size=\"small\"\n                  priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n                  onClick={handleDeleteClick}\n                >\n                  <DeleteSmall />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          ),\n          width: 'max-content',\n          align: 'right',\n        },\n      ]}\n      verticalPadding=\"tiny\"\n      showDivider={!isBmHarmonyTheme && !isLastTag}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,7 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _useReachBottom = require("../../../../hooks/useReachBottom");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useBmHarmonyTheme = require("../../../../hooks/useBmHarmonyTheme");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _TagsListItem = require("./List/TagsListItem");
 var _ManageTagsModalStCss = require("./ManageTagsModal.st.css.js");
@@ -27,6 +28,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const closeModal = (0, _react.useCallback)(() => {
     state.closeManageTagsModal();
   }, [state]);
@@ -61,13 +63,15 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 81,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
-    className: (0, _ManageTagsModalStCss.st)(_ManageTagsModalStCss.classes.root),
+    className: (0, _ManageTagsModalStCss.st)(_ManageTagsModalStCss.classes.root, {
+      harmony: isBmHarmonyTheme
+    }),
     overflowY: "visible",
-    showFooterDivider: true,
+    showFooterDivider: !isBmHarmonyTheme,
     removeContentPadding: true,
     title: t('cairo.tags.manageTags.modal.title', {
       EntityName: state.entityTypeName
@@ -77,37 +81,41 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 92,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       dataHook: "manage-tags-modal-create-btn",
       size: "small",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 94,
+          lineNumber: 96,
           columnNumber: 27
         }
       }),
       onClick: handleCreateClick,
       disabled: state.isShowingNewTagListItem,
+      skin: isBmHarmonyTheme ? 'dark' : undefined,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 93,
         columnNumber: 13
       }
     }, t('cairo.tags.manageTags.modal.add.CTA'))),
     primaryButtonText: t('cairo.tags.manageTags.modal.close.CTA'),
     primaryButtonOnClick: closeModal,
+    primaryButtonProps: isBmHarmonyTheme ? {
+      skin: 'dark'
+    } : undefined,
     onCloseButtonClick: closeModal,
     dataHook: "manage-tags-modal-layout",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 82,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -117,14 +125,14 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 111,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToastContainer, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 112,
       columnNumber: 11
     }
   }, state.toastConfig && /*#__PURE__*/_react.default.createElement(_ManageTagsNotification.ManageTagsNotification, {
@@ -134,25 +142,48 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 114,
       columnNumber: 15
     }
-  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  })), isBmHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "0 SP6",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 122,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
+    autoFocus: true,
+    border: "standard",
+    dataHook: "manage-tags-modal-search",
+    onChange: handleSearchChange,
+    value: state.searchValue,
+    placeholder: t('cairo.tags.manageTags.modal.search.placeholder'),
+    onEnterPressed: handleCreateTagFromSearch,
+    onClear: handleSearchClear,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 123,
+      columnNumber: 15
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP2",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
-      columnNumber: 11
+      lineNumber: 137,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: "0 SP4",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
-      columnNumber: 13
+      lineNumber: 138,
+      columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
     autoFocus: true,
@@ -165,15 +196,15 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
-      columnNumber: 15
+      lineNumber: 139,
+      columnNumber: 17
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
-      columnNumber: 13
+      lineNumber: 151,
+      columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     ref: shouldAllowTagsPagination ? scrollRef : undefined,
@@ -183,10 +214,11 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     dataHook: "manage-tags-modal-tags-list",
     overflowY: "auto",
     paddingBottom: "SP1",
+    marginTop: isBmHarmonyTheme ? 'SP4' : undefined,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 154,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -196,14 +228,14 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 164,
       columnNumber: 13
     }
   }, state.searchValue && state.shownItems.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 170,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -215,7 +247,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 171,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -223,7 +255,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 156,
+      lineNumber: 178,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -238,7 +270,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 166,
+          lineNumber: 188,
           columnNumber: 33
         }
       })
@@ -246,7 +278,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 179,
       columnNumber: 23
     }
   })))), state.shownItems.map((tag, idx) => /*#__PURE__*/_react.default.createElement(_TagsListItem.TagsListItem, {
@@ -257,7 +289,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 196,
       columnNumber: 17
     }
   })), state.isShowingNewTagListItem && /*#__PURE__*/_react.default.createElement(_NewTagItemEditable.NewTagItemEditable, {
@@ -265,7 +297,7 @@ const ManageTagsModalContent = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 207,
       columnNumber: 17
     }
   }))))));
@@ -291,7 +323,7 @@ const ManageTagsModalComponent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 231,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ManageTagsModalContent, {
@@ -299,7 +331,7 @@ const ManageTagsModalComponent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 237,
       columnNumber: 9
     }
   })), state.confirmModalState.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -315,7 +347,7 @@ const ManageTagsModalComponent = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 226,
+            lineNumber: 248,
             columnNumber: 23
           }
         }),
@@ -324,7 +356,7 @@ const ManageTagsModalComponent = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 227,
+            lineNumber: 249,
             columnNumber: 23
           }
         })
@@ -332,7 +364,7 @@ const ManageTagsModalComponent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 222,
+        lineNumber: 244,
         columnNumber: 13
       }
     })
@@ -340,7 +372,7 @@ const ManageTagsModalComponent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 240,
       columnNumber: 9
     }
   })));

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_ = "ManageTagsModal3765695890";
 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": "ManageTagsModal3765695890__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};