@wix/patterns 1.396.0 → 1.398.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toastTypeToStatus","STANDARD","PREMIUM","SUCCESS","WARNING","ERROR","ManageTagsNotification","toastConfig","onClose","dataHook","actionElement","useMemo","_toastConfig$action","action","text","undefined","handleClick","_toastConfig$action2","_toastConfig$action3","onClick","removeToastOnClick","createElement","StatusToast","Action","__self","__source","fileName","lineNumber","columnNumber","key","biName","message","status","type","dismissible","onDismiss","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ToastConfig, ToastType } from '@wix/bex-core';\nimport { StatusToast } from '@wix/design-system';\n\ninterface ManageTagsNotificationProps {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n  dataHook?: string;\n}\n\nconst toastTypeToStatus: {\n  [key in ToastType]?: 'success' | 'error' | 'warning' | 'info';\n} = {\n  STANDARD: 'info',\n  PREMIUM: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n};\n\nexport const ManageTagsNotification = ({\n  toastConfig,\n  onClose,\n  dataHook,\n}: ManageTagsNotificationProps) => {\n  const actionElement = useMemo(() => {\n    if (!toastConfig.action?.text) {\n      return undefined;\n    }\n\n    const handleClick = () => {\n      toastConfig.action?.onClick?.();\n\n      if (toastConfig.action?.removeToastOnClick) {\n        onClose(toastConfig);\n      }\n    };\n\n    return (\n      <StatusToast.Action\n        dataHook=\"manage-tags-modal-notification-action\"\n        onClick={handleClick}\n      >\n        {toastConfig.action.text}\n      </StatusToast.Action>\n    );\n  }, [toastConfig, onClose]);\n\n  return (\n    <StatusToast\n      key={toastConfig.biName ?? toastConfig.message}\n      dataHook={dataHook}\n      status={toastTypeToStatus[toastConfig.type ?? 'STANDARD']}\n      dismissible\n      onDismiss={() => onClose(toastConfig)}\n      action={actionElement}\n    >\n      <span data-hook=\"manage-tags-modal-notification-message\">\n        {toastConfig.message}\n      </span>\n    </StatusToast>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_StatusToastFromConfig","_jsxFileName","ManageTagsNotification","toastConfig","onClose","dataHook","default","createElement","StatusToastFromConfig","config","messageDataHook","actionDataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx"],"sourcesContent":["import React from 'react';\nimport { ToastConfig } from '@wix/bex-core';\nimport { StatusToastFromConfig } from '../../../StatusToastFromConfig';\n\ninterface ManageTagsNotificationProps {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n  dataHook?: string;\n}\n\nexport const ManageTagsNotification = ({\n  toastConfig,\n  onClose,\n  dataHook,\n}: ManageTagsNotificationProps) => (\n  <StatusToastFromConfig\n    config={toastConfig}\n    onClose={() => onClose(toastConfig)}\n    dataHook={dataHook}\n    messageDataHook=\"manage-tags-modal-notification-message\"\n    actionDataHook=\"manage-tags-modal-notification-action\"\n  />\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAAuE,IAAAE,YAAA;AAQhE,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,WAAW;EACXC,OAAO;EACPC;AAC2B,CAAC,kBAC5BR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,sBAAA,CAAAQ,qBAAqB;EACpBC,MAAM,EAAEN,WAAY;EACpBC,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,WAAW,CAAE;EACpCE,QAAQ,EAAEA,QAAS;EACnBK,eAAe,EAAC,wCAAwC;EACxDC,cAAc,EAAC,uCAAuC;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACvD,CACF;AAACC,OAAA,CAAAf,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/components/TagsFilter/TagsFilter.js

@@ -105,7 +105,7 @@ const _TagsFilter = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 102,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_react2","_MultiSelectCheckboxFilter","_types","_useFilterCollection","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsFilter","filter","_toolbarState$tagsCol","_toolbarState$tagsCol4","_toolbarState$tagsCol6","toolbarState","useToolbarCollectionContext","translate","useWixPatternsContainer","shouldAllowTagsPagination","tagsCollectionState","tagsManagementState","paginationConfig","paginationMode","fetchData","search","cursor","limit","_toolbarState$tagsCol2","items","hasNext","result","tagsService","queryTags","fqdn","fqdnString","exposure","TagExposure","PRIVATE","query","cursorPaging","undefined","name","$startsWith","serverErrorOverride","message","_toolbarState$tagsCol3","filteredItems","tag","_tag$name","toLowerCase","includes","total","length","tagsFilterCollection","useFilterCollection","queryName","join","useEffect","_toolbarState$tagsCol5","refreshAllPages","createElement","MultiSelectCheckboxFilter","collection","popoverProps","appendTo","placeholder","renderItem","title","id","__self","__source","fileName","lineNumber","columnNumber","exports","TagsFilter","observer"],"sources":["../../../../src/components/TagsFilter/TagsFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterProps } from '../../model';\nimport {\n  useWixPatternsContainer,\n  CursorQuery,\n  OffsetQuery,\n} from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport {\n  Tag,\n  TagExposure,\n} from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { observer } from 'mobx-react-lite';\n\ntype TagsFilterType = Tag[];\ninterface TagsFilterProps extends FilterProps<TagsFilterType> {}\n\nexport const _TagsFilter = ({ filter }: TagsFilterProps) => {\n  const toolbarState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const shouldAllowTagsPagination =\n    toolbarState.tagsCollectionState?.tagsManagementState\n      .shouldAllowTagsPagination ?? false;\n\n  const paginationConfig = shouldAllowTagsPagination\n    ? {\n        paginationMode: 'cursor' as const,\n        fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {\n          const tagsManagementState =\n            toolbarState.tagsCollectionState?.tagsManagementState;\n          if (!tagsManagementState) {\n            return { items: [], cursor: null, hasNext: false };\n          }\n          const result = await tagsManagementState.tagsService.queryTags(\n            {\n              fqdn: tagsManagementState.fqdnString,\n              exposure: TagExposure.PRIVATE,\n              query: {\n                cursorPaging: { limit, cursor: cursor ?? undefined },\n                ...(search\n                  ? { filter: { name: { $startsWith: search } } }\n                  : {}),\n              },\n            },\n            {},\n            {\n              serverErrorOverride: () => ({\n                message: t(\n                  'cairo.tags.collectionPage.popover.loadTags.error.body',\n                ),\n              }),\n            },\n          );\n          return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };\n        },\n      }\n    : {\n        fetchData: async ({ search = '' }: OffsetQuery) => {\n          const filteredItems = (\n            toolbarState.tagsCollectionState?.tagsManagementState.items || []\n          ).filter((tag: Tag) =>\n            tag.name?.toLowerCase().includes(search.toLowerCase()),\n          );\n          return { items: filteredItems, total: filteredItems.length };\n        },\n      };\n\n  const tagsFilterCollection = useFilterCollection<Tag>(filter, {\n    queryName: [\n      toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n      'tags',\n      'filter',\n    ].join('/'),\n    ...paginationConfig,\n  });\n\n  useEffect(() => {\n    if (\n      !shouldAllowTagsPagination &&\n      toolbarState.tagsCollectionState?.tagsManagementState.items\n    ) {\n      tagsFilterCollection.refreshAllPages();\n    }\n  }, [\n    shouldAllowTagsPagination,\n    tagsFilterCollection,\n    toolbarState.tagsCollectionState?.tagsManagementState.items,\n  ]);\n\n  if (!toolbarState.tagsCollectionState) {\n    return null;\n  }\n\n  return (\n    <MultiSelectCheckboxFilter\n      collection={tagsFilterCollection}\n      filter={filter}\n      popoverProps={{ appendTo: 'window' }}\n      placeholder={t('cairo.tags.filterPanel.dropdown.placeholder')}\n      renderItem={(tag: Tag) => ({\n        title: tag.name as string,\n        id: tag.id,\n      })}\n    />\n  );\n};\n\nexport const TagsFilter = observer(_TagsFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_react2","_MultiSelectCheckboxFilter","_types","_useFilterCollection","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsFilter","filter","_toolbarState$tagsCol","_toolbarState$tagsCol4","_toolbarState$tagsCol6","toolbarState","useToolbarCollectionContext","translate","useWixPatternsContainer","shouldAllowTagsPagination","tagsCollectionState","tagsManagementState","paginationConfig","paginationMode","fetchData","search","cursor","limit","_toolbarState$tagsCol2","items","hasNext","result","tagsService","queryTags","fqdn","fqdnString","exposure","TagExposure","PRIVATE","query","cursorPaging","undefined","name","$startsWith","serverErrorOverride","message","_toolbarState$tagsCol3","filteredItems","tag","_tag$name","toLowerCase","includes","total","length","tagsFilterCollection","useFilterCollection","queryName","join","useEffect","_toolbarState$tagsCol5","refreshAllPages","createElement","MultiSelectCheckboxFilter","collection","popoverProps","appendTo","placeholder","renderItem","title","id","__self","__source","fileName","lineNumber","columnNumber","exports","TagsFilter","observer"],"sources":["../../../../src/components/TagsFilter/TagsFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterProps } from '../../model';\nimport {\n  useWixPatternsContainer,\n  CursorQuery,\n  OffsetQuery,\n} from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport {\n  Tag,\n  TagExposure,\n} from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { observer } from 'mobx-react-lite';\n\ntype TagsFilterType = Tag[];\ninterface TagsFilterProps extends FilterProps<TagsFilterType> {}\n\nexport const _TagsFilter = ({ filter }: TagsFilterProps) => {\n  const toolbarState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const shouldAllowTagsPagination =\n    toolbarState.tagsCollectionState?.tagsManagementState\n      .shouldAllowTagsPagination ?? false;\n\n  const paginationConfig = shouldAllowTagsPagination\n    ? {\n        paginationMode: 'cursor' as const,\n        fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {\n          const tagsManagementState =\n            toolbarState.tagsCollectionState?.tagsManagementState;\n          if (!tagsManagementState) {\n            return { items: [], cursor: null, hasNext: false };\n          }\n          const result = await tagsManagementState.tagsService.queryTags(\n            {\n              fqdn: tagsManagementState.fqdnString,\n              exposure: TagExposure.PRIVATE,\n              query: {\n                cursorPaging: { limit, cursor: cursor ?? undefined },\n                ...(search\n                  ? { filter: { name: { $startsWith: search } } }\n                  : {}),\n              },\n            },\n            {},\n            {\n              serverErrorOverride: () => ({\n                message: t(\n                  'cairo.tags.collectionPage.popover.loadTags.error.body',\n                ),\n              }),\n            },\n          );\n          return {\n            items: result.items,\n            cursor: result.cursor,\n            hasNext: result.hasNext,\n          };\n        },\n      }\n    : {\n        fetchData: async ({ search = '' }: OffsetQuery) => {\n          const filteredItems = (\n            toolbarState.tagsCollectionState?.tagsManagementState.items || []\n          ).filter((tag: Tag) =>\n            tag.name?.toLowerCase().includes(search.toLowerCase()),\n          );\n          return { items: filteredItems, total: filteredItems.length };\n        },\n      };\n\n  const tagsFilterCollection = useFilterCollection<Tag>(filter, {\n    queryName: [\n      toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n      'tags',\n      'filter',\n    ].join('/'),\n    ...paginationConfig,\n  });\n\n  useEffect(() => {\n    if (\n      !shouldAllowTagsPagination &&\n      toolbarState.tagsCollectionState?.tagsManagementState.items\n    ) {\n      tagsFilterCollection.refreshAllPages();\n    }\n  }, [\n    shouldAllowTagsPagination,\n    tagsFilterCollection,\n    toolbarState.tagsCollectionState?.tagsManagementState.items,\n  ]);\n\n  if (!toolbarState.tagsCollectionState) {\n    return null;\n  }\n\n  return (\n    <MultiSelectCheckboxFilter\n      collection={tagsFilterCollection}\n      filter={filter}\n      popoverProps={{ appendTo: 'window' }}\n      placeholder={t('cairo.tags.filterPanel.dropdown.placeholder')}\n      renderItem={(tag: Tag) => ({\n        title: tag.name as string,\n        id: tag.id,\n      })}\n    />\n  );\n};\n\nexport const TagsFilter = observer(_TagsFilter);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem3872899738";
+var _namespace_ = "ToolbarItem227452217";
 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": "ToolbarItem3872899738__root"
+  "root": "ToolbarItem227452217__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3872899738\";\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\":\"ToolbarItem3872899738__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem227452217\";\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\":\"ToolbarItem227452217__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox2199501219";
+var _namespace_ = "ToolbarItemBox305015988";
 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": "ToolbarItemBox2199501219__root"
+  "root": "ToolbarItemBox305015988__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2199501219\";\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\":\"ToolbarItemBox2199501219__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox305015988\";\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\":\"ToolbarItemBox305015988__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3686982393";
+var _namespace_ = "common3191932831";
 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": "common3686982393__root",
-  "column": "common3686982393__column",
-  "fullHeight": "common3686982393__fullHeight"
+  "root": "common3191932831__root",
+  "column": "common3191932831__column",
+  "fullHeight": "common3191932831__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3686982393\";\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\":\"common3686982393__root\",\"column\":\"common3686982393__column\",\"fullHeight\":\"common3686982393__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3191932831\";\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\":\"common3191932831__root\",\"column\":\"common3191932831__column\",\"fullHeight\":\"common3191932831__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/hooks/useEditableTableCollection.js

@@ -16,6 +16,7 @@ const useEditableTableCollection = config => {
       permissions: config.permissions,
       mutations: config.mutations,
       fieldActions: config.fieldActions,
+      refresh: config.refresh,
       extraCellTypes: config.extraCellTypes,
       createOptimisticActions: collection => createOptimisticActions(collection, config.optimisticActionParams)
     });

package/dist/cjs/hooks/useEditableTableCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","fieldActions","extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport type { FieldActions } from '../types/SchemaConfig';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions;\n  mutations: EditableTableMutationHandlers<T>;\n  fieldActions?: FieldActions;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      fieldActions: config.fieldActions,\n      extraCellTypes: config.extraCellTypes,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAOA,IAAAE,uBAAA,GAAAF,OAAA;AAqBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,YAAY,EAAEb,MAAM,CAACa,YAAY;MACjCC,cAAc,EAAEd,MAAM,CAACc,cAAc;MACrCT,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACe,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOR,KAAK;AACd,CAAC;AAACS,OAAA,CAAAjB,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","fieldActions","refresh","extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport type { FieldActions } from '../types/SchemaConfig';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions;\n  mutations: EditableTableMutationHandlers<T>;\n  fieldActions?: FieldActions;\n  refresh?: () => Promise<void>;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      fieldActions: config.fieldActions,\n      refresh: config.refresh,\n      extraCellTypes: config.extraCellTypes,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAOA,IAAAE,uBAAA,GAAAF,OAAA;AAsBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,YAAY,EAAEb,MAAM,CAACa,YAAY;MACjCC,OAAO,EAAEd,MAAM,CAACc,OAAO;MACvBC,cAAc,EAAEf,MAAM,CAACe,cAAc;MACrCV,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACgB,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOT,KAAK;AACd,CAAC;AAACU,OAAA,CAAAlB,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/hooks/useFilterCollectionStates.js

@@ -55,7 +55,7 @@ function useFilterCollectionStates(params) {
       columnNumber: 9
     }
   }, content)), paramsFixedFooter);
-  if (collection.showInitialLoader || collection.result.status.isLoading) {
+  if (collection.showInitialLoader || collection.result.status.isLoading || collection.showRefreshLoader) {
     return {
       showInitialLoader: true,
       fixedFooter: getFixedFooter('initial-loader', /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -63,7 +63,7 @@ function useFilterCollectionStates(params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 54,
+          lineNumber: 58,
           columnNumber: 53
         }
       }))
@@ -78,7 +78,7 @@ function useFilterCollectionStates(params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 62,
+          lineNumber: 66,
           columnNumber: 9
         }
       }, getEmptyStateText()), params.fixedFooter)
@@ -97,7 +97,7 @@ function useFilterCollectionStates(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 79,
+            lineNumber: 83,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -109,7 +109,7 @@ function useFilterCollectionStates(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 85,
+            lineNumber: 89,
             columnNumber: 13
           }
         }, resolvedError.message, resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -120,7 +120,7 @@ function useFilterCollectionStates(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 94,
+            lineNumber: 98,
             columnNumber: 17
           }
         }, resolvedError.action.text)), resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -133,7 +133,7 @@ function useFilterCollectionStates(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 104,
+            lineNumber: 108,
             columnNumber: 15
           }
         }, resolvedError.action.text)))

package/dist/cjs/hooks/useFilterCollectionStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_providers","_jsxFileName","useFilterCollectionStates","params","collection","fixedFooter","errorHandler","useWixPatternsContainer","translate","useDropdownTranslationContext","getEmptyStateText","hasAvailableItems","getFixedFooter","dataHook","content","paramsFixedFooter","default","createElement","Box","align","direction","__self","__source","fileName","lineNumber","columnNumber","verticalAlign","width","padding","showInitialLoader","result","status","isLoading","Loader","size","showEmptyState","Text","secondary","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","gap","weight","message","action","TextButton","onClick","_resolvedError$action","text","_resolvedError$action2"],"sources":["../../../src/hooks/useFilterCollectionStates.tsx"],"sourcesContent":["import { Box, Loader, Text, TextButton } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useDropdownTranslationContext } from '../providers';\n\nexport interface UseFilterCollectionStateOptionsParams<\n  T,\n  F extends FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  fixedFooter: ReactNode;\n}\n\nexport function useFilterCollectionStates<T, F extends FiltersMap>(\n  params: UseFilterCollectionStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  showInitialLoader?: boolean;\n} {\n  const { collection, fixedFooter } = params;\n  const { errorHandler } = useWixPatternsContainer();\n  const { translate } = useDropdownTranslationContext();\n\n  const getEmptyStateText = () => {\n    if (collection.hasAvailableItems) {\n      return translate('noResultsState');\n    }\n    return translate('emptyState');\n  };\n\n  const getFixedFooter = (\n    dataHook: string,\n    content: ReactNode,\n    paramsFixedFooter?: ReactNode,\n  ) => (\n    <Box align=\"left\" direction=\"vertical\">\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        align=\"center\"\n        direction=\"vertical\"\n        width=\"100%\"\n      >\n        <Box padding=\"SP2\">{content}</Box>\n      </Box>\n      {paramsFixedFooter}\n    </Box>\n  );\n\n  if (collection.showInitialLoader || collection.result.status.isLoading) {\n    return {\n      showInitialLoader: true,\n      fixedFooter: getFixedFooter('initial-loader', <Loader size=\"small\" />),\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: getFixedFooter(\n        'empty-state',\n        <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n          {getEmptyStateText()}\n        </Text>,\n        params.fixedFooter,\n      ),\n    };\n  }\n\n  if (collection.showErrorState) {\n    const resolvedError = errorHandler.getResolvedError?.(\n      collection.result.errorStatus?.error,\n    );\n\n    if (resolvedError) {\n      return {\n        fixedFooter: getFixedFooter(\n          'filter-error-state',\n          <Box\n            direction=\"vertical\"\n            gap=\"SP1\"\n            verticalAlign=\"middle\"\n            align=\"center\"\n          >\n            <Text\n              dataHook=\"filter-error-state-text\"\n              secondary\n              align=\"center\"\n              weight=\"thin\"\n              size=\"small\"\n            >\n              {resolvedError.message}\n              {resolvedError.action && (\n                <TextButton\n                  onClick={async () => {\n                    await resolvedError.action?.onClick?.();\n                  }}\n                >\n                  {resolvedError.action.text}\n                </TextButton>\n              )}\n            </Text>\n            {resolvedError.action && (\n              <TextButton\n                size=\"small\"\n                weight=\"thin\"\n                onClick={async () => {\n                  await resolvedError.action?.onClick?.();\n                }}\n              >\n                {resolvedError.action.text}\n              </TextButton>\n            )}\n          </Box>,\n        ),\n      };\n    }\n  }\n\n  return {\n    fixedFooter,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_providers","_jsxFileName","useFilterCollectionStates","params","collection","fixedFooter","errorHandler","useWixPatternsContainer","translate","useDropdownTranslationContext","getEmptyStateText","hasAvailableItems","getFixedFooter","dataHook","content","paramsFixedFooter","default","createElement","Box","align","direction","__self","__source","fileName","lineNumber","columnNumber","verticalAlign","width","padding","showInitialLoader","result","status","isLoading","showRefreshLoader","Loader","size","showEmptyState","Text","secondary","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","gap","weight","message","action","TextButton","onClick","_resolvedError$action","text","_resolvedError$action2"],"sources":["../../../src/hooks/useFilterCollectionStates.tsx"],"sourcesContent":["import { Box, Loader, Text, TextButton } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useDropdownTranslationContext } from '../providers';\n\nexport interface UseFilterCollectionStateOptionsParams<\n  T,\n  F extends FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  fixedFooter: ReactNode;\n}\n\nexport function useFilterCollectionStates<T, F extends FiltersMap>(\n  params: UseFilterCollectionStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  showInitialLoader?: boolean;\n} {\n  const { collection, fixedFooter } = params;\n  const { errorHandler } = useWixPatternsContainer();\n  const { translate } = useDropdownTranslationContext();\n\n  const getEmptyStateText = () => {\n    if (collection.hasAvailableItems) {\n      return translate('noResultsState');\n    }\n    return translate('emptyState');\n  };\n\n  const getFixedFooter = (\n    dataHook: string,\n    content: ReactNode,\n    paramsFixedFooter?: ReactNode,\n  ) => (\n    <Box align=\"left\" direction=\"vertical\">\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        align=\"center\"\n        direction=\"vertical\"\n        width=\"100%\"\n      >\n        <Box padding=\"SP2\">{content}</Box>\n      </Box>\n      {paramsFixedFooter}\n    </Box>\n  );\n\n  if (\n    collection.showInitialLoader ||\n    collection.result.status.isLoading ||\n    collection.showRefreshLoader\n  ) {\n    return {\n      showInitialLoader: true,\n      fixedFooter: getFixedFooter('initial-loader', <Loader size=\"small\" />),\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: getFixedFooter(\n        'empty-state',\n        <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n          {getEmptyStateText()}\n        </Text>,\n        params.fixedFooter,\n      ),\n    };\n  }\n\n  if (collection.showErrorState) {\n    const resolvedError = errorHandler.getResolvedError?.(\n      collection.result.errorStatus?.error,\n    );\n\n    if (resolvedError) {\n      return {\n        fixedFooter: getFixedFooter(\n          'filter-error-state',\n          <Box\n            direction=\"vertical\"\n            gap=\"SP1\"\n            verticalAlign=\"middle\"\n            align=\"center\"\n          >\n            <Text\n              dataHook=\"filter-error-state-text\"\n              secondary\n              align=\"center\"\n              weight=\"thin\"\n              size=\"small\"\n            >\n              {resolvedError.message}\n              {resolvedError.action && (\n                <TextButton\n                  onClick={async () => {\n                    await resolvedError.action?.onClick?.();\n                  }}\n                >\n                  {resolvedError.action.text}\n                </TextButton>\n              )}\n            </Text>\n            {resolvedError.action && (\n              <TextButton\n                size=\"small\"\n                weight=\"thin\"\n                onClick={async () => {\n                  await resolvedError.action?.onClick?.();\n                }}\n              >\n                {resolvedError.action.text}\n              </TextButton>\n            )}\n          </Box>,\n        ),\n      };\n    }\n  }\n\n  return {\n    fixedFooter,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader2286109095";
+var _namespace_ = "CollectionPageHeader342102969";
 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": "CollectionPageHeader2286109095__root"
+  "root": "CollectionPageHeader342102969__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2286109095\";\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\":\"CollectionPageHeader2286109095__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader342102969\";\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\":\"CollectionPageHeader342102969__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/state/EditableTable/EditableTableState.js

@@ -12,7 +12,7 @@ var _CellInteractionState = require("./CellInteractionState");
 var _CellValueState = require("./CellValueState");
 var _ClipboardState = require("./ClipboardState");
 var _MutationState = require("./MutationState");
-var _FieldActionsState = require("./FieldActionsState");
+var _FieldActionsState = require("../FieldActionsState");
 class EditableTableState {
   constructor(params) {
     var _params$extraCellType, _params$permissions;
@@ -59,7 +59,7 @@ class EditableTableState {
     }, this);
     this.clipboard = new _ClipboardState.ClipboardState(this);
     this.mutation = new _MutationState.MutationState(this, params.mutations, params.createOptimisticActions);
-    this.fieldActions = new _FieldActionsState.FieldActionsState(params.collection.translate, params.fieldActions, (_params$permissions = params.permissions) == null ? void 0 : _params$permissions.fieldActions, params.collection.showToast);
+    this.fieldActions = new _FieldActionsState.FieldActionsState(params.collection.translate, params.fieldActions, (_params$permissions = params.permissions) == null ? void 0 : _params$permissions.fieldActions, params.collection.showToast, params.refresh);
     (0, _mobx.makeObservable)(this, {
       addItemDisabled: _mobx.observable,
       updateItemDisabled: _mobx.observable,

package/dist/cjs/state/EditableTable/EditableTableState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","_ToolbarCollectionState","_TableState","_CellInteractionState","_CellValueState","_ClipboardState","_MutationState","_FieldActionsState","EditableTableState","constructor","params","_params$extraCellType","_params$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","Map","extraCellTypes","map","ct","type","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","fieldActions","FieldActionsState","translate","permissions","showToast","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","confirmDeleteItems","keyedItems","visibleColumns","itemsToRenderCount","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","_buildCellTypeMap","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","t","deleteConfirmModal","open","theme","title","content","primaryButtonText","secondaryButtonText","primaryButtonOnClick","resolveCellTypeByColumnId","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","isCellEditing","commitEdit","get","res","editOnClick","val","focusCell","startEdit","column","resolved","toggleValue","showEditWhenFocused","value","selectionAnchor","selectRange","handleCellDoubleClick","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  ConditionalModalState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { MessageModalLayoutProps } from '@wix/design-system';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport { FieldActionsState } from './FieldActionsState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, CellType, EditableColumn, ValidationResult } from './types';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../../components/FieldActions';\n\nexport type EditableTableFieldActionsPermissions = FieldActionPermissions;\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n  fieldActions?: EditableTableFieldActionsPermissions;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly fieldActions?: FieldActions;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  readonly extraCellTypes?: CellType[];\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n  readonly deleteConfirmModal = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly fieldActions: FieldActionsState;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(\n      this,\n      new Map(params.extraCellTypes?.map((ct) => [ct.type, ct])),\n    );\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n    this.fieldActions = new FieldActionsState(\n      params.collection.translate,\n      params.fieldActions,\n      params.permissions?.fieldActions,\n      params.collection.showToast,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n      confirmDeleteItems: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    this.cellValue._buildCellTypeMap();\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string): string {\n    return this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  confirmDeleteItems(rowKeys: string[]) {\n    const { translate: t } = this.collection;\n    this.deleteConfirmModal.open({\n      theme: 'destructive',\n      title: t('cairo.deleteModal.title'),\n      content: t('cairo.deleteModal.body'),\n      primaryButtonText: t('cairo.delete.button'),\n      secondaryButtonText: t('cairo.cancel.button'),\n      primaryButtonOnClick: () => {\n        this.deleteItems(rowKeys);\n      },\n    });\n  }\n\n  resolveCellTypeByColumnId(columnId: string) {\n    return this.cellValue.resolveCellTypeByColumnId(columnId);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      if (this.cellInteraction.isCellEditing(rowKey, columnId)) {\n        // Click landed inside the active editor — let the editor handle it.\n        return;\n      }\n      // Shift-click while editing: ignore — extending a range selection during\n      // an active edit is not a meaningful action.\n      if (shiftKey) {\n        return;\n      }\n      // Plain click on a different cell: commit the edit and move focus.\n      this.cellInteraction.commitEdit();\n\n      // If the target cell wants edit-on-click, enter edit directly.\n      const col = this._columnMap.get(columnId);\n      const res = col ? this.resolveCellTypeByColumnId(col.id) : null;\n      if (res?.editOnClick) {\n        const val = this.getCellDisplayValue(rowKey, columnId);\n        if (res.editOnClick(val) && this.isCellEditable(rowKey, columnId)) {\n          this.cellInteraction.focusCell(rowKey, columnId);\n          this.cellInteraction.startEdit(rowKey, columnId, 'click');\n          return;\n        }\n      }\n\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      // Toggle/showEditWhenFocused cells: click focuses the cell and shows the\n      // EditComponent affordance. Keyboard navigation remains active.\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (resolved?.editOnClick) {\n      const value = this.getCellDisplayValue(rowKey, columnId);\n      if (\n        resolved.editOnClick(value) &&\n        this.isCellEditable(rowKey, columnId)\n      ) {\n        this.cellInteraction.focusCell(rowKey, columnId);\n        this.cellInteraction.startEdit(rowKey, columnId, 'click');\n        return;\n      }\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    // Toggle-value cells (e.g. boolean) activate on single click, not double-click.\n    // Entering edit mode on double-click would apply the editing box-shadow\n    // without any EditComponent being shown, causing a visual border glitch.\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","_ToolbarCollectionState","_TableState","_CellInteractionState","_CellValueState","_ClipboardState","_MutationState","_FieldActionsState","EditableTableState","constructor","params","_params$extraCellType","_params$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","Map","extraCellTypes","map","ct","type","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","fieldActions","FieldActionsState","translate","permissions","showToast","refresh","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","confirmDeleteItems","keyedItems","visibleColumns","itemsToRenderCount","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","_buildCellTypeMap","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","t","deleteConfirmModal","open","theme","title","content","primaryButtonText","secondaryButtonText","primaryButtonOnClick","resolveCellTypeByColumnId","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","isCellEditing","commitEdit","get","res","editOnClick","val","focusCell","startEdit","column","resolved","toggleValue","showEditWhenFocused","value","selectionAnchor","selectRange","handleCellDoubleClick","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  ConditionalModalState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { MessageModalLayoutProps } from '@wix/design-system';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport { FieldActionsState } from '../FieldActionsState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, CellType, EditableColumn, ValidationResult } from './types';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../../components/FieldActions';\n\nexport type EditableTableFieldActionsPermissions = FieldActionPermissions;\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n  fieldActions?: EditableTableFieldActionsPermissions;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly fieldActions?: FieldActions;\n  readonly refresh?: () => Promise<void>;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  readonly extraCellTypes?: CellType[];\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n  readonly deleteConfirmModal = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly fieldActions: FieldActionsState;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(\n      this,\n      new Map(params.extraCellTypes?.map((ct) => [ct.type, ct])),\n    );\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n    this.fieldActions = new FieldActionsState(\n      params.collection.translate,\n      params.fieldActions,\n      params.permissions?.fieldActions,\n      params.collection.showToast,\n      params.refresh,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n      confirmDeleteItems: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    this.cellValue._buildCellTypeMap();\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string): string {\n    return this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  confirmDeleteItems(rowKeys: string[]) {\n    const { translate: t } = this.collection;\n    this.deleteConfirmModal.open({\n      theme: 'destructive',\n      title: t('cairo.deleteModal.title'),\n      content: t('cairo.deleteModal.body'),\n      primaryButtonText: t('cairo.delete.button'),\n      secondaryButtonText: t('cairo.cancel.button'),\n      primaryButtonOnClick: () => {\n        this.deleteItems(rowKeys);\n      },\n    });\n  }\n\n  resolveCellTypeByColumnId(columnId: string) {\n    return this.cellValue.resolveCellTypeByColumnId(columnId);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      if (this.cellInteraction.isCellEditing(rowKey, columnId)) {\n        // Click landed inside the active editor — let the editor handle it.\n        return;\n      }\n      // Shift-click while editing: ignore — extending a range selection during\n      // an active edit is not a meaningful action.\n      if (shiftKey) {\n        return;\n      }\n      // Plain click on a different cell: commit the edit and move focus.\n      this.cellInteraction.commitEdit();\n\n      // If the target cell wants edit-on-click, enter edit directly.\n      const col = this._columnMap.get(columnId);\n      const res = col ? this.resolveCellTypeByColumnId(col.id) : null;\n      if (res?.editOnClick) {\n        const val = this.getCellDisplayValue(rowKey, columnId);\n        if (res.editOnClick(val) && this.isCellEditable(rowKey, columnId)) {\n          this.cellInteraction.focusCell(rowKey, columnId);\n          this.cellInteraction.startEdit(rowKey, columnId, 'click');\n          return;\n        }\n      }\n\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      // Toggle/showEditWhenFocused cells: click focuses the cell and shows the\n      // EditComponent affordance. Keyboard navigation remains active.\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (resolved?.editOnClick) {\n      const value = this.getCellDisplayValue(rowKey, columnId);\n      if (\n        resolved.editOnClick(value) &&\n        this.isCellEditable(rowKey, columnId)\n      ) {\n        this.cellInteraction.focusCell(rowKey, columnId);\n        this.cellInteraction.startEdit(rowKey, columnId, 'click');\n        return;\n      }\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    // Toggle-value cells (e.g. boolean) activate on single click, not double-click.\n    // Entering edit mode on double-click would apply the editing box-shadow\n    // without any EditComponent being shown, causing a visual border glitch.\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/{EditableTable/FieldActionsState.js → FieldActionsState.js}

@@ -7,11 +7,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 class FieldActionsState {
-  constructor(translate, handlers, permissions, showToast) {
+  constructor(translate, handlers, permissions, showToast, refresh) {
     (0, _defineProperty2.default)(this, "handlers", void 0);
     (0, _defineProperty2.default)(this, "permissions", void 0);
     (0, _defineProperty2.default)(this, "translate", void 0);
     (0, _defineProperty2.default)(this, "showToast", void 0);
+    (0, _defineProperty2.default)(this, "_refresh", void 0);
     (0, _defineProperty2.default)(this, "_currentToastRemove", void 0);
     (0, _defineProperty2.default)(this, "confirmModal", new _bexCore.ConditionalModalState());
     (0, _defineProperty2.default)(this, "deleteTask", new _bexCore.TaskState());
@@ -26,8 +27,13 @@ class FieldActionsState {
       (_this$_currentToastRe = this._currentToastRemove) == null || _this$_currentToastRe.call(this);
       this._currentToastRemove = this.showToast(config).remove;
     });
+    (0, _defineProperty2.default)(this, "_withRefresh", async operation => {
+      var _this$_refresh;
+      await operation();
+      await ((_this$_refresh = this._refresh) == null ? void 0 : _this$_refresh.call(this));
+    });
     (0, _defineProperty2.default)(this, "_runDelete", async (fieldId, deleteField) => {
-      await this.deleteTask.run(() => deleteField(fieldId), err => console.error('[EditableTable] deleteField failed', err));
+      await this.deleteTask.run(() => this._withRefresh(() => deleteField(fieldId)));
       if (this.deleteTask.status.isSuccess) {
         this.confirmModal.close();
         this._showToast({
@@ -52,13 +58,40 @@ class FieldActionsState {
     this.handlers = handlers;
     this.permissions = permissions;
     this.showToast = showToast;
+    this._refresh = refresh;
     (0, _mobx.makeObservable)(this, {
+      handlers: _mobx.observable.ref,
+      permissions: _mobx.observable.ref,
+      setHandlers: _mobx.action,
+      setPermissions: _mobx.action,
+      setRefresh: _mobx.action,
       confirmDelete: _mobx.action,
       makePrimary: _mobx.action,
       duplicate: _mobx.action,
-      duplicateWithContent: _mobx.action
+      duplicateWithContent: _mobx.action,
+      isMakingPrimary: _mobx.computed,
+      isDuplicating: _mobx.computed,
+      isDuplicatingWithContent: _mobx.computed
     });
   }
+  setHandlers(handlers) {
+    this.handlers = handlers;
+  }
+  setPermissions(permissions) {
+    this.permissions = permissions;
+  }
+  setRefresh(refresh) {
+    this._refresh = refresh;
+  }
+  get isMakingPrimary() {
+    return this.makePrimaryTask.status.isLoading;
+  }
+  get isDuplicating() {
+    return this.duplicateTask.status.isLoading;
+  }
+  get isDuplicatingWithContent() {
+    return this.duplicateWithContentTask.status.isLoading;
+  }
   confirmDelete(fieldId) {
     var _this$handlers;
     const deleteField = (_this$handlers = this.handlers) == null ? void 0 : _this$handlers.deleteField;
@@ -83,7 +116,7 @@ class FieldActionsState {
     if (!makePrimary || this.makePrimaryTask.status.isLoading) {
       return;
     }
-    await this.makePrimaryTask.run(() => makePrimary(fieldId), err => console.error('[EditableTable] makePrimary failed', err));
+    await this.makePrimaryTask.run(() => this._withRefresh(() => makePrimary(fieldId)));
     if (this.makePrimaryTask.status.isSuccess) {
       this._showToast({
         type: 'SUCCESS',
@@ -106,10 +139,10 @@ class FieldActionsState {
   async duplicate(fieldId) {
     var _this$handlers3;
     const duplicateField = (_this$handlers3 = this.handlers) == null ? void 0 : _this$handlers3.duplicateField;
-    if (!duplicateField || this.duplicateTask.status.isLoading || this.duplicateWithContentTask.status.isLoading) {
+    if (!duplicateField || this.duplicateTask.status.isLoading) {
       return;
     }
-    await this.duplicateTask.run(() => duplicateField(fieldId), err => console.error('[EditableTable] duplicateField failed', err));
+    await this.duplicateTask.run(() => this._withRefresh(() => duplicateField(fieldId)));
     if (this.duplicateTask.status.isSuccess) {
       this._showToast({
         type: 'SUCCESS',
@@ -132,10 +165,10 @@ class FieldActionsState {
   async duplicateWithContent(fieldId) {
     var _this$handlers4;
     const duplicateFieldWithContent = (_this$handlers4 = this.handlers) == null ? void 0 : _this$handlers4.duplicateFieldWithContent;
-    if (!duplicateFieldWithContent || this.duplicateWithContentTask.status.isLoading || this.duplicateTask.status.isLoading) {
+    if (!duplicateFieldWithContent || this.duplicateWithContentTask.status.isLoading) {
       return;
     }
-    await this.duplicateWithContentTask.run(() => duplicateFieldWithContent(fieldId), err => console.error('[EditableTable] duplicateFieldWithContent failed', err));
+    await this.duplicateWithContentTask.run(() => this._withRefresh(() => duplicateFieldWithContent(fieldId)));
     if (this.duplicateWithContentTask.status.isSuccess) {
       this._showToast({
         type: 'SUCCESS',