@wix/patterns 1.207.0 → 1.208.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toastTypeToNotificationType","SUCCESS","ERROR","convertToastConfigToButtonProps","toastConfig","onClose","_toastConfig$action","label","action","text","onClick","_toastConfig$action2","_toastConfig$action3","removeToastOnClick","toastTypeToIcon","createElement","StatusComplete","__self","__source","fileName","lineNumber","columnNumber","InfoCircle","ManageTagsNotification","dataHook","notificationProps","useMemo","_toastConfig$action4","_toastConfig$action5","type","prefixIcon","buttonProps","message","uiType","undefined","textButtonProps","FloatingNotification","_extends2","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ToastConfig, ToastType } from '@wix/bex-core';\nimport {\n  FloatingNotification,\n  FloatingNotificationType,\n  IconElement,\n} from '@wix/design-system';\nimport { InfoCircle, StatusComplete } from '@wix/wix-ui-icons-common';\n\ninterface ManageTagsNotificationProps {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n  dataHook?: string;\n}\n\nconst toastTypeToNotificationType: {\n  [key in ToastType]?: FloatingNotificationType;\n} = {\n  SUCCESS: 'success',\n  ERROR: 'destructive',\n};\n\nconst convertToastConfigToButtonProps = ({\n  toastConfig,\n  onClose,\n}: {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n}) => {\n  return {\n    label: toastConfig.action?.text,\n    onClick: () => {\n      toastConfig.action?.onClick?.();\n\n      if (toastConfig.action?.removeToastOnClick) {\n        onClose(toastConfig);\n      }\n    },\n  };\n};\n\nconst toastTypeToIcon: {\n  [key in ToastType]?: IconElement;\n} = {\n  SUCCESS: <StatusComplete />,\n  ERROR: <InfoCircle />,\n};\n\nexport const ManageTagsNotification = ({\n  toastConfig,\n  onClose,\n  dataHook,\n}: ManageTagsNotificationProps) => {\n  const notificationProps = useMemo(() => {\n    let type;\n    let prefixIcon;\n    if (toastConfig.type) {\n      type = toastTypeToNotificationType[toastConfig.type];\n      prefixIcon = toastTypeToIcon[toastConfig.type];\n    }\n\n    const buttonProps = convertToastConfigToButtonProps({\n      toastConfig,\n      onClose,\n    });\n\n    return {\n      type,\n      prefixIcon,\n      text: toastConfig.message,\n      buttonProps:\n        toastConfig.action?.uiType === 'BUTTON' ? buttonProps : undefined,\n      textButtonProps:\n        toastConfig.action?.uiType === 'LINK' ? buttonProps : undefined,\n      onClose: () => onClose(toastConfig),\n    };\n  }, [toastConfig, onClose]);\n\n  return <FloatingNotification dataHook={dataHook} {...notificationProps} />;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toastTypeToNotificationType","SUCCESS","ERROR","convertToastConfigToButtonProps","toastConfig","onClose","_toastConfig$action","label","action","text","onClick","_toastConfig$action2","_toastConfig$action3","removeToastOnClick","toastTypeToIcon","createElement","StatusComplete","__self","__source","fileName","lineNumber","columnNumber","InfoCircle","ManageTagsNotification","dataHook","notificationProps","useMemo","_toastConfig$action4","_toastConfig$action5","type","prefixIcon","buttonProps","message","uiType","undefined","textButtonProps","FloatingNotification","_extends2","exports"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsNotification.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ToastConfig, ToastType } from '@wix/bex-core';\nimport {\n  FloatingNotification,\n  FloatingNotificationType,\n  IconElement,\n} from '@wix/design-system';\nimport { InfoCircle, StatusComplete } from '@wix/wix-ui-icons-common';\n\ninterface ManageTagsNotificationProps {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n  dataHook?: string;\n}\n\nconst toastTypeToNotificationType: {\n  [key in ToastType]?: FloatingNotificationType;\n} = {\n  SUCCESS: 'success',\n  ERROR: 'destructive',\n};\n\nconst convertToastConfigToButtonProps = ({\n  toastConfig,\n  onClose,\n}: {\n  toastConfig: ToastConfig;\n  onClose: (toastConfig: ToastConfig) => unknown;\n}) => {\n  return {\n    label: toastConfig.action?.text,\n    onClick: () => {\n      toastConfig.action?.onClick?.();\n\n      if (toastConfig.action?.removeToastOnClick) {\n        onClose(toastConfig);\n      }\n    },\n  };\n};\n\nconst toastTypeToIcon: {\n  [key in ToastType]?: IconElement;\n} = {\n  SUCCESS: <StatusComplete />,\n  ERROR: <InfoCircle />,\n};\n\nexport const ManageTagsNotification = ({\n  toastConfig,\n  onClose,\n  dataHook,\n}: ManageTagsNotificationProps) => {\n  const notificationProps = useMemo(() => {\n    let type;\n    let prefixIcon;\n    if (toastConfig.type) {\n      type = toastTypeToNotificationType[toastConfig.type];\n      prefixIcon = toastTypeToIcon[toastConfig.type];\n    }\n\n    const buttonProps = convertToastConfigToButtonProps({\n      toastConfig,\n      onClose,\n    });\n\n    return {\n      type,\n      prefixIcon,\n      text: toastConfig.message,\n      buttonProps:\n        toastConfig.action?.uiType === 'BUTTON' ? buttonProps : undefined,\n      textButtonProps:\n        toastConfig.action?.uiType === 'LINK' ? buttonProps : undefined,\n      onClose: () => onClose(toastConfig),\n    };\n  }, [toastConfig, onClose]);\n\n  return <FloatingNotification dataHook={dataHook} {...notificationProps} />;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,8 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Tags/ManageTags/ManageTagsModal/TagItemEditable.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const TagItemEditable = ({
   tagName,
   isLastTag,

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

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

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

@@ -9,8 +9,7 @@ var _MultiSelectCheckboxFilter = require("../MultiSelectCheckboxFilter");
 var _useFilterCollection = require("../../hooks/useFilterCollection");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsFilter/TagsFilter.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const _TagsFilter = ({
   filter
 }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_react2","_MultiSelectCheckboxFilter","_useFilterCollection","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TagsFilter","filter","_toolbarState$tagsCol","_toolbarState$tagsCol4","toolbarState","useToolbarCollectionContext","translate","useWixPatternsContainer","tagsFilterCollection","useFilterCollection","queryName","tagsCollectionState","tagsManagementState","fqdnString","join","fetchData","search","_toolbarState$tagsCol2","filteredItems","items","tag","_tag$name","name","toLowerCase","includes","total","length","useEffect","_toolbarState$tagsCol3","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 { useWixPatternsContainer, OffsetQuery } from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport { Tag } 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 tagsFilterCollection = useFilterCollection(filter, {\n    queryName: [\n      toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n      'tags',\n      'filter',\n    ].join('/'),\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\n      return {\n        items: filteredItems,\n        total: filteredItems.length,\n      };\n    },\n  });\n\n  useEffect(() => {\n    if (toolbarState.tagsCollectionState?.tagsManagementState.items) {\n      tagsFilterCollection.refreshAllPages();\n    }\n  }, [toolbarState.tagsCollectionState?.tagsManagementState.items]);\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","_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","useToolbarCollectionContext","translate","useWixPatternsContainer","tagsFilterCollection","useFilterCollection","queryName","tagsCollectionState","tagsManagementState","fqdnString","join","fetchData","search","_toolbarState$tagsCol2","filteredItems","items","tag","_tag$name","name","toLowerCase","includes","total","length","useEffect","_toolbarState$tagsCol3","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 { useWixPatternsContainer, OffsetQuery } from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport { Tag } 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 tagsFilterCollection = useFilterCollection(filter, {\n    queryName: [\n      toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n      'tags',\n      'filter',\n    ].join('/'),\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\n      return {\n        items: filteredItems,\n        total: filteredItems.length,\n      };\n    },\n  });\n\n  useEffect(() => {\n    if (toolbarState.tagsCollectionState?.tagsManagementState.items) {\n      tagsFilterCollection.refreshAllPages();\n    }\n  }, [toolbarState.tagsCollectionState?.tagsManagementState.items]);\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/TagsWidget/TagsWidget.js

@@ -17,8 +17,7 @@ var _useWidgetPageStatus = require("../useWidgetPageStatus");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _useTagsWidget = require("../../hooks/useTagsWidget");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsWidget/TagsWidget.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const InlineLayoutContent = ({
   dataHook,
   state: _state,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_useTagsWidget","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_useTagsWidget","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,8 +12,7 @@ var _bexCore = require("@wix/bex-core");
 var _TagsModalState = require("../../state/TagsModalState");
 var _useSelector = require("../../useSelector");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsWidget/TagsWidgetContent.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ReadonlyTagsWidgetContent = ({
   formState
 }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/ToolbarCollection.js

@@ -8,8 +8,7 @@ var _assertComponentType = require("../assertComponentType");
 var _CollectionToolbars = require("../CollectionToolbars");
 var _checkConflictingToolbarProps = require("./checkConflictingToolbarProps");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarCollection/ToolbarCollection.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ToolbarCollection(props) {
   const {
     state,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n  ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n   * @overrideType [ToolbarSecondaryActions](./?path=/story/wip-toolbarsecondaryactions--toolbarsecondaryactions)\n   * @external\n   */\n  secondaryActions?: ToolbarSecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        secondaryActions={secondaryActions}\n        moreActions={moreActions}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAUA,IAAAG,oBAAA,GAAAH,OAAA;AAaA,IAAAI,mBAAA,GAAAJ,OAAA;AAOA,IAAAK,6BAAA,GAAAL,OAAA;AAA8E,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAmRvE,SAASW,iBAAiBA,CAC/BC,KAAmC,EACnC;EACA,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM,EAAEC,UAAU;IAClBC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,WAAW;IACXC,UAAU;IACVC;EACF,CAAC,GAAGnB,KAAK;EACT,IAAAoB,wCAAmB,EAACf,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAgB,0DAA4B,EAACrB,KAAK,CAAC;EAEnC,MAAM;IAAEsB,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,MAAM,CAACf,MAAM,EAAEgB,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAClChB,UAAU,IAAI,CAAAa,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAC9C,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,SAAS,CAACf,UAAU,IAAI,CAAAa,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAAI,CAAC;EAC7D,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;EAEhB,oBACErC,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAAAxD,MAAA,CAAAY,OAAA,CAAA6C,QAAA,qBACEzD,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAACrD,mBAAA,CAAAuD,kBAAkB;IACjBtB,MAAM,EAAEA,MAAO;IACfR,KAAK,EAAEA,KAAM;IACbU,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXF,OAAO,EAAEA,OAAQ;IACjBK,gBAAgB,EAAEA,gBAAiB;IACnCC,6BAA6B,EAAEA,6BAA8B;IAC7DF,YAAY,EAAEA,YAAa;IAC3BO,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MACEA,eAAe,CAAC;MAAEa,KAAK,EAAE/B,KAAK,CAACgC,UAAU,CAACC,MAAM,CAACC;IAAY,CAAC,CAAC,GACjEhB,eACL;IACDiB,QAAQ,eACN/D,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAAC1D,aAAA,CAAAkE,GAAG;MACFC,KAAK,EAAC,MAAM;MACZC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,KAAK;MACpBC,cAAc,EAAC,OAAO;MACtBC,SAAS,EAAC,YAAY;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvB,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eACF1E,MAAA,CAAAY,OAAA,CAAA4C,aAAA,CAAC1D,aAAA,CAAAkE,GAAG;IACFW,QAAQ,EAAC,4BAA4B;IACrCV,KAAK,EAAC,MAAM;IACZW,SAAS,EAAC,UAAU;IACpBC,SAAS,EAAE,CAAE;IACbC,IAAI,EAAE,CAAE;IACRC,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBnC,QACE,CACL,CAAC;AAEP","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n  ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n   * @overrideType [ToolbarSecondaryActions](./?path=/story/wip-toolbarsecondaryactions--toolbarsecondaryactions)\n   * @external\n   */\n  secondaryActions?: ToolbarSecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        secondaryActions={secondaryActions}\n        moreActions={moreActions}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.js

@@ -10,8 +10,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _RectState = require("../../state/RectState");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ContainerRectDebug() {
   const container = (0, _react2.useWixPatternsContainer)();
   const {

package/dist/cjs/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_providers","_ToolbarCollectionContext","_reactDom","_mobxReactLite","_RectState","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ContainerRectDebug","container","useWixPatternsContainer","stackingRootRef","usePageContext","scrollableContentRef","useScrollableContentContext","toolbar","useToolbarCollectionContext","scrollableContentRect","useState","RectState","useEffect","element","current","init","createPortal","createElement","style","position","zIndex","background","pointerEvents","border","containerRect","top","left","bottom","width","__self","__source","fileName","lineNumber","columnNumber","ContainerRectDebug","exports","observer"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { usePageContext, useScrollableContentContext } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport { RectState } from '../../state/RectState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nfunction _ContainerRectDebug() {\n  const container = useWixPatternsContainer();\n  const { stackingRootRef } = usePageContext();\n  const { scrollableContentRef } = useScrollableContentContext();\n  const toolbar = useToolbarCollectionContext();\n\n  const [scrollableContentRect] = useState(\n    () =>\n      new RectState({\n        container,\n      }),\n  );\n\n  useEffect(() => {\n    scrollableContentRect.element = scrollableContentRef?.current;\n    return scrollableContentRect.init();\n  }, []);\n\n  if (stackingRootRef?.current == null) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      style={{\n        position: 'fixed',\n        zIndex: 50,\n        background: 'transparent',\n        pointerEvents: 'none',\n        border: '#15e9e9 1px solid',\n        ...(toolbar.containerRect && {\n          top: toolbar.containerRect.top,\n          left: toolbar.containerRect.left,\n          bottom: 0,\n          width: toolbar.containerRect.width,\n        }),\n      }}\n    />,\n    stackingRootRef.current,\n  );\n}\n\nexport const ContainerRectDebug = observer(_ContainerRectDebug);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_providers","_ToolbarCollectionContext","_reactDom","_mobxReactLite","_RectState","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ContainerRectDebug","container","useWixPatternsContainer","stackingRootRef","usePageContext","scrollableContentRef","useScrollableContentContext","toolbar","useToolbarCollectionContext","scrollableContentRect","useState","RectState","useEffect","element","current","init","createPortal","createElement","style","position","zIndex","background","pointerEvents","border","containerRect","top","left","bottom","width","__self","__source","fileName","lineNumber","columnNumber","ContainerRectDebug","exports","observer"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { usePageContext, useScrollableContentContext } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport { RectState } from '../../state/RectState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nfunction _ContainerRectDebug() {\n  const container = useWixPatternsContainer();\n  const { stackingRootRef } = usePageContext();\n  const { scrollableContentRef } = useScrollableContentContext();\n  const toolbar = useToolbarCollectionContext();\n\n  const [scrollableContentRect] = useState(\n    () =>\n      new RectState({\n        container,\n      }),\n  );\n\n  useEffect(() => {\n    scrollableContentRect.element = scrollableContentRef?.current;\n    return scrollableContentRect.init();\n  }, []);\n\n  if (stackingRootRef?.current == null) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      style={{\n        position: 'fixed',\n        zIndex: 50,\n        background: 'transparent',\n        pointerEvents: 'none',\n        border: '#15e9e9 1px solid',\n        ...(toolbar.containerRect && {\n          top: toolbar.containerRect.top,\n          left: toolbar.containerRect.left,\n          bottom: 0,\n          width: toolbar.containerRect.width,\n        }),\n      }}\n    />,\n    stackingRootRef.current,\n  );\n}\n\nexport const ContainerRectDebug = observer(_ContainerRectDebug);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.js

@@ -7,8 +7,7 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ToolbarCollectionContentAutoSizer(props) {
   const {
     children

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_mobxReactLite","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ToolbarCollectionContentAutoSizer","props","children","scrollableContentRef","useScrollableContentContext","internalScrollableContentRef","useRef","scrollableContentContextValue","useState","toolbar","useToolbarCollectionContext","internalScroll","collection","useEffect","itemsContentRect","init","scrollElement","current","child","createElement","style","height","width","overflowY","undefined","overflowAnchor","ref","el","element","scrollableContent","__self","__source","fileName","lineNumber","columnNumber","ScrollableContentContext","Provider","value","ToolbarCollectionContentAutoSizer","exports","observer"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport {\n  ScrollableContentContext,\n  useScrollableContentContext,\n} from '../../providers';\n\nexport interface ToolbarCollectionContentAutoSizerProps {\n  children: ReactNode;\n}\n\nfunction _ToolbarCollectionContentAutoSizer(\n  props: ToolbarCollectionContentAutoSizerProps,\n) {\n  const { children } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const internalScrollableContentRef = useRef<HTMLElement | null>(null);\n\n  const [scrollableContentContextValue] = useState(() => ({\n    scrollableContentRef: internalScrollableContentRef,\n  }));\n\n  const toolbar = useToolbarCollectionContext();\n  const { internalScroll, collection } = toolbar;\n\n  useEffect(() => {\n    return toolbar.itemsContentRect.init({\n      scrollElement: scrollableContentRef.current,\n    });\n  }, []);\n\n  let child = (\n    <div\n      data-hook=\"toolbar-collection-content-auto-sizer\"\n      style={{\n        height: '100%',\n        width: '100%',\n        overflowY: internalScroll ? 'auto' : undefined,\n        overflowAnchor: 'none',\n      }}\n      ref={(el) => {\n        toolbar.itemsContentRect.element = el;\n        if (internalScroll) {\n          internalScrollableContentRef.current = el;\n          collection.scrollableContent = el;\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n\n  if (internalScroll) {\n    child = (\n      <ScrollableContentContext.Provider value={scrollableContentContextValue}>\n        {child}\n      </ScrollableContentContext.Provider>\n    );\n  }\n\n  return child;\n}\n\nexport const ToolbarCollectionContentAutoSizer = observer(\n  _ToolbarCollectionContentAutoSizer,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_mobxReactLite","_providers","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ToolbarCollectionContentAutoSizer","props","children","scrollableContentRef","useScrollableContentContext","internalScrollableContentRef","useRef","scrollableContentContextValue","useState","toolbar","useToolbarCollectionContext","internalScroll","collection","useEffect","itemsContentRect","init","scrollElement","current","child","createElement","style","height","width","overflowY","undefined","overflowAnchor","ref","el","element","scrollableContent","__self","__source","fileName","lineNumber","columnNumber","ScrollableContentContext","Provider","value","ToolbarCollectionContentAutoSizer","exports","observer"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport {\n  ScrollableContentContext,\n  useScrollableContentContext,\n} from '../../providers';\n\nexport interface ToolbarCollectionContentAutoSizerProps {\n  children: ReactNode;\n}\n\nfunction _ToolbarCollectionContentAutoSizer(\n  props: ToolbarCollectionContentAutoSizerProps,\n) {\n  const { children } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const internalScrollableContentRef = useRef<HTMLElement | null>(null);\n\n  const [scrollableContentContextValue] = useState(() => ({\n    scrollableContentRef: internalScrollableContentRef,\n  }));\n\n  const toolbar = useToolbarCollectionContext();\n  const { internalScroll, collection } = toolbar;\n\n  useEffect(() => {\n    return toolbar.itemsContentRect.init({\n      scrollElement: scrollableContentRef.current,\n    });\n  }, []);\n\n  let child = (\n    <div\n      data-hook=\"toolbar-collection-content-auto-sizer\"\n      style={{\n        height: '100%',\n        width: '100%',\n        overflowY: internalScroll ? 'auto' : undefined,\n        overflowAnchor: 'none',\n      }}\n      ref={(el) => {\n        toolbar.itemsContentRect.element = el;\n        if (internalScroll) {\n          internalScrollableContentRef.current = el;\n          collection.scrollableContent = el;\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n\n  if (internalScroll) {\n    child = (\n      <ScrollableContentContext.Provider value={scrollableContentContextValue}>\n        {child}\n      </ScrollableContentContext.Provider>\n    );\n  }\n\n  return child;\n}\n\nexport const ToolbarCollectionContentAutoSizer = observer(\n  _ToolbarCollectionContentAutoSizer,\n);\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_ = "ToolbarItem136983070";
+var _namespace_ = "ToolbarItem616374784";
 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": "ToolbarItem136983070__root"
+  "root": "ToolbarItem616374784__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};