@wix/patterns 1.422.0 → 1.424.0

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1604621513\";\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\":\"TabsFilter1604621513__root\",\"title\":\"TabsFilter1604621513__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter128028699\";\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\":\"TabsFilter128028699__root\",\"title\":\"TabsFilter128028699__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal4210290641\";\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\":\"ManageTagsModal4210290641__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1465315821\";\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\":\"ManageTagsModal1465315821__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
-var _ = require("../..");
+var _react2 = require("@wix/bex-core/react");
 var _BulkAssignTagsPopover = require("../Tags/BulkAssignTagsPopover");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _mobxReactLite = require("mobx-react-lite");
@@ -16,7 +16,7 @@ const _TagsAssignButton = () => {
   const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     translate: t
-  } = (0, _.useWixPatternsContainer)();
+  } = (0, _react2.useWixPatternsContainer)();
   const buttonRef = (0, _react.useRef)(null);
   const {
     tagsBulkAssignPopoverState

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

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

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

@@ -70,14 +70,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 387,
+        lineNumber: 391,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 362,
+      lineNumber: 366,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -90,7 +90,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 396,
+      lineNumber: 400,
       columnNumber: 7
     }
   }, children));

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

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
+var _react2 = require("@wix/bex-core/react");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bexCore = require("@wix/bex-core");
 var _v = require("@wix/bex-utils/@wix/bi-logger-os-data/v2");
@@ -20,7 +20,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
 }) {
   const {
     translate: t
-  } = (0, _.useWixPatternsContainer)();
+  } = (0, _react2.useWixPatternsContainer)();
   const {
     collection: {
       result: {
@@ -38,7 +38,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -48,7 +48,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -58,7 +58,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, title), showTotal && (total || status.isSuccess) && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -68,7 +68,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, itemsLimit === undefined ? total : `${total} / ${itemsLimit}`))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -77,7 +77,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -89,7 +89,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, subtitle == null ? void 0 : subtitle.text), (subtitle == null ? void 0 : subtitle.info) && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({}, subtitle.info, {
@@ -97,7 +97,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 91,
       columnNumber: 28
     }
   })), (subtitle == null ? void 0 : subtitle.learnMore) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -114,7 +114,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, subtitle.learnMore.label || t('cairo.table.subtitle.learnMore'))));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_","_ToolbarCollectionContext","_bexCore","_v","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","reportBi","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","onClick","withoutDefaults","cairoLearnMore","origin","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';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Title to display at the left of the table's toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Subtitle to display at the left of the table's 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   * Whether to show a total count badge next to the title.\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Maximum number of items that can be displayed.\n   * <br><br>\n   * Shows only when `showTotal` is `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    reportBi,\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            onClick={() => {\n              reportBi(\n                withoutDefaults(cairoLearnMore)({\n                  origin: 'Toolbar Subtitle',\n                }),\n              );\n            }}\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":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_ToolbarCollectionContext","_bexCore","_v","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","reportBi","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","onClick","withoutDefaults","cairoLearnMore","origin","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 { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Title to display at the left of the table's toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Subtitle to display at the left of the table's 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   * Whether to show a total count badge next to the title.\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Maximum number of items that can be displayed.\n   * <br><br>\n   * Shows only when `showTotal` is `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    reportBi,\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            onClick={() => {\n              reportBi(\n                withoutDefaults(cairoLearnMore)({\n                  origin: 'Toolbar Subtitle',\n                }),\n              );\n            }}\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/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2904124303";
+var _namespace_ = "common1841882770";
 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": "common2904124303__root",
-  "column": "common2904124303__column",
-  "fullHeight": "common2904124303__fullHeight"
+  "root": "common1841882770__root",
+  "column": "common1841882770__column",
+  "fullHeight": "common1841882770__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2904124303\";\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\":\"common2904124303__root\",\"column\":\"common2904124303__column\",\"fullHeight\":\"common2904124303__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1841882770\";\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\":\"common1841882770__root\",\"column\":\"common1841882770__column\",\"fullHeight\":\"common1841882770__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/fieldsSourceProvider.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=fieldsSourceProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/fieldsSourceProvider.ts"],"sourcesContent":["import type { ToolbarCollectionState } from '../state';\n\nexport interface FieldsSourceProvider {\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/hooks/useBuildOption.js

@@ -8,7 +8,8 @@ var _react = require("react");
 function useBuildOption({
   filter,
   checkbox,
-  renderItem
+  renderItem,
+  getOptionState
 }) {
   return (0, _react.useCallback)((keyedItem, index) => {
     const {
@@ -23,12 +24,13 @@ function useBuildOption({
       ellipsis: true,
       title: filter.itemName(item),
       label: title,
-      ...option
+      ...option,
+      ...(getOptionState == null ? void 0 : getOptionState(key))
     }), {
       sectionId: option == null ? void 0 : option.sectionId,
       keyedItem
     });
-  }, [renderItem, checkbox]);
+  }, [renderItem, checkbox, getOptionState]);
 }
 function useBuildGroupedOptions({
   items,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport function useBuildOption<V>({\n  filter,\n  checkbox,\n  renderItem,\n}: {\n  filter: ArrayField<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  checkbox?: boolean;\n}) {\n  return useCallback(\n    (keyedItem: KeyedItem<V>, index: number) => {\n      const { key, item } = keyedItem;\n      const option = renderItem?.(item, index);\n\n      const title = filter.itemName(item);\n\n      return Object.assign(\n        listItemSelectBuilder({\n          id: key,\n          checkbox,\n          ellipsis: true,\n          title: filter.itemName(item),\n          label: title,\n          ...option,\n        }),\n        {\n          sectionId: option?.sectionId,\n          keyedItem,\n        },\n      );\n    },\n    [renderItem, checkbox],\n  );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n  sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n  readonly items: DropdownLayoutOptionWithSectionId[];\n  readonly renderSection?: (\n    sectionId: string,\n  ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n  items,\n  renderSection,\n}: BuildSectionOptionsArgs) {\n  return useMemo(() => {\n    if (!renderSection) {\n      return items;\n    }\n\n    const { groups } = items.reduce(\n      (acc, option) => {\n        const sectionId = option.sectionId || '';\n\n        let group;\n\n        if (acc._cache[sectionId]) {\n          group = acc._cache[sectionId];\n        } else {\n          group = [\n            listItemSectionBuilder(renderSection(sectionId)),\n          ] as DropdownLayoutOption[];\n          acc.groups.push(group);\n          acc._cache[sectionId] = group;\n        }\n\n        group.push(option);\n\n        return acc;\n      },\n      {\n        _cache: {} as Record<string, DropdownLayoutOption[]>,\n        groups: [] as DropdownLayoutOption[][],\n      },\n    );\n\n    return groups.flatMap((e) => e);\n  }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAGO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGN,UAAU,oBAAVA,UAAU,CAAGK,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGT,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPL,QAAQ;MACRc,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAET,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD;IACL,CAAC,CAAC,EACF;MACES,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACF,UAAU,EAAED,QAAQ,CACvB,CAAC;AACH;AAaO,SAASiB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","getOptionState","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport interface BuildOptionState {\n  disabled?: boolean;\n  disabledDescription?: string;\n}\n\nexport function useBuildOption<V>({\n  filter,\n  checkbox,\n  renderItem,\n  getOptionState,\n}: {\n  filter: ArrayField<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  checkbox?: boolean;\n  getOptionState?: (key: string) => BuildOptionState;\n}) {\n  return useCallback(\n    (keyedItem: KeyedItem<V>, index: number) => {\n      const { key, item } = keyedItem;\n      const option = renderItem?.(item, index);\n\n      const title = filter.itemName(item);\n\n      return Object.assign(\n        listItemSelectBuilder({\n          id: key,\n          checkbox,\n          ellipsis: true,\n          title: filter.itemName(item),\n          label: title,\n          ...option,\n          ...getOptionState?.(key),\n        }),\n        {\n          sectionId: option?.sectionId,\n          keyedItem,\n        },\n      );\n    },\n    [renderItem, checkbox, getOptionState],\n  );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n  sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n  readonly items: DropdownLayoutOptionWithSectionId[];\n  readonly renderSection?: (\n    sectionId: string,\n  ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n  items,\n  renderSection,\n}: BuildSectionOptionsArgs) {\n  return useMemo(() => {\n    if (!renderSection) {\n      return items;\n    }\n\n    const { groups } = items.reduce(\n      (acc, option) => {\n        const sectionId = option.sectionId || '';\n\n        let group;\n\n        if (acc._cache[sectionId]) {\n          group = acc._cache[sectionId];\n        } else {\n          group = [\n            listItemSectionBuilder(renderSection(sectionId)),\n          ] as DropdownLayoutOption[];\n          acc.groups.push(group);\n          acc._cache[sectionId] = group;\n        }\n\n        group.push(option);\n\n        return acc;\n      },\n      {\n        _cache: {} as Record<string, DropdownLayoutOption[]>,\n        groups: [] as DropdownLayoutOption[][],\n      },\n    );\n\n    return groups.flatMap((e) => e);\n  }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAQO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC;AAMF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGP,UAAU,oBAAVA,UAAU,CAAGM,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGV,MAAM,CAACW,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPN,QAAQ;MACRe,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAEV,MAAM,CAACW,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD,MAAM;MACT,IAAGN,cAAc,oBAAdA,cAAc,CAAGI,GAAG,CAAC;IAC1B,CAAC,CAAC,EACF;MACEW,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACH,UAAU,EAAED,QAAQ,EAAEE,cAAc,CACvC,CAAC;AACH;AAaO,SAASgB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}

package/dist/cjs/hooks/useCollectionOptions.js

@@ -4,16 +4,27 @@ exports.__esModule = true;
 exports.useCollectionOptions = useCollectionOptions;
 var _designSystem = require("@wix/design-system");
 var _ = require(".");
+var _react = require("@wix/bex-core/react");
 function useCollectionOptions({
   collection,
   dropdownCollectionFilterState,
   renderItem,
   filter
 }) {
+  const {
+    translate
+  } = (0, _react.useWixPatternsContainer)();
+  const {
+    dropdownSelect
+  } = dropdownCollectionFilterState;
   const buildOption = (0, _.useBuildOption)({
     filter,
     renderItem,
-    checkbox: true
+    checkbox: true,
+    getOptionState: key => dropdownSelect.canToggle(key) ? {} : {
+      disabled: true,
+      disabledDescription: translate('cairo.picker.itemsSelected.maxSelected.tooltip')
+    }
   });
   const {
     result: {

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_","useCollectionOptions","collection","dropdownCollectionFilterState","renderItem","filter","buildOption","useBuildOption","checkbox","result","keyedItems","query","search","isEmpty","isEmptySearch","shouldPromote","itemsToPromote","promotedItems","item","includes","key","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","promotedItemKeys","Set","otherOptions","has","options"],"sources":["../../../src/hooks/useCollectionOptions.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport { FiltersMap, CollectionState, ArrayField } from '@wix/bex-core';\nimport { ListItem, useBuildOption } from '.';\nimport { DropdownCollectionFilterState } from '../state';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBaseOption,\n} from '../components/MultiSelectCheckboxFilterBase';\n\ninterface UseCollectionOptionsProps<V, F extends FiltersMap> {\n  collection: CollectionState<V, F>;\n  dropdownCollectionFilterState: DropdownCollectionFilterState<V, F>;\n  renderItem?: (item: V, index: number) => ListItem;\n  filter: ArrayField<V>;\n}\n\nexport function useCollectionOptions<V, F extends FiltersMap>({\n  collection,\n  dropdownCollectionFilterState,\n  renderItem,\n  filter,\n}: UseCollectionOptionsProps<V, F>) {\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const {\n    result: { keyedItems },\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  // Original behavior: promote when not searching\n  const shouldPromote = isEmptySearch;\n\n  // Always use the snapshot from onOptionsShow to maintain consistent session behavior\n  // This prevents items from jumping during the session, even if snapshot is empty\n  const itemsToPromote = dropdownCollectionFilterState.promotedItems;\n\n  const promotedItems = shouldPromote\n    ? keyedItems.filter((item) => itemsToPromote.includes(item.key))\n    : [];\n\n  const finalOptions = promotedItems.length\n    ? promotedItems.map(buildOption)\n    : [];\n\n  const divider =\n    shouldPromote &&\n    promotedItems.length &&\n    promotedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const promotedItemKeys = new Set(itemsToPromote);\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    shouldPromote\n      ? keyedItems.filter(({ key }) => !promotedItemKeys.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const options = [...(shouldPromote ? promotedOptions : []), ...otherOptions];\n\n  return {\n    options,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAcO,SAASE,oBAAoBA,CAA0B;EAC5DC,UAAU;EACVC,6BAA6B;EAC7BC,UAAU;EACVC;AAC+B,CAAC,EAAE;EAClC,MAAMC,WAAW,GAAG,IAAAC,gBAAc,EAAI;IACpCF,MAAM;IACND,UAAU;IACVI,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM;IACJC,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAGZ,UAAU;;EAEd;EACA,MAAMa,aAAa,GAAGD,aAAa;;EAEnC;EACA;EACA,MAAME,cAAc,GAAGb,6BAA6B,CAACc,aAAa;EAElE,MAAMA,aAAa,GAAGF,aAAa,GAC/BL,UAAU,CAACL,MAAM,CAAEa,IAAI,IAAKF,cAAc,CAACG,QAAQ,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,GAC9D,EAAE;EAEN,MAAMC,YAAY,GAAGJ,aAAa,CAACK,MAAM,GACrCL,aAAa,CAACM,GAAG,CAACjB,WAAW,CAAC,GAC9B,EAAE;EAEN,MAAMkB,OAAO,GACXT,aAAa,IACbE,aAAa,CAACK,MAAM,IACpBL,aAAa,CAACK,MAAM,KAAKZ,UAAU,CAACY,MAAM,GACtC,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,gBAAgB,GAAG,IAAIC,GAAG,CAACd,cAAc,CAAC;EAEhD,MAAMe,YAAkC,GAAG,CACzChB,aAAa,GACTL,UAAU,CAACL,MAAM,CAAC,CAAC;IAAEe;EAAI,CAAC,KAAK,CAACS,gBAAgB,CAACG,GAAG,CAACZ,GAAG,CAAC,CAAC,GAC1DV,UAAU,EACda,GAAG,CAACjB,WAAW,CAAC;EAElB,MAAM2B,OAAO,GAAG,CAAC,IAAIlB,aAAa,GAAGa,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGG,YAAY,CAAC;EAE5E,OAAO;IACLE;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_","_react","useCollectionOptions","collection","dropdownCollectionFilterState","renderItem","filter","translate","useWixPatternsContainer","dropdownSelect","buildOption","useBuildOption","checkbox","getOptionState","key","canToggle","disabled","disabledDescription","result","keyedItems","query","search","isEmpty","isEmptySearch","shouldPromote","itemsToPromote","promotedItems","item","includes","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","promotedItemKeys","Set","otherOptions","has","options"],"sources":["../../../src/hooks/useCollectionOptions.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport { FiltersMap, CollectionState, ArrayField } from '@wix/bex-core';\nimport { ListItem, useBuildOption } from '.';\nimport { DropdownCollectionFilterState } from '../state';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBaseOption,\n} from '../components/MultiSelectCheckboxFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface UseCollectionOptionsProps<V, F extends FiltersMap> {\n  collection: CollectionState<V, F>;\n  dropdownCollectionFilterState: DropdownCollectionFilterState<V, F>;\n  renderItem?: (item: V, index: number) => ListItem;\n  filter: ArrayField<V>;\n}\n\nexport function useCollectionOptions<V, F extends FiltersMap>({\n  collection,\n  dropdownCollectionFilterState,\n  renderItem,\n  filter,\n}: UseCollectionOptionsProps<V, F>) {\n  const { translate } = useWixPatternsContainer();\n  const { dropdownSelect } = dropdownCollectionFilterState;\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n    getOptionState: (key) =>\n      dropdownSelect.canToggle(key)\n        ? {}\n        : {\n            disabled: true,\n            disabledDescription: translate(\n              'cairo.picker.itemsSelected.maxSelected.tooltip',\n            ),\n          },\n  });\n\n  const {\n    result: { keyedItems },\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  // Original behavior: promote when not searching\n  const shouldPromote = isEmptySearch;\n\n  // Always use the snapshot from onOptionsShow to maintain consistent session behavior\n  // This prevents items from jumping during the session, even if snapshot is empty\n  const itemsToPromote = dropdownCollectionFilterState.promotedItems;\n\n  const promotedItems = shouldPromote\n    ? keyedItems.filter((item) => itemsToPromote.includes(item.key))\n    : [];\n\n  const finalOptions = promotedItems.length\n    ? promotedItems.map(buildOption)\n    : [];\n\n  const divider =\n    shouldPromote &&\n    promotedItems.length &&\n    promotedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const promotedItemKeys = new Set(itemsToPromote);\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    shouldPromote\n      ? keyedItems.filter(({ key }) => !promotedItemKeys.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const options = [...(shouldPromote ? promotedOptions : []), ...otherOptions];\n\n  return {\n    options,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AASO,SAASG,oBAAoBA,CAA0B;EAC5DC,UAAU;EACVC,6BAA6B;EAC7BC,UAAU;EACVC;AAC+B,CAAC,EAAE;EAClC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC/C,MAAM;IAAEC;EAAe,CAAC,GAAGL,6BAA6B;EAExD,MAAMM,WAAW,GAAG,IAAAC,gBAAc,EAAI;IACpCL,MAAM;IACND,UAAU;IACVO,QAAQ,EAAE,IAAI;IACdC,cAAc,EAAGC,GAAG,IAClBL,cAAc,CAACM,SAAS,CAACD,GAAG,CAAC,GACzB,CAAC,CAAC,GACF;MACEE,QAAQ,EAAE,IAAI;MACdC,mBAAmB,EAAEV,SAAS,CAC5B,gDACF;IACF;EACR,CAAC,CAAC;EAEF,MAAM;IACJW,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAGpB,UAAU;;EAEd;EACA,MAAMqB,aAAa,GAAGD,aAAa;;EAEnC;EACA;EACA,MAAME,cAAc,GAAGrB,6BAA6B,CAACsB,aAAa;EAElE,MAAMA,aAAa,GAAGF,aAAa,GAC/BL,UAAU,CAACb,MAAM,CAAEqB,IAAI,IAAKF,cAAc,CAACG,QAAQ,CAACD,IAAI,CAACb,GAAG,CAAC,CAAC,GAC9D,EAAE;EAEN,MAAMe,YAAY,GAAGH,aAAa,CAACI,MAAM,GACrCJ,aAAa,CAACK,GAAG,CAACrB,WAAW,CAAC,GAC9B,EAAE;EAEN,MAAMsB,OAAO,GACXR,aAAa,IACbE,aAAa,CAACI,MAAM,IACpBJ,aAAa,CAACI,MAAM,KAAKX,UAAU,CAACW,MAAM,GACtC,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,gBAAgB,GAAG,IAAIC,GAAG,CAACb,cAAc,CAAC;EAEhD,MAAMc,YAAkC,GAAG,CACzCf,aAAa,GACTL,UAAU,CAACb,MAAM,CAAC,CAAC;IAAEQ;EAAI,CAAC,KAAK,CAACuB,gBAAgB,CAACG,GAAG,CAAC1B,GAAG,CAAC,CAAC,GAC1DK,UAAU,EACdY,GAAG,CAACrB,WAAW,CAAC;EAElB,MAAM+B,OAAO,GAAG,CAAC,IAAIjB,aAAa,GAAGY,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGG,YAAY,CAAC;EAE5E,OAAO;IACLE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useEditableTableCollection.js

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