@wix/patterns 1.0.0 → 1.2.0

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_ManageTagsModalUni","_CardContainerUni","_interopRequireDefault","_default","base","body","cardHeader","CardHeaderUniDriver","$","multiSelect","MultiSelectUniDriver","manageTagsButton","ButtonUniDriver","assignTagsButton","TextButtonUniDriver","manageTagsModal","ManageTagsModalUniDriver","cardContainer","CardContainerUniDriver","getTagById","tagId","driver","getTagDriverByTagId","selectOptionById","modalExists","exists","title","subtitle","inputPlaceholder","inputDriver","getPlaceholder","numberOfTags","optionsLength","dropdownLayoutDriver","removeTag","tag","optionContentAt","index","enterText","text","getTagLabelAt","customSuffixExists","selectAddTagOption","dropdownLayout","manageTagsButtonExists","clickManageTagsButton","click","clickAssignTagsButton","focus","blur","getErrorSubtitle","getErrorState","getSubtitleText","clickTryAgain","getRetryButton","getTryAgainContent","getButtonTextContent","showsSkeletonHeader","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/TagsWidget/TagsWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CardHeaderUniDriver,\n  MultiSelectUniDriver,\n  ButtonUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { ManageTagsModalUniDriver } from '../Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const cardHeader = () =>\n    CardHeaderUniDriver(base.$(`[data-hook=\"tags-widget-card-header\"]`), base);\n  const multiSelect = () =>\n    MultiSelectUniDriver(\n      base.$(`[data-hook=\"tags-widget-multi-select\"]`),\n      body,\n    );\n\n  const manageTagsButton = () => {\n    return ButtonUniDriver(base.$(`[data-hook=\"manage-tags-cta\"]`), body);\n  };\n\n  const assignTagsButton = () => {\n    return TextButtonUniDriver(base.$(`[data-hook=\"assign-tags-cta\"]`), body);\n  };\n\n  const manageTagsModal = () => ManageTagsModalUniDriver(base, body);\n  const cardContainer = () => CardContainerUniDriver(base, body);\n\n  const getTagById = (tagId: string) =>\n    multiSelect().driver.getTagDriverByTagId(tagId);\n  const selectOptionById = (tagId: string) =>\n    multiSelect().driver.selectOptionById(tagId);\n  return {\n    modalExists: () => manageTagsModal().exists(),\n    title: () => cardHeader().title(),\n    subtitle: () => cardHeader().subtitle(),\n    inputPlaceholder: () => multiSelect().inputDriver.getPlaceholder(),\n    numberOfTags: () => multiSelect().driver.numberOfTags(),\n    optionsLength: () => multiSelect().dropdownLayoutDriver.optionsLength(),\n    removeTag: async (tagId: string) => {\n      const tag = await getTagById(tagId);\n      await tag.removeTag();\n    },\n    optionContentAt: (index: number) =>\n      multiSelect().dropdownLayoutDriver.optionContentAt(index),\n    enterText: (text: string) => multiSelect().inputDriver.enterText(text),\n    getTagLabelAt: (index: number) => multiSelect().driver.getTagLabelAt(index),\n    customSuffixExists: () => multiSelect().driver.customSuffixExists(),\n    selectOptionById,\n    selectAddTagOption: () => selectOptionById('add-item-option'),\n    dropdownLayout: () => multiSelect().dropdownLayoutDriver,\n    manageTagsButtonExists: () => manageTagsButton().exists(),\n    clickManageTagsButton: () => manageTagsButton().click(),\n    clickAssignTagsButton: () => assignTagsButton().click(),\n    focus: () => multiSelect().inputDriver.focus(),\n    blur: () => multiSelect().inputDriver.blur(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () =>\n      cardContainer().getErrorState().getRetryButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () =>\n      cardContainer().getErrorState().getRetryButton().getButtonTextContent(),\n    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_unidriver","require","_unidriver2","_ManageTagsModalUni","_CardContainerUni","_interopRequireDefault","_default","base","body","cardHeader","CardHeaderUniDriver","$","multiSelect","MultiSelectUniDriver","manageTagsButton","ButtonUniDriver","assignTagsButton","TextButtonUniDriver","manageTagsModal","ManageTagsModalUniDriver","cardContainer","CardContainerUniDriver","getTagById","tagId","driver","getTagDriverByTagId","selectOptionById","modalExists","exists","title","subtitle","inputPlaceholder","inputDriver","getPlaceholder","numberOfTags","optionsLength","dropdownLayoutDriver","removeTag","tag","optionContentAt","index","enterText","text","getTagLabelAt","customSuffixExists","selectAddTagOption","dropdownLayout","manageTagsButtonExists","clickManageTagsButton","click","clickAssignTagsButton","focus","blur","getErrorSubtitle","getErrorState","getSubtitleText","clickTryAgain","getRetryButton","getTryAgainContent","getButtonTextContent","showsSkeletonHeader","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/TagsWidget/TagsWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CardHeaderUniDriver,\n  MultiSelectUniDriver,\n  ButtonUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { ManageTagsModalUniDriver } from '../Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const cardHeader = () =>\n    CardHeaderUniDriver(base.$(`[data-hook=\"tags-widget-card-header\"]`), base);\n  const multiSelect = () =>\n    MultiSelectUniDriver(\n      base.$(`[data-hook=\"tags-widget-multi-select\"]`),\n      body,\n    );\n\n  const manageTagsButton = () => {\n    return ButtonUniDriver(base.$(`[data-hook=\"manage-tags-cta\"]`), body);\n  };\n\n  const assignTagsButton = () => {\n    return TextButtonUniDriver(base.$(`[data-hook=\"assign-tags-cta\"]`), body);\n  };\n\n  const manageTagsModal = () => ManageTagsModalUniDriver(base, body);\n  const cardContainer = () => CardContainerUniDriver(base, body);\n\n  const getTagById = (tagId: string) =>\n    multiSelect().driver.getTagDriverByTagId(tagId);\n  const selectOptionById = (tagId: string) =>\n    multiSelect().driver.selectOptionById(tagId);\n  return {\n    modalExists: () => manageTagsModal().exists(),\n    title: () => cardHeader().title(),\n    subtitle: () => cardHeader().subtitle(),\n    inputPlaceholder: () => multiSelect().inputDriver.getPlaceholder(),\n    numberOfTags: () => multiSelect().driver.numberOfTags(),\n    optionsLength: () => multiSelect().dropdownLayoutDriver.optionsLength(),\n    removeTag: async (tagId: string) => {\n      const tag = await getTagById(tagId);\n      await tag.removeTag();\n    },\n    optionContentAt: (index: number) =>\n      multiSelect().dropdownLayoutDriver.optionContentAt(index),\n    enterText: (text: string) => multiSelect().inputDriver.enterText(text),\n    getTagLabelAt: (index: number) => multiSelect().driver.getTagLabelAt(index),\n    customSuffixExists: () => multiSelect().driver.customSuffixExists(),\n    selectOptionById,\n    selectAddTagOption: () => selectOptionById('add-item-option'),\n    dropdownLayout: () => multiSelect().dropdownLayoutDriver,\n    manageTagsButtonExists: () => manageTagsButton().exists(),\n    clickManageTagsButton: () => manageTagsButton().click(),\n    clickAssignTagsButton: () => assignTagsButton().click(),\n    focus: () => multiSelect().inputDriver.focus(),\n    blur: () => multiSelect().inputDriver.blur(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () =>\n      cardContainer().getErrorState().getRetryButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () =>\n      cardContainer().getErrorState().getRetryButton().getButtonTextContent(),\n    showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,7 +12,7 @@ var _bexCore = require("@wix/bex-core");
 var _TagsModalState = require("../../state/TagsModalState");
 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 && Object.prototype.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, 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; }
 const ManageTagsModal = /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "ManageTagsModal" */'../Tags/ManageTags/ManageTagsModal/ManageTagsModal'))).then(module => ({
   default: module.ManageTagsModal
 })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","container","useWixPatternsContainer","translate","formState","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","id","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","createElement","Add","__self","__source","fileName","lineNumber","columnNumber","displayedAssignedTags","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","Box","TextButton","size","dataHook","fixedFooter","isInEmptyState","undefined","length","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} 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';\n\ninterface TagsWidgetContentProps\n  extends Omit<TagsWidgetBaseProps, 'subtitle' | 'dataHook' | 'status'> {\n  state: TagsWidgetState;\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}: TagsWidgetContentProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\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 = [\n      formState.init({ initialTags, entityId }),\n      tagsModalState.init(),\n    ];\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({ origin: formState.origin });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","container","useWixPatternsContainer","translate","formState","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","id","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","createElement","Add","__self","__source","fileName","lineNumber","columnNumber","displayedAssignedTags","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","Box","TextButton","size","dataHook","fixedFooter","isInEmptyState","undefined","length","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} 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';\n\ninterface TagsWidgetContentProps\n  extends Omit<TagsWidgetBaseProps, 'subtitle' | 'dataHook' | 'status'> {\n  state: TagsWidgetState;\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}: TagsWidgetContentProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\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 = [\n      formState.init({ initialTags, entityId }),\n      tagsModalState.init(),\n    ];\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({ origin: formState.origin });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\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/TagsWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_TagsWidget","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/TagsWidget/index.ts"],"sourcesContent":["export * from './TagsWidget';\n"],"mappings":";;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA;AAAA"}
+{"version":3,"names":["_TagsWidget","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/TagsWidget/index.ts"],"sourcesContent":["export * from './TagsWidget';\n"],"mappings":";;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_createContext","tagsWidgetContext","exports","createContext","TagsWidgetContextProvider","Provider","TagsWidgetContextConsumer","Consumer","useTagsWidgetContext","value","useContext","assertContextValue"],"sources":["../../../src/components/TagsWidgetContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { assertContextValue } from '../createContext';\nimport { TagsWidgetState } from '@wix/bex-core';\n\nexport const tagsWidgetContext = createContext<TagsWidgetState | null>(null);\n\nexport const TagsWidgetContextProvider = tagsWidgetContext.Provider;\nexport const TagsWidgetContextConsumer = tagsWidgetContext.Consumer;\n\nexport const useTagsWidgetContext = () => {\n  const value = useContext(tagsWidgetContext);\n  assertContextValue('TagsWidgetProvider', value);\n  return value as TagsWidgetState;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAyB,IAAI,CAAC;AAErE,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAGH,iBAAiB,CAACI,QAAQ;AAC5D,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGL,iBAAiB,CAACM,QAAQ;AAE5D,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACT,iBAAiB,CAAC;EAC3C,IAAAU,iCAAkB,EAAC,oBAAoB,EAAEF,KAAK,CAAC;EAC/C,OAAOA,KAAK;AACd,CAAC;AAACP,OAAA,CAAAM,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_react","require","_createContext","tagsWidgetContext","exports","createContext","TagsWidgetContextProvider","Provider","TagsWidgetContextConsumer","Consumer","useTagsWidgetContext","value","useContext","assertContextValue"],"sources":["../../../src/components/TagsWidgetContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { assertContextValue } from '../createContext';\nimport { TagsWidgetState } from '@wix/bex-core';\n\nexport const tagsWidgetContext = createContext<TagsWidgetState | null>(null);\n\nexport const TagsWidgetContextProvider = tagsWidgetContext.Provider;\nexport const TagsWidgetContextConsumer = tagsWidgetContext.Consumer;\n\nexport const useTagsWidgetContext = () => {\n  const value = useContext(tagsWidgetContext);\n  assertContextValue('TagsWidgetProvider', value);\n  return value as TagsWidgetState;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAyB,IAAI,CAAC;AAErE,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAGH,iBAAiB,CAACI,QAAQ;AAC5D,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGL,iBAAiB,CAACM,QAAQ;AAE5D,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACT,iBAAiB,CAAC;EAC3C,IAAAU,iCAAkB,EAAC,oBAAoB,EAAEF,KAAK,CAAC;EAC/C,OAAOA,KAAK;AACd,CAAC;AAACP,OAAA,CAAAM,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","TextBreadcrumbs","props","dataHook","items","default","createElement","Box","direction","minWidth","__self","__source","fileName","lineNumber","columnNumber","map","item","key","id","Text","ellipsis","size","name"],"sources":["../../../src/components/TextBreadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\n\nexport interface BreadcrumbItem {\n  id: string;\n  name: string;\n}\n\nexport interface TextBreadcrumbsProps {\n  items: BreadcrumbItem[];\n  dataHook?: string;\n}\n\nexport function TextBreadcrumbs(props: TextBreadcrumbsProps) {\n  const { dataHook, items } = props;\n\n  return (\n    <Box direction=\"horizontal\" minWidth={0} dataHook={dataHook}>\n      {items.map((item) => {\n        return (\n          <Box key={item.id} minWidth={0}>\n            <Text ellipsis size=\"small\">\n              {item.name}\n            </Text>\n            <Text size=\"small\">\n              &nbsp;\n              {'>'}\n              &nbsp;\n            </Text>\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA+C,IAAAE,YAAA;AAYxC,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAEjC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,SAAS,EAAC,YAAY;IAACC,QAAQ,EAAE,CAAE;IAACN,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDV,KAAK,CAACW,GAAG,CAAEC,IAAI,IAAK;IACnB,oBACEpB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACU,GAAG,EAAED,IAAI,CAACE,EAAG;MAACT,QAAQ,EAAE,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC7BlB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAoB,IAAI;MAACC,QAAQ;MAACC,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GACxBE,IAAI,CAACM,IACF,CAAC,eACP1B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAoB,IAAI;MAACE,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,MAEjB,EAAC,GAAG,EAAC,MAED,CACH,CAAC;EAEV,CAAC,CACE,CAAC;AAEV"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","TextBreadcrumbs","props","dataHook","items","default","createElement","Box","direction","minWidth","__self","__source","fileName","lineNumber","columnNumber","map","item","key","id","Text","ellipsis","size","name"],"sources":["../../../src/components/TextBreadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\n\nexport interface BreadcrumbItem {\n  id: string;\n  name: string;\n}\n\nexport interface TextBreadcrumbsProps {\n  items: BreadcrumbItem[];\n  dataHook?: string;\n}\n\nexport function TextBreadcrumbs(props: TextBreadcrumbsProps) {\n  const { dataHook, items } = props;\n\n  return (\n    <Box direction=\"horizontal\" minWidth={0} dataHook={dataHook}>\n      {items.map((item) => {\n        return (\n          <Box key={item.id} minWidth={0}>\n            <Text ellipsis size=\"small\">\n              {item.name}\n            </Text>\n            <Text size=\"small\">\n              &nbsp;\n              {'>'}\n              &nbsp;\n            </Text>\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA+C,IAAAE,YAAA;AAYxC,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAEjC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,SAAS,EAAC,YAAY;IAACC,QAAQ,EAAE,CAAE;IAACN,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDV,KAAK,CAACW,GAAG,CAAEC,IAAI,IAAK;IACnB,oBACEpB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACU,GAAG,EAAED,IAAI,CAACE,EAAG;MAACT,QAAQ,EAAE,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC7BlB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAoB,IAAI;MAACC,QAAQ;MAACC,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GACxBE,IAAI,CAACM,IACF,CAAC,eACP1B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAoB,IAAI;MAACE,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,MAEjB,EAAC,GAAG,EAAC,MAED,CACH,CAAC;EAEV,CAAC,CACE,CAAC;AAEV","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","TextWidthLoader","props","text","rest","default","createElement","Box","align","verticalAlign","position","__self","__source","fileName","lineNumber","columnNumber","visibility","Loader","_extends2"],"sources":["../../../src/components/TextWidthLoader.tsx"],"sourcesContent":["import { Box, Loader, LoaderProps } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface TextWidthLoaderProps extends Partial<LoaderProps> {\n  text?: ReactNode;\n}\n\nexport function TextWidthLoader(props: TextWidthLoaderProps) {\n  const { text, ...rest } = props;\n  return (\n    <Box align=\"center\" verticalAlign=\"middle\" position=\"relative\">\n      <Box visibility=\"hidden\">{text}</Box>\n      <Box position=\"absolute\">\n        <Loader {...rest} />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAMlC,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBACEJ,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DjB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACS,UAAU,EAAC,QAAQ;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEZ,IAAU,CAAC,eACrCL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACG,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBjB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAb,OAAA,MAAKD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAChB,CACF,CAAC;AAEV"}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","TextWidthLoader","props","text","rest","default","createElement","Box","align","verticalAlign","position","__self","__source","fileName","lineNumber","columnNumber","visibility","Loader","_extends2"],"sources":["../../../src/components/TextWidthLoader.tsx"],"sourcesContent":["import { Box, Loader, LoaderProps } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface TextWidthLoaderProps extends Partial<LoaderProps> {\n  text?: ReactNode;\n}\n\nexport function TextWidthLoader(props: TextWidthLoaderProps) {\n  const { text, ...rest } = props;\n  return (\n    <Box align=\"center\" verticalAlign=\"middle\" position=\"relative\">\n      <Box visibility=\"hidden\">{text}</Box>\n      <Box position=\"absolute\">\n        <Loader {...rest} />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAMlC,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBACEJ,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DjB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACS,UAAU,EAAC,QAAQ;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEZ,IAAU,CAAC,eACrCL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACG,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBjB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAb,OAAA,MAAKD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAChB,CACF,CAAC;AAEV","ignoreList":[]}

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

@@ -9,7 +9,7 @@ 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 && Object.prototype.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, 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 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","prototype","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","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} 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';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Display a title at the left of the table toolbar.\n   * Pass [`<ToolbarTitle />`](./?path=/story/components-collection-features--toolbartitle) component.\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Display a search input on the right of the table toolbar.<br>\n   * Accepts boolean or a custom `ReactElement`. When passing `false` no search input will be displayed.<br>\n   * To confiugre WixPatterns default element pass [`<CollectionSearch />`](./?path=/story/components-collection-features--collectionsearch) component.\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/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--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<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Add views dropdown to the table headers.<br>\n   * Must be a [Views](./?path=/story/components-collection-features--views) component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Add filters to the table's toolbar and/or to a sliding panel.<br>\n   * Must be a [<CollectionToolbarFilters />](./?path=/story/components-collection-features--toolbar-filters) component.<br>\n   * `panelTitle` prop must be passed to `<CollectionToolbarFilters />`\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Display tabs at the left of the table toolbar.\n   * Pass [`<TabsFilter />`](./?path=/story/components-collection-features--tabs-filter) component.\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for the container when showing the loader / empty state / error state\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   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * Enable to configure Wix Patterns default EmptyState behaviour.\n   * Will be shown in when the collection is empty.\n   * Pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.\n   * Todo: check link\n   * @external\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   * Todo: check link\n   * @external\n   */\n  noResultsState?: ReactNode;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\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 SummaryBar below the toolbar.\n   * Pass [`<SummaryBar />`](./?path=/story/components-collection-features--summarybar) component.\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - 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, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the array of following objects: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - 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, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - 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, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * If the move should be cancelled, the function should return a toast config object with a message explaining why the move was cancelled. Otherwise, the function should return nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filter names combinations that your server holds a unique ordering for. If this prop is not passed, drag and drop will be enabled only when no filters are applied.<br>\n   * If you pass this prop, you should explicitly pass `[]` as one of the combinations in order to enable drag and drop when no filters are applied, for example: `dragAndDropCategories={[[], ['status']]}`\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\n\n  /**\n   * Extension Menu Items implementation: `import { ExtensionMenuItems } from '@wix/patterns';`\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. Must be a ReorderModeToolbar component.\n   * Accepts the following props:\n   * - `learnMoreUrl`\n   * - `reorderModeTitle`\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * A [`<CustomColumns />`](./?path=/story/components-collection-features--custom-columns) react element to be added at the top right of the table.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Multi level sorting.\n   * Enables sorting on multiple columns simultaneously.\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Primary action button in the toolbar.\n   * Must be a [`<PrimaryActionButton />`](./?path=/story/components-collection-features--primaryactionbutton) component.\n   * @external\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\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   * Limit the amount of rows to user can select\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\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    summaryBar,\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        summaryBar={summaryBar}\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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"}
+{"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","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","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} 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';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Display a title at the left of the table toolbar.\n   * Pass [`<ToolbarTitle />`](./?path=/story/components-collection-features--toolbartitle) component.\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Display a search input on the right of the table toolbar.<br>\n   * Accepts boolean or a custom `ReactElement`. When passing `false` no search input will be displayed.<br>\n   * To confiugre WixPatterns default element pass [`<CollectionSearch />`](./?path=/story/components-collection-features--collectionsearch) component.\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/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--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<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Add views dropdown to the table headers.<br>\n   * Must be a [Views](./?path=/story/components-collection-features--views) component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Add filters to the table's toolbar and/or to a sliding panel.<br>\n   * Must be a [<CollectionToolbarFilters />](./?path=/story/components-collection-features--toolbar-filters) component.<br>\n   * `panelTitle` prop must be passed to `<CollectionToolbarFilters />`\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Display tabs at the left of the table toolbar.\n   * Pass [`<TabsFilter />`](./?path=/story/components-collection-features--tabs-filter) component.\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for the container when showing the loader / empty state / error state\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   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * Enable to configure Wix Patterns default EmptyState behaviour.\n   * Will be shown in when the collection is empty.\n   * Pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.\n   * Todo: check link\n   * @external\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   * Todo: check link\n   * @external\n   */\n  noResultsState?: ReactNode;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\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 SummaryBar below the toolbar.\n   * Pass [`<SummaryBar />`](./?path=/story/components-collection-features--summarybar) component.\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - 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, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the array of following objects: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - 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, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - 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, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * If the move should be cancelled, the function should return a toast config object with a message explaining why the move was cancelled. Otherwise, the function should return nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filter names combinations that your server holds a unique ordering for. If this prop is not passed, drag and drop will be enabled only when no filters are applied.<br>\n   * If you pass this prop, you should explicitly pass `[]` as one of the combinations in order to enable drag and drop when no filters are applied, for example: `dragAndDropCategories={[[], ['status']]}`\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\n\n  /**\n   * Extension Menu Items implementation: `import { ExtensionMenuItems } from '@wix/patterns';`\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. Must be a ReorderModeToolbar component.\n   * Accepts the following props:\n   * - `learnMoreUrl`\n   * - `reorderModeTitle`\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * A [`<CustomColumns />`](./?path=/story/components-collection-features--custom-columns) react element to be added at the top right of the table.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Multi level sorting.\n   * Enables sorting on multiple columns simultaneously.\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Primary action button in the toolbar.\n   * Must be a [`<PrimaryActionButton />`](./?path=/story/components-collection-features--primaryactionbutton) component.\n   * @external\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\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   * Limit the amount of rows to user can select\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\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    summaryBar,\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        summaryBar={summaryBar}\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/ToolbarCollection/checkConflictingToolbarProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["checkConflictingToolbarProps","props","tabs","views","title","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropReorderModeToolbar","process","env","NODE_ENV","tabsProp","key","val","viewsProp","titleProp","dragAndDropSubmitProp","dragAndDropBulkSubmitProp","dragAndDropReorderModeToolbarProp","conflictingProps","subtitle","Error","pair"],"sources":["../../../../src/components/ToolbarCollection/checkConflictingToolbarProps.ts"],"sourcesContent":["import { ToolbarCollectionProps } from './ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport function checkConflictingToolbarProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    tabs,\n    views,\n    title,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropReorderModeToolbar,\n  } = props;\n  if (process.env.NODE_ENV !== 'production') {\n    const tabsProp = { key: '`tabs`', val: tabs };\n    const viewsProp = { key: '`views`', val: views };\n    const titleProp = { key: '`title`', val: title?.props.title };\n    const dragAndDropSubmitProp = {\n      key: '`dragAndDropSubmit`',\n      val: dragAndDropSubmit,\n    };\n    const dragAndDropBulkSubmitProp = {\n      key: '`dragAndDropBulkSubmit`',\n      val: dragAndDropBulkSubmit,\n    };\n    const dragAndDropReorderModeToolbarProp = {\n      key: '`dragAndDropReorderModeToolbar`',\n      val: dragAndDropReorderModeToolbar,\n    };\n\n    const conflictingProps = [\n      [titleProp, tabsProp],\n      [titleProp, viewsProp],\n      [dragAndDropSubmitProp, dragAndDropReorderModeToolbarProp],\n      [dragAndDropSubmitProp, dragAndDropBulkSubmitProp],\n    ];\n\n    if (title?.props.subtitle != null && title?.props.title == null) {\n      throw new Error(\n        'Cairo: Invalid `subtitle` provided and `title` not provided.',\n      );\n    }\n\n    for (const pair of conflictingProps) {\n      if (pair[0].val != null && pair[1].val != null) {\n        throw new Error(\n          `Cairo: Invalid both ${pair[0].key} and ${pair[1].key} props provided, either ${pair[0].key} or ${pair[1].key} is supported.`,\n        );\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAGO,SAASA,4BAA4BA,CAC1CC,KAAmC,EACnC;EACA,MAAM;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,qBAAqB;IACrBC,iBAAiB;IACjBC;EACF,CAAC,GAAGN,KAAK;EACT,IAAIO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,MAAMC,QAAQ,GAAG;MAAEC,GAAG,EAAE,QAAQ;MAAEC,GAAG,EAAEX;IAAK,CAAC;IAC7C,MAAMY,SAAS,GAAG;MAAEF,GAAG,EAAE,SAAS;MAAEC,GAAG,EAAEV;IAAM,CAAC;IAChD,MAAMY,SAAS,GAAG;MAAEH,GAAG,EAAE,SAAS;MAAEC,GAAG,EAAET,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACG;IAAM,CAAC;IAC7D,MAAMY,qBAAqB,GAAG;MAC5BJ,GAAG,EAAE,qBAAqB;MAC1BC,GAAG,EAAEP;IACP,CAAC;IACD,MAAMW,yBAAyB,GAAG;MAChCL,GAAG,EAAE,yBAAyB;MAC9BC,GAAG,EAAER;IACP,CAAC;IACD,MAAMa,iCAAiC,GAAG;MACxCN,GAAG,EAAE,iCAAiC;MACtCC,GAAG,EAAEN;IACP,CAAC;IAED,MAAMY,gBAAgB,GAAG,CACvB,CAACJ,SAAS,EAAEJ,QAAQ,CAAC,EACrB,CAACI,SAAS,EAAED,SAAS,CAAC,EACtB,CAACE,qBAAqB,EAAEE,iCAAiC,CAAC,EAC1D,CAACF,qBAAqB,EAAEC,yBAAyB,CAAC,CACnD;IAED,IAAI,CAAAb,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACmB,QAAQ,KAAI,IAAI,IAAI,CAAAhB,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACG,KAAK,KAAI,IAAI,EAAE;MAC/D,MAAM,IAAIiB,KAAK,CACb,8DACF,CAAC;IACH;IAEA,KAAK,MAAMC,IAAI,IAAIH,gBAAgB,EAAE;MACnC,IAAIG,IAAI,CAAC,CAAC,CAAC,CAACT,GAAG,IAAI,IAAI,IAAIS,IAAI,CAAC,CAAC,CAAC,CAACT,GAAG,IAAI,IAAI,EAAE;QAC9C,MAAM,IAAIQ,KAAK,CACZ,uBAAsBC,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,QAAOU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,2BAA0BU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,OAAMU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,gBAChH,CAAC;MACH;IACF;EACF;AACF"}
+{"version":3,"names":["checkConflictingToolbarProps","props","tabs","views","title","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropReorderModeToolbar","process","env","NODE_ENV","tabsProp","key","val","viewsProp","titleProp","dragAndDropSubmitProp","dragAndDropBulkSubmitProp","dragAndDropReorderModeToolbarProp","conflictingProps","subtitle","Error","pair"],"sources":["../../../../src/components/ToolbarCollection/checkConflictingToolbarProps.ts"],"sourcesContent":["import { ToolbarCollectionProps } from './ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport function checkConflictingToolbarProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    tabs,\n    views,\n    title,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropReorderModeToolbar,\n  } = props;\n  if (process.env.NODE_ENV !== 'production') {\n    const tabsProp = { key: '`tabs`', val: tabs };\n    const viewsProp = { key: '`views`', val: views };\n    const titleProp = { key: '`title`', val: title?.props.title };\n    const dragAndDropSubmitProp = {\n      key: '`dragAndDropSubmit`',\n      val: dragAndDropSubmit,\n    };\n    const dragAndDropBulkSubmitProp = {\n      key: '`dragAndDropBulkSubmit`',\n      val: dragAndDropBulkSubmit,\n    };\n    const dragAndDropReorderModeToolbarProp = {\n      key: '`dragAndDropReorderModeToolbar`',\n      val: dragAndDropReorderModeToolbar,\n    };\n\n    const conflictingProps = [\n      [titleProp, tabsProp],\n      [titleProp, viewsProp],\n      [dragAndDropSubmitProp, dragAndDropReorderModeToolbarProp],\n      [dragAndDropSubmitProp, dragAndDropBulkSubmitProp],\n    ];\n\n    if (title?.props.subtitle != null && title?.props.title == null) {\n      throw new Error(\n        'Cairo: Invalid `subtitle` provided and `title` not provided.',\n      );\n    }\n\n    for (const pair of conflictingProps) {\n      if (pair[0].val != null && pair[1].val != null) {\n        throw new Error(\n          `Cairo: Invalid both ${pair[0].key} and ${pair[1].key} props provided, either ${pair[0].key} or ${pair[1].key} is supported.`,\n        );\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAGO,SAASA,4BAA4BA,CAC1CC,KAAmC,EACnC;EACA,MAAM;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,qBAAqB;IACrBC,iBAAiB;IACjBC;EACF,CAAC,GAAGN,KAAK;EACT,IAAIO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,MAAMC,QAAQ,GAAG;MAAEC,GAAG,EAAE,QAAQ;MAAEC,GAAG,EAAEX;IAAK,CAAC;IAC7C,MAAMY,SAAS,GAAG;MAAEF,GAAG,EAAE,SAAS;MAAEC,GAAG,EAAEV;IAAM,CAAC;IAChD,MAAMY,SAAS,GAAG;MAAEH,GAAG,EAAE,SAAS;MAAEC,GAAG,EAAET,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACG;IAAM,CAAC;IAC7D,MAAMY,qBAAqB,GAAG;MAC5BJ,GAAG,EAAE,qBAAqB;MAC1BC,GAAG,EAAEP;IACP,CAAC;IACD,MAAMW,yBAAyB,GAAG;MAChCL,GAAG,EAAE,yBAAyB;MAC9BC,GAAG,EAAER;IACP,CAAC;IACD,MAAMa,iCAAiC,GAAG;MACxCN,GAAG,EAAE,iCAAiC;MACtCC,GAAG,EAAEN;IACP,CAAC;IAED,MAAMY,gBAAgB,GAAG,CACvB,CAACJ,SAAS,EAAEJ,QAAQ,CAAC,EACrB,CAACI,SAAS,EAAED,SAAS,CAAC,EACtB,CAACE,qBAAqB,EAAEE,iCAAiC,CAAC,EAC1D,CAACF,qBAAqB,EAAEC,yBAAyB,CAAC,CACnD;IAED,IAAI,CAAAb,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACmB,QAAQ,KAAI,IAAI,IAAI,CAAAhB,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACG,KAAK,KAAI,IAAI,EAAE;MAC/D,MAAM,IAAIiB,KAAK,CACb,8DACF,CAAC;IACH;IAEA,KAAK,MAAMC,IAAI,IAAIH,gBAAgB,EAAE;MACnC,IAAIG,IAAI,CAAC,CAAC,CAAC,CAACT,GAAG,IAAI,IAAI,IAAIS,IAAI,CAAC,CAAC,CAAC,CAACT,GAAG,IAAI,IAAI,EAAE;QAC9C,MAAM,IAAIQ,KAAK,CACZ,uBAAsBC,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,QAAOU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,2BAA0BU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,OAAMU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,gBAChH,CAAC;MACH;IACF;EACF;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollection","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarCollection/index.ts"],"sourcesContent":["export * from './ToolbarCollection';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA"}
+{"version":3,"names":["_ToolbarCollection","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarCollection/index.ts"],"sourcesContent":["export * from './ToolbarCollection';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","extensionMenuItems","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","getIsUsingAllItemsView","allItemsViewProps","hidden","useEffect","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","reaction","hasHeader","minimizedHeaderHeight","fireImmediately","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    extensionMenuItems,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.extensionMenuItems = extensionMenuItems;\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","extensionMenuItems","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","getIsUsingAllItemsView","allItemsViewProps","hidden","useEffect","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","reaction","hasHeader","minimizedHeaderHeight","fireImmediately","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    extensionMenuItems,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.extensionMenuItems = extensionMenuItems;\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,7 +11,7 @@ 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 && Object.prototype.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, 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 _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","prototype","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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA8D,IAAAO,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,SAAAV,wBAAAU,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE9D,SAASY,mBAAmBA,CAAA,EAAG;EAC7B,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,yBAAc,EAAC,CAAC;EAC5C,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE7C,MAAM,CAACC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EACtC,MACE,IAAIC,oBAAS,CAAC;IACZV;EACF,CAAC,CACL,CAAC;EAED,IAAAW,gBAAS,EAAC,MAAM;IACdH,qBAAqB,CAACI,OAAO,GAAGR,oBAAoB,oBAApBA,oBAAoB,CAAES,OAAO;IAC7D,OAAOL,qBAAqB,CAACM,IAAI,CAAC,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAAAZ,eAAe,oBAAfA,eAAe,CAAEW,OAAO,KAAI,IAAI,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,oBAAO,IAAAE,sBAAY,gBACjB/C,MAAA,CAAAgB,OAAA,CAAAgC,aAAA;IACEC,KAAK,EAAE;MACLC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,aAAa;MACzBC,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE,mBAAmB;MAC3B,IAAIhB,OAAO,CAACiB,aAAa,IAAI;QAC3BC,GAAG,EAAElB,OAAO,CAACiB,aAAa,CAACC,GAAG;QAC9BC,IAAI,EAAEnB,OAAO,CAACiB,aAAa,CAACE,IAAI;QAChCC,MAAM,EAAE,CAAC;QACTC,KAAK,EAAErB,OAAO,CAACiB,aAAa,CAACI;MAC/B,CAAC;IACH,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArD,YAAA;MAAAsD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC,EACF9B,eAAe,CAACW,OAClB,CAAC;AACH;AAEO,MAAMoB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACpC,mBAAmB,CAAC"}
+{"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":[]}

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

@@ -8,7 +8,7 @@ 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 && Object.prototype.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, 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 _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","prototype","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 | undefined>();\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:\n        internalScrollableContentRef.current ?? 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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAGyB,IAAAI,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,SAAAP,wBAAAO,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAMzB,SAASY,kCAAkCA,CACzCC,KAA6C,EAC7C;EACA,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAM;IAAEE;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAMC,4BAA4B,GAAG,IAAAC,aAAM,EAAiC,CAAC;EAE7E,MAAM,CAACC,6BAA6B,CAAC,GAAG,IAAAC,eAAQ,EAAC,OAAO;IACtDL,oBAAoB,EAAEE;EACxB,CAAC,CAAC,CAAC;EAEH,MAAMI,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAM;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAGH,OAAO;EAE9C,IAAAI,gBAAS,EAAC,MAAM;IACd,OAAOJ,OAAO,CAACK,gBAAgB,CAACC,IAAI,CAAC;MACnCC,aAAa,EACXX,4BAA4B,CAACY,OAAO,IAAId,oBAAoB,CAACc;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIC,KAAK,gBACP9C,MAAA,CAAAa,OAAA,CAAAkC,aAAA;IACE,aAAU,uCAAuC;IACjDC,KAAK,EAAE;MACLC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,SAAS,EAAEZ,cAAc,GAAG,MAAM,GAAGa,SAAS;MAC9CC,cAAc,EAAE;IAClB,CAAE;IACFC,GAAG,EAAGC,EAAE,IAAK;MACXlB,OAAO,CAACK,gBAAgB,CAACc,OAAO,GAAGD,EAAE;MACrC,IAAIhB,cAAc,EAAE;QAClBN,4BAA4B,CAACY,OAAO,GAAGU,EAAE;QACzCf,UAAU,CAACiB,iBAAiB,GAAGF,EAAE;MACnC;IACF,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtD,YAAA;MAAAuD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDhC,QACE,CACN;EAED,IAAIS,cAAc,EAAE;IAClBO,KAAK,gBACH9C,MAAA,CAAAa,OAAA,CAAAkC,aAAA,CAAC1C,UAAA,CAAA0D,wBAAwB,CAACC,QAAQ;MAACC,KAAK,EAAE9B,6BAA8B;MAAAuB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACrEhB,KACgC,CACpC;EACH;EAEA,OAAOA,KAAK;AACd;AAEO,MAAMoB,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvDxC,kCACF,CAAC"}
+{"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 | undefined>();\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:\n        internalScrollableContentRef.current ?? 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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAGyB,IAAAI,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,SAAAP,wBAAAO,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;AAMzB,SAASW,kCAAkCA,CACzCC,KAA6C,EAC7C;EACA,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAM;IAAEE;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAMC,4BAA4B,GAAG,IAAAC,aAAM,EAAiC,CAAC;EAE7E,MAAM,CAACC,6BAA6B,CAAC,GAAG,IAAAC,eAAQ,EAAC,OAAO;IACtDL,oBAAoB,EAAEE;EACxB,CAAC,CAAC,CAAC;EAEH,MAAMI,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAM;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAGH,OAAO;EAE9C,IAAAI,gBAAS,EAAC,MAAM;IACd,OAAOJ,OAAO,CAACK,gBAAgB,CAACC,IAAI,CAAC;MACnCC,aAAa,EACXX,4BAA4B,CAACY,OAAO,IAAId,oBAAoB,CAACc;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIC,KAAK,gBACP7C,MAAA,CAAAa,OAAA,CAAAiC,aAAA;IACE,aAAU,uCAAuC;IACjDC,KAAK,EAAE;MACLC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,SAAS,EAAEZ,cAAc,GAAG,MAAM,GAAGa,SAAS;MAC9CC,cAAc,EAAE;IAClB,CAAE;IACFC,GAAG,EAAGC,EAAE,IAAK;MACXlB,OAAO,CAACK,gBAAgB,CAACc,OAAO,GAAGD,EAAE;MACrC,IAAIhB,cAAc,EAAE;QAClBN,4BAA4B,CAACY,OAAO,GAAGU,EAAE;QACzCf,UAAU,CAACiB,iBAAiB,GAAGF,EAAE;MACnC;IACF,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArD,YAAA;MAAAsD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDhC,QACE,CACN;EAED,IAAIS,cAAc,EAAE;IAClBO,KAAK,gBACH7C,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACzC,UAAA,CAAAyD,wBAAwB,CAACC,QAAQ;MAACC,KAAK,EAAE9B,6BAA8B;MAAAuB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArD,YAAA;QAAAsD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACrEhB,KACgC,CACpC;EACH;EAEA,OAAOA,KAAK;AACd;AAEO,MAAMoB,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvDxC,kCACF,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionContentAutoSizer","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/index.ts"],"sourcesContent":["export * from './ToolbarCollectionContentAutoSizer';\n"],"mappings":";;;AAAA,IAAAA,kCAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kCAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kCAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kCAAA,CAAAK,GAAA;AAAA"}
+{"version":3,"names":["_ToolbarCollectionContentAutoSizer","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/index.ts"],"sourcesContent":["export * from './ToolbarCollectionContentAutoSizer';\n"],"mappings":";;;AAAA,IAAAA,kCAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kCAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kCAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kCAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_createContext","ToolbarCollectionContext","exports","createContext","ToolbarCollectionProvider","Provider","ToolbarCollectionConsumer","Consumer","useToolbarCollectionContext","value","useContext","assertContextValue"],"sources":["../../../src/components/ToolbarCollectionContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { assertContextValue } from '../createContext';\n\nexport const ToolbarCollectionContext = createContext<ToolbarCollectionState<\n  any,\n  any\n> | null>(null);\n\nexport const ToolbarCollectionProvider = ToolbarCollectionContext.Provider;\nexport const ToolbarCollectionConsumer = ToolbarCollectionContext.Consumer;\n\nexport const useToolbarCollectionContext = <T, F extends FiltersMap>() => {\n  const value = useContext(ToolbarCollectionContext);\n  assertContextValue('ToolbarCollectionProvider', value);\n  return value as ToolbarCollectionState<T, F>;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBAAG,IAAAE,oBAAa,EAG3C,IAAI,CAAC;AAER,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAGH,wBAAwB,CAACI,QAAQ;AACnE,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGL,wBAAwB,CAACM,QAAQ;AAEnE,MAAMC,2BAA2B,GAAGA,CAAA,KAA+B;EACxE,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACT,wBAAwB,CAAC;EAClD,IAAAU,iCAAkB,EAAC,2BAA2B,EAAEF,KAAK,CAAC;EACtD,OAAOA,KAAK;AACd,CAAC;AAACP,OAAA,CAAAM,2BAAA,GAAAA,2BAAA"}
+{"version":3,"names":["_react","require","_createContext","ToolbarCollectionContext","exports","createContext","ToolbarCollectionProvider","Provider","ToolbarCollectionConsumer","Consumer","useToolbarCollectionContext","value","useContext","assertContextValue"],"sources":["../../../src/components/ToolbarCollectionContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { assertContextValue } from '../createContext';\n\nexport const ToolbarCollectionContext = createContext<ToolbarCollectionState<\n  any,\n  any\n> | null>(null);\n\nexport const ToolbarCollectionProvider = ToolbarCollectionContext.Provider;\nexport const ToolbarCollectionConsumer = ToolbarCollectionContext.Consumer;\n\nexport const useToolbarCollectionContext = <T, F extends FiltersMap>() => {\n  const value = useContext(ToolbarCollectionContext);\n  assertContextValue('ToolbarCollectionProvider', value);\n  return value as ToolbarCollectionState<T, F>;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBAAG,IAAAE,oBAAa,EAG3C,IAAI,CAAC;AAER,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAGH,wBAAwB,CAACI,QAAQ;AACnE,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGL,wBAAwB,CAACM,QAAQ;AAEnE,MAAMC,2BAA2B,GAAGA,CAAA,KAA+B;EACxE,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACT,wBAAwB,CAAC;EAClD,IAAAU,iCAAkB,EAAC,2BAA2B,EAAEF,KAAK,CAAC;EACtD,OAAOA,KAAK;AACd,CAAC;AAACP,OAAA,CAAAM,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarItemBoxStCss","_jsxFileName","ToolbarItemBox","props","label","children","removeStartPadding","expandable","rest","child","default","createElement","Box","marginLeft","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","Item","_extends2","className","st","classes","root","Label","dataHook"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { st, classes } from './ToolbarItemBox.st.css.js';\n\nexport interface ToolbarItemBoxProps {\n  dataHook?: string;\n  layout?: 'button';\n  expandable?: boolean;\n  label?: ReactNode;\n  removeStartPadding?: boolean;\n  children?: ReactNode;\n}\nexport function ToolbarItemBox(props: ToolbarItemBoxProps) {\n  const { label, children, removeStartPadding, expandable, ...rest } = props;\n\n  let child = children;\n\n  if (label) {\n    child = <Box marginLeft={2}>{child}</Box>;\n  }\n\n  return (\n    <TableToolbar.Item\n      className={st(classes.root, {\n        removeStartPadding,\n        expandable,\n      })}\n      {...rest}\n    >\n      {label && (\n        <TableToolbar.Label dataHook=\"table-toolbar-label\">\n          {label}\n        </TableToolbar.Label>\n      )}\n      {child}\n    </TableToolbar.Item>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAAyD,IAAAI,YAAA;AAUlD,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAE1E,IAAIM,KAAK,GAAGJ,QAAQ;EAEpB,IAAID,KAAK,EAAE;IACTK,KAAK,gBAAGX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;MAACC,UAAU,EAAE,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAET,KAAW,CAAC;EAC3C;EAEA,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,YAAY,CAACC,IAAI,MAAAC,SAAA,CAAAX,OAAA;IAChBY,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAC1BnB,kBAAkB;MAClBC;IACF,CAAC;EAAE,GACCC,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPd,KAAK,iBACJN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,YAAY,CAACO,KAAK;IAACC,QAAQ,EAAC,qBAAqB;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/Cd,KACiB,CACrB,EACAK,KACgB,CAAC;AAExB"}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarItemBoxStCss","_jsxFileName","ToolbarItemBox","props","label","children","removeStartPadding","expandable","rest","child","default","createElement","Box","marginLeft","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","Item","_extends2","className","st","classes","root","Label","dataHook"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { st, classes } from './ToolbarItemBox.st.css.js';\n\nexport interface ToolbarItemBoxProps {\n  dataHook?: string;\n  layout?: 'button';\n  expandable?: boolean;\n  label?: ReactNode;\n  removeStartPadding?: boolean;\n  children?: ReactNode;\n}\nexport function ToolbarItemBox(props: ToolbarItemBoxProps) {\n  const { label, children, removeStartPadding, expandable, ...rest } = props;\n\n  let child = children;\n\n  if (label) {\n    child = <Box marginLeft={2}>{child}</Box>;\n  }\n\n  return (\n    <TableToolbar.Item\n      className={st(classes.root, {\n        removeStartPadding,\n        expandable,\n      })}\n      {...rest}\n    >\n      {label && (\n        <TableToolbar.Label dataHook=\"table-toolbar-label\">\n          {label}\n        </TableToolbar.Label>\n      )}\n      {child}\n    </TableToolbar.Item>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAAyD,IAAAI,YAAA;AAUlD,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAE1E,IAAIM,KAAK,GAAGJ,QAAQ;EAEpB,IAAID,KAAK,EAAE;IACTK,KAAK,gBAAGX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;MAACC,UAAU,EAAE,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAET,KAAW,CAAC;EAC3C;EAEA,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,YAAY,CAACC,IAAI,MAAAC,SAAA,CAAAX,OAAA;IAChBY,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAC1BnB,kBAAkB;MAClBC;IACF,CAAC;EAAE,GACCC,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPd,KAAK,iBACJN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,YAAY,CAACO,KAAK;IAACC,QAAQ,EAAC,qBAAqB;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/Cd,KACiB,CACrB,EACAK,KACgB,CAAC;AAExB","ignoreList":[]}

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

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

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

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

package/dist/cjs/components/ToolbarItemBox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarItemBox","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarItemBox/index.ts"],"sourcesContent":["export * from './ToolbarItemBox';\n"],"mappings":";;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,eAAA,CAAAK,GAAA;AAAA"}
+{"version":3,"names":["_ToolbarItemBox","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarItemBox/index.ts"],"sourcesContent":["export * from './ToolbarItemBox';\n"],"mappings":";;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,eAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_","_ToolbarCollectionContext","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","useToolbarCollectionContext","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","undefined","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CounterBadge,\n  Heading,\n  InfoIcon,\n  InfoIconProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { FiltersMap, useWixPatternsContainer } from '../..';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Display a title at the left of the table toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Display a subtitle at the left of the table toolbar under the title.\n   * @param {string} text The subtitle text\n   * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n   * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n   * @external\n   */\n  subtitle?: {\n    text: string;\n    info?: InfoIconProps;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  /**\n   * Indicates whether to show a total counter next to the table title. Please make sure to hide the counter in the page title (see hideTotal in [CollectionPage](./?path=/story/components-page--collectionpage))\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Shows the limit of items. Will bw shown when showTotal=true\n   * @external\n   */\n  itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    collection: {\n      result: { total, status },\n    },\n  } = useToolbarCollectionContext<T, F>();\n\n  return (\n    <Box direction=\"vertical\" paddingTop=\"SP2\" paddingBottom=\"SP2\" width=\"100%\">\n      <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n        <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n          {title}\n        </Heading>\n        {showTotal && (total || status.isSuccess) && (\n          <CounterBadge\n            size=\"small\"\n            skin=\"neutralLight\"\n            dataHook=\"toolbar-counter\"\n          >\n            <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n          </CounterBadge>\n        )}\n      </Box>\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Text\n          dataHook=\"toolbar-subtitle\"\n          size=\"medium\"\n          weight=\"thin\"\n          secondary\n          ellipsis\n        >\n          {subtitle?.text}\n        </Text>\n        {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n        {subtitle?.learnMore && (\n          <TextButton\n            dataHook=\"toolbar-subtitle-learn-more-cta\"\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            href={subtitle.learnMore.url}\n          >\n            {subtitle.learnMore.label || t('cairo.table.subtitle.learnMore')}\n          </TextButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_","_ToolbarCollectionContext","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","useToolbarCollectionContext","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","undefined","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CounterBadge,\n  Heading,\n  InfoIcon,\n  InfoIconProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { FiltersMap, useWixPatternsContainer } from '../..';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Display a title at the left of the table toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Display a subtitle at the left of the table toolbar under the title.\n   * @param {string} text The subtitle text\n   * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n   * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n   * @external\n   */\n  subtitle?: {\n    text: string;\n    info?: InfoIconProps;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  /**\n   * Indicates whether to show a total counter next to the table title. Please make sure to hide the counter in the page title (see hideTotal in [CollectionPage](./?path=/story/components-page--collectionpage))\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Shows the limit of items. Will bw shown when showTotal=true\n   * @external\n   */\n  itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    collection: {\n      result: { total, status },\n    },\n  } = useToolbarCollectionContext<T, F>();\n\n  return (\n    <Box direction=\"vertical\" paddingTop=\"SP2\" paddingBottom=\"SP2\" width=\"100%\">\n      <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n        <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n          {title}\n        </Heading>\n        {showTotal && (total || status.isSuccess) && (\n          <CounterBadge\n            size=\"small\"\n            skin=\"neutralLight\"\n            dataHook=\"toolbar-counter\"\n          >\n            <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n          </CounterBadge>\n        )}\n      </Box>\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Text\n          dataHook=\"toolbar-subtitle\"\n          size=\"medium\"\n          weight=\"thin\"\n          secondary\n          ellipsis\n        >\n          {subtitle?.text}\n        </Text>\n        {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n        {subtitle?.learnMore && (\n          <TextButton\n            dataHook=\"toolbar-subtitle-learn-more-cta\"\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            href={subtitle.learnMore.url}\n          >\n            {subtitle.learnMore.label || t('cairo.table.subtitle.learnMore')}\n          </TextButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarTitle","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarTitle/index.ts"],"sourcesContent":["export * from './ToolbarTitle';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA"}
+{"version":3,"names":["_ToolbarTitle","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ToolbarTitle/index.ts"],"sourcesContent":["export * from './ToolbarTitle';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA","ignoreList":[]}