@wix/patterns 1.2.0 → 1.3.0

package/dist/cjs/components/TabsFilter/TabsFilter.js

@@ -60,7 +60,7 @@ function _TabsFilter(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 97,
+            lineNumber: 104,
             columnNumber: 11
           }
         }),
@@ -87,7 +87,7 @@ function _TabsFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 122,
+          lineNumber: 129,
           columnNumber: 9
         }
       })
@@ -108,7 +108,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 164,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -122,7 +122,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 165,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -134,7 +134,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 174,
       columnNumber: 9
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -149,7 +149,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 182,
       columnNumber: 13
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -160,7 +160,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 193,
       columnNumber: 13
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","items","useMemo","_mergedItems","map","value","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","undefined","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of items to select from. It's recommended to use only up to 4 tabs due to horizontal space.\n   * For cases of more than 4 items use [`<SingleSelectFilter />`](./?path=/story/common-filters--singleselectfilter)\n   * @external\n   */\n  data: V[];\n  /**\n   * [ArrayFilter](./?path=/story/common-factories--arrayfilter) state object.<br>\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Adds a tab with title that indicates \"All\" selected (changes the filter value to an empty array).\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Render a badge next to the tab title text.<br>\n   * WixPatterns provides ready-to-use components that automatically fetches the total for each tab: [`<TabTotalParens />`](./?path=/story/components-collection-features--tabs-filter#Normal_Counter) and [`<TabTotalCounterBadge />`](./?path=/story/components-collection-features--tabs-filter#Counter_Badge)\n   * @external\n   */\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.<br>\n   * - `uniformFull` - Fixed width of one tab equals available width minus body paddings divided by a number of tabs.\n   * - If this prop is not set - size depends on label width, total cannot exceed 80% of a toolbar\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      return {\n        id: itemKey(value),\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            counterBadge={counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          counterBadge={counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        <div\n          ref={(node) => {\n            if (node) {\n              container.current = node;\n            }\n          }}\n        >\n          {responsive.mode === 'tabs' ? (\n            <TabsDefault\n              items={items}\n              data={dataProp}\n              filter={filter}\n              selectedId={selectedId}\n              state={state}\n              onChange={onChange}\n              type={type}\n              all={all}\n            />\n          ) : (\n            <TabsDropdown\n              filter={filter}\n              data={dataProp}\n              items={items}\n              selectedId={selectedId}\n            />\n          )}\n        </div>\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","items","useMemo","_mergedItems","map","value","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","undefined","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=%2Fstory%2Fcommon-factories--arrayfilter&tab=Design) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the **Design** tab.\n   * @external\n   */\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      return {\n        id: itemKey(value),\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            counterBadge={counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          counterBadge={counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        <div\n          ref={(node) => {\n            if (node) {\n              container.current = node;\n            }\n          }}\n        >\n          {responsive.mode === 'tabs' ? (\n            <TabsDefault\n              items={items}\n              data={dataProp}\n              filter={filter}\n              selectedId={selectedId}\n              state={state}\n              onChange={onChange}\n              type={type}\n              all={all}\n            />\n          ) : (\n            <TabsDropdown\n              filter={filter}\n              data={dataProp}\n              items={items}\n              selectedId={selectedId}\n            />\n          )}\n        </div>\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter2216107171";
+var _namespace_ = "TabsFilter3491877238";
 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": "TabsFilter2216107171__root",
-  "title": "TabsFilter2216107171__title"
+  "root": "TabsFilter3491877238__root",
+  "title": "TabsFilter3491877238__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"TabsFilter2216107171\";\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\":\"TabsFilter2216107171__root\",\"title\":\"TabsFilter2216107171__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,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,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter3491877238\";\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\":\"TabsFilter3491877238__root\",\"title\":\"TabsFilter3491877238__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,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,CAAC,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_ = "ManageTagsModal4283094083";
+var _namespace_ = "ManageTagsModal3463531535";
 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": "ManageTagsModal4283094083__root"
+  "root": "ManageTagsModal3463531535__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_ = \"ManageTagsModal4283094083\";\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\":\"ManageTagsModal4283094083__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_ = \"ManageTagsModal3463531535\";\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\":\"ManageTagsModal3463531535__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/ToolbarCollection/ToolbarCollection.js

@@ -61,14 +61,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 312,
+        lineNumber: 323,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 296,
+      lineNumber: 307,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -81,7 +81,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 321,
+      lineNumber: 332,
       columnNumber: 7
     }
   }, children));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Display a title at the left of the table toolbar.\n   * Pass [`<ToolbarTitle />`](./?path=/story/components-collection-features--toolbartitle) component.\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Display a search input on the right of the table toolbar.<br>\n   * Accepts boolean or a custom `ReactElement`. When passing `false` no search input will be displayed.<br>\n   * To confiugre WixPatterns default element pass [`<CollectionSearch />`](./?path=/story/components-collection-features--collectionsearch) component.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Add views dropdown to the table headers.<br>\n   * Must be a [Views](./?path=/story/components-collection-features--views) component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Add filters to the table's toolbar and/or to a sliding panel.<br>\n   * Must be a [<CollectionToolbarFilters />](./?path=/story/components-collection-features--toolbar-filters) component.<br>\n   * `panelTitle` prop must be passed to `<CollectionToolbarFilters />`\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Display tabs at the left of the table toolbar.\n   * Pass [`<TabsFilter />`](./?path=/story/components-collection-features--tabs-filter) component.\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for the container when showing the loader / empty state / error state\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [EmptyState](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * Enable to configure Wix Patterns default EmptyState behaviour.\n   * Will be shown in when the collection is empty.\n   * Pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.\n   * Todo: check link\n   * @external\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   * Todo: check link\n   * @external\n   */\n  noResultsState?: ReactNode;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a SummaryBar below the toolbar.\n   * Pass [`<SummaryBar />`](./?path=/story/components-collection-features--summarybar) component.\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the array of following objects: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * If the move should be cancelled, the function should return a toast config object with a message explaining why the move was cancelled. Otherwise, the function should return nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filter names combinations that your server holds a unique ordering for. If this prop is not passed, drag and drop will be enabled only when no filters are applied.<br>\n   * If you pass this prop, you should explicitly pass `[]` as one of the combinations in order to enable drag and drop when no filters are applied, for example: `dragAndDropCategories={[[], ['status']]}`\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\n\n  /**\n   * Extension Menu Items implementation: `import { ExtensionMenuItems } from '@wix/patterns';`\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. Must be a ReorderModeToolbar component.\n   * Accepts the following props:\n   * - `learnMoreUrl`\n   * - `reorderModeTitle`\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * A [`<CustomColumns />`](./?path=/story/components-collection-features--custom-columns) react element to be added at the top right of the table.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Multi level sorting.\n   * Enables sorting on multiple columns simultaneously.\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Primary action button in the toolbar.\n   * Must be a [`<PrimaryActionButton />`](./?path=/story/components-collection-features--primaryactionbutton) component.\n   * @external\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limit the amount of rows to user can select\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAUA,IAAAG,oBAAA,GAAAH,OAAA;AAYA,IAAAI,mBAAA,GAAAJ,OAAA;AAOA,IAAAK,6BAAA,GAAAL,OAAA;AAA8E,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAsOvE,SAASW,iBAAiBA,CAC/BC,KAAmC,EACnC;EACA,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM,EAAEC,UAAU;IAClBC,MAAM;IACNC,QAAQ;IACRC,qBAAqB;IACrBC,YAAY;IACZC,mBAAmB;IACnBC;EACF,CAAC,GAAGhB,KAAK;EACT,IAAAiB,wCAAmB,EAACZ,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC;EAC9D,IAAAa,0DAA4B,EAAClB,KAAK,CAAC;EAEnC,MAAM;IAAEmB,oBAAoB,EAAEC;EAAkB,CAAC,GAAG,IAAAC,kCAAoB,EAAC,CAAC;EAE1E,MAAM,CAACZ,MAAM,EAAEa,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAClCb,UAAU,IAAI,CAAAU,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAC9C,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,SAAS,CAACZ,UAAU,IAAI,CAAAU,iBAAiB,oBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,IAAI,CAAC;EAC7D,CAAC,EAAE,CAACd,UAAU,CAAC,CAAC;EAEhB,oBACErC,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAArD,MAAA,CAAAY,OAAA,CAAA0C,QAAA,qBACEtD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAClD,mBAAA,CAAAoD,kBAAkB;IACjBnB,MAAM,EAAEA,MAAO;IACfR,KAAK,EAAEA,KAAM;IACbU,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXF,OAAO,EAAEA,OAAQ;IACjBK,gBAAgB,EAAEA,gBAAiB;IACnCC,6BAA6B,EAAEA,6BAA8B;IAC7DF,YAAY,EAAEA,YAAa;IAC3BO,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IACzCC,UAAU,EAAEA,UAAW;IACvBa,QAAQ,eACNxD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAACvD,aAAA,CAAA2D,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,EAAA5D,YAAA;QAAA6D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACvB,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5D,YAAA;MAAA6D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eACFnE,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAACvD,aAAA,CAAA2D,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,EAAA5D,YAAA;MAAA6D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErB5B,QACE,CACL,CAAC;AAEP","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Displays a title at the left of a toolbar.<br> <br>\n   * This prop accepts a [ToolbarTitle](./?path=%2Fstory%2Fcomponents-collection-features--toolbartitle) component.\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/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds a [Views](./?path=/story/components-collection-features--views)to the table headers.<br> <br>\n   * This prop accepts a Views component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * <br><br>\n   * The prop accepts a ToolbarFilters component that must have the `panelTitle` prop passed to it..\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.<br> <br>\n   * This prop accepts a [Tabs Filter](./?path=%2Fstory%2Fcomponents-collection-features--tabs-filter) component.\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for 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   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * A function that renders when there are no items to display in the grid. You may choose to return [`<EmptyState>`](./?path=%2Fstory%2Fcomponents-collection-features--empty-state) component. <br>\n   * Supported parameters:\n   *  - `hasAvailableItems`: [bool] Whether items were displayed from other filters or searches.\n   *  - `query`: [Object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state.\n   * @external\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   * Todo: check link\n   * @external\n   */\n  noResultsState?: ReactNode;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a SummaryBar below the toolbar.\n   * <br><br>\n   * This prop accepts a [`SummaryBar`](./?path=/story/components-collection-features--summarybar) component.\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   * There is one supported parameter that is an array of the following objects: <br>\n   * -`from: {item: T; index: number}`: Item that was dragged. <br>\n   * -`after: null | [item: T; iindex: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * Parameter is an array of the following objects: <br>\n   * -`from: {item: T; index: number}`: Item that was dragged. <br>\n   * -`after: null | [item: T; index: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) 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}`: Item that was dragged.\n   * - `after: null | {item: T; index: number}`: Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. 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 will return a toast config object with a message explaining why the move was cancelled. Otherwise, the function will return a nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filters on which to enable drag and drop functionality. For example, you can enable the drag and drop functionality on the 'Age' filter, but not on the 'Phone Number' filter. \n   * If no props are passed, the drag and drop feature is disabled, and unavailable for the table. To enable the drag and drop feature without the use of filters, pass an empty array. For example, `dragAndDropCategories={ [ [], ['status'] ] }`.\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\n\n  /**\n   * Extension Menu Items implementation: `import { ExtensionMenuItems } from '@wix/patterns';`\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. 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 choose which columns to display and in what order. <br>\n   * This prop accepts a [CustomColumns](./?path=%2Fstory%2Fcomponents-collection-features--custom-columns) component.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.<br> <br>\n   * This prop accepts a [Multi Level Sorting](./?path=%2Fstory%2Fcomponents-collection-features--multi-level-sorting) component. \n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.<br> <br>\n   * This prop accepts a [PrimaryActionButton](./?path=%2Fstory%2Fcomponents-collection-features--primaryactionbutton) component.\n   * @external\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\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 (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/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_ = "ToolbarItemBox3955987601";
+var _namespace_ = "ToolbarItemBox4210384856";
 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": "ToolbarItemBox3955987601__root"
+  "root": "ToolbarItemBox4210384856__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_ = \"ToolbarItemBox3955987601\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox3955987601__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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_ = \"ToolbarItemBox4210384856\";\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\":\"ToolbarItemBox4210384856__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

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

package/dist/cjs/components/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_ = "common801861664";
+var _namespace_ = "common3818821606";
 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": "common801861664__root",
-  "column": "common801861664__column",
-  "fullHeight": "common801861664__fullHeight"
+  "root": "common3818821606__root",
+  "column": "common3818821606__column",
+  "fullHeight": "common3818821606__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_ = \"common801861664\";\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\":\"common801861664__root\",\"column\":\"common801861664__column\",\"fullHeight\":\"common801861664__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,iBAAiB;AACnC,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,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,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_ = \"common3818821606\";\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\":\"common3818821606__root\",\"column\":\"common3818821606__column\",\"fullHeight\":\"common3818821606__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/giza/buildWixPatternsEssentials.js

@@ -28,6 +28,7 @@ function buildWixPatternsEssentials(essentials, {
       captureException: () => {}
     },
     useTranslation: _yoshiFlowBm.useTranslation,
+    biLogger: process.env.NODE_ENV !== 'test' ? essentials.asPartial.biLogger : undefined,
     Trans: _yoshiFlowBm.Trans,
     useExperiments: () => (0, _yoshiFlowBm.useExperiments)({
       readOnly: true

package/dist/cjs/giza/buildWixPatternsEssentials.js.map

@@ -1 +1 @@
-{"version":3,"names":["_yoshiFlowBm","require","_bexCore","buildWixPatternsEssentials","essentials","overrides","errorMonitor","httpClient","environment","essentialsEnvironment","providerType","createEssentials","options","createChildEssentials","experiments","bag","getWixPatternsWindowExperiments","captureException","useTranslation","Trans","useExperiments","readOnly","showToast","remove","getExperimentsCompat","createComponentSettings","createAccountComponentSettings","user","permissions"],"sources":["../../../src/giza/buildWixPatternsEssentials.ts"],"sourcesContent":["import type { Essentials } from '@wix/fe-essentials/core';\nimport { Trans, useExperiments, useTranslation } from '@wix/yoshi-flow-bm';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n  createAccountComponentSettings,\n  getWixPatternsWindowExperiments,\n  getExperimentsCompat,\n} from '@wix/bex-core';\n\nexport function buildWixPatternsEssentials(\n  essentials: Essentials,\n  { overrides }: { overrides?: Partial<WixPatternsEssentialsOverrides> } = {},\n): WixPatternsEssentials {\n  const {\n    errorMonitor,\n    httpClient,\n    environment: essentialsEnvironment,\n  } = essentials;\n\n  const environment = {\n    ...essentialsEnvironment,\n    ...overrides?.environment,\n    providerType: 'giza' as const,\n  };\n\n  return {\n    createEssentials: (options) =>\n      essentials.createChildEssentials({\n        ...options,\n        experiments: {\n          bag: getWixPatternsWindowExperiments() ?? {},\n        },\n      }),\n    errorMonitor: errorMonitor ?? { captureException: () => {} },\n    useTranslation,\n    Trans,\n    useExperiments: () => useExperiments({ readOnly: true }),\n    showToast: () => ({ remove: () => {} }),\n    httpClient,\n    experiments: getExperimentsCompat(essentials),\n    createComponentSettings: createAccountComponentSettings,\n    ...overrides,\n    user: {\n      permissions: [],\n      ...overrides?.user,\n    },\n    environment,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAQO,SAASE,0BAA0BA,CACxCC,UAAsB,EACtB;EAAEC;AAAmE,CAAC,GAAG,CAAC,CAAC,EACpD;EACvB,MAAM;IACJC,YAAY;IACZC,UAAU;IACVC,WAAW,EAAEC;EACf,CAAC,GAAGL,UAAU;EAEd,MAAMI,WAAW,GAAG;IAClB,GAAGC,qBAAqB;IACxB,IAAGJ,SAAS,oBAATA,SAAS,CAAEG,WAAW;IACzBE,YAAY,EAAE;EAChB,CAAC;EAED,OAAO;IACLC,gBAAgB,EAAGC,OAAO,IACxBR,UAAU,CAACS,qBAAqB,CAAC;MAC/B,GAAGD,OAAO;MACVE,WAAW,EAAE;QACXC,GAAG,EAAE,IAAAC,wCAA+B,EAAC,CAAC,IAAI,CAAC;MAC7C;IACF,CAAC,CAAC;IACJV,YAAY,EAAEA,YAAY,IAAI;MAAEW,gBAAgB,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC;IAC5DC,cAAc,EAAdA,2BAAc;IACdC,KAAK,EAALA,kBAAK;IACLC,cAAc,EAAEA,CAAA,KAAM,IAAAA,2BAAc,EAAC;MAAEC,QAAQ,EAAE;IAAK,CAAC,CAAC;IACxDC,SAAS,EAAEA,CAAA,MAAO;MAAEC,MAAM,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC,CAAC;IACvChB,UAAU;IACVO,WAAW,EAAE,IAAAU,6BAAoB,EAACpB,UAAU,CAAC;IAC7CqB,uBAAuB,EAAEC,uCAA8B;IACvD,GAAGrB,SAAS;IACZsB,IAAI,EAAE;MACJC,WAAW,EAAE,EAAE;MACf,IAAGvB,SAAS,oBAATA,SAAS,CAAEsB,IAAI;IACpB,CAAC;IACDnB;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_yoshiFlowBm","require","_bexCore","buildWixPatternsEssentials","essentials","overrides","errorMonitor","httpClient","environment","essentialsEnvironment","providerType","createEssentials","options","createChildEssentials","experiments","bag","getWixPatternsWindowExperiments","captureException","useTranslation","biLogger","process","env","NODE_ENV","asPartial","undefined","Trans","useExperiments","readOnly","showToast","remove","getExperimentsCompat","createComponentSettings","createAccountComponentSettings","user","permissions"],"sources":["../../../src/giza/buildWixPatternsEssentials.ts"],"sourcesContent":["import type { Essentials } from '@wix/fe-essentials/core';\nimport { Trans, useExperiments, useTranslation } from '@wix/yoshi-flow-bm';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n  createAccountComponentSettings,\n  getWixPatternsWindowExperiments,\n  getExperimentsCompat,\n} from '@wix/bex-core';\n\nexport function buildWixPatternsEssentials(\n  essentials: Essentials,\n  { overrides }: { overrides?: Partial<WixPatternsEssentialsOverrides> } = {},\n): WixPatternsEssentials {\n  const {\n    errorMonitor,\n    httpClient,\n    environment: essentialsEnvironment,\n  } = essentials;\n\n  const environment = {\n    ...essentialsEnvironment,\n    ...overrides?.environment,\n    providerType: 'giza' as const,\n  };\n\n  return {\n    createEssentials: (options) =>\n      essentials.createChildEssentials({\n        ...options,\n        experiments: {\n          bag: getWixPatternsWindowExperiments() ?? {},\n        },\n      }),\n    errorMonitor: errorMonitor ?? { captureException: () => {} },\n    useTranslation,\n    biLogger:\n      process.env.NODE_ENV !== 'test'\n        ? essentials.asPartial.biLogger\n        : undefined,\n    Trans,\n    useExperiments: () => useExperiments({ readOnly: true }),\n    showToast: () => ({ remove: () => {} }),\n    httpClient,\n    experiments: getExperimentsCompat(essentials),\n    createComponentSettings: createAccountComponentSettings,\n    ...overrides,\n    user: {\n      permissions: [],\n      ...overrides?.user,\n    },\n    environment,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAQO,SAASE,0BAA0BA,CACxCC,UAAsB,EACtB;EAAEC;AAAmE,CAAC,GAAG,CAAC,CAAC,EACpD;EACvB,MAAM;IACJC,YAAY;IACZC,UAAU;IACVC,WAAW,EAAEC;EACf,CAAC,GAAGL,UAAU;EAEd,MAAMI,WAAW,GAAG;IAClB,GAAGC,qBAAqB;IACxB,IAAGJ,SAAS,oBAATA,SAAS,CAAEG,WAAW;IACzBE,YAAY,EAAE;EAChB,CAAC;EAED,OAAO;IACLC,gBAAgB,EAAGC,OAAO,IACxBR,UAAU,CAACS,qBAAqB,CAAC;MAC/B,GAAGD,OAAO;MACVE,WAAW,EAAE;QACXC,GAAG,EAAE,IAAAC,wCAA+B,EAAC,CAAC,IAAI,CAAC;MAC7C;IACF,CAAC,CAAC;IACJV,YAAY,EAAEA,YAAY,IAAI;MAAEW,gBAAgB,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC;IAC5DC,cAAc,EAAdA,2BAAc;IACdC,QAAQ,EACNC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3BlB,UAAU,CAACmB,SAAS,CAACJ,QAAQ,GAC7BK,SAAS;IACfC,KAAK,EAALA,kBAAK;IACLC,cAAc,EAAEA,CAAA,KAAM,IAAAA,2BAAc,EAAC;MAAEC,QAAQ,EAAE;IAAK,CAAC,CAAC;IACxDC,SAAS,EAAEA,CAAA,MAAO;MAAEC,MAAM,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC,CAAC;IACvCtB,UAAU;IACVO,WAAW,EAAE,IAAAgB,6BAAoB,EAAC1B,UAAU,CAAC;IAC7C2B,uBAAuB,EAAEC,uCAA8B;IACvD,GAAG3B,SAAS;IACZ4B,IAAI,EAAE;MACJC,WAAW,EAAE,EAAE;MACf,IAAG7B,SAAS,oBAATA,SAAS,CAAE4B,IAAI;IACpB,CAAC;IACDzB;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCollectionFilterInitialFetchTiming","props","initialFetchTiming","collection","useState","initialFetch","onFocus","useCallback","skipInitialFetch","useMemo"],"sources":["../../../src/hooks/useCollectionFilterInitialFetchTiming.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nexport interface CollectionFilterInitialFetchTimingProps {\n  /**\n   * Define the timing for initial fetch of the filter collection data:\n   * - `focus` - on the first user interaction with the filter component\n   * @default undefined - on component mount\n   * @external\n   */\n  initialFetchTiming?: 'focus';\n  collection: {\n    initialFetch: () => unknown;\n  };\n}\nexport function useCollectionFilterInitialFetchTiming(\n  props: CollectionFilterInitialFetchTimingProps,\n) {\n  const { initialFetchTiming, collection } = props;\n\n  useState(() => {\n    if (!initialFetchTiming) {\n      collection.initialFetch();\n    }\n  });\n\n  const onFocus = useCallback(() => {\n    initialFetchTiming === 'focus' && collection.initialFetch();\n  }, [initialFetchTiming]);\n\n  const skipInitialFetch = useMemo(\n    () => initialFetchTiming === 'focus',\n    [initialFetchTiming],\n  );\n\n  return {\n    onFocus,\n    skipInitialFetch,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAcO,SAASC,qCAAqCA,CACnDC,KAA8C,EAC9C;EACA,MAAM;IAAEC,kBAAkB;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAEhD,IAAAG,eAAQ,EAAC,MAAM;IACb,IAAI,CAACF,kBAAkB,EAAE;MACvBC,UAAU,CAACE,YAAY,CAAC,CAAC;IAC3B;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChCL,kBAAkB,KAAK,OAAO,IAAIC,UAAU,CAACE,YAAY,CAAC,CAAC;EAC7D,CAAC,EAAE,CAACH,kBAAkB,CAAC,CAAC;EAExB,MAAMM,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MAAMP,kBAAkB,KAAK,OAAO,EACpC,CAACA,kBAAkB,CACrB,CAAC;EAED,OAAO;IACLI,OAAO;IACPE;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","require","useCollectionFilterInitialFetchTiming","props","initialFetchTiming","collection","useState","initialFetch","onFocus","useCallback","skipInitialFetch","useMemo"],"sources":["../../../src/hooks/useCollectionFilterInitialFetchTiming.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nexport interface CollectionFilterInitialFetchTimingProps {\n  /**\n   * At which point the initial fetch of the filter collection data takes place. If this prop is omitted, it will take place on component mount.<br> <br>\n   * Supported values: <br>\n   * - `focus`: On the first visitor interaction with the filter component.\n   * @default undefined - on component mount\n   * @external\n   */\n  initialFetchTiming?: 'focus';\n  collection: {\n    initialFetch: () => unknown;\n  };\n}\nexport function useCollectionFilterInitialFetchTiming(\n  props: CollectionFilterInitialFetchTimingProps,\n) {\n  const { initialFetchTiming, collection } = props;\n\n  useState(() => {\n    if (!initialFetchTiming) {\n      collection.initialFetch();\n    }\n  });\n\n  const onFocus = useCallback(() => {\n    initialFetchTiming === 'focus' && collection.initialFetch();\n  }, [initialFetchTiming]);\n\n  const skipInitialFetch = useMemo(\n    () => initialFetchTiming === 'focus',\n    [initialFetchTiming],\n  );\n\n  return {\n    onFocus,\n    skipInitialFetch,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAeO,SAASC,qCAAqCA,CACnDC,KAA8C,EAC9C;EACA,MAAM;IAAEC,kBAAkB;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAEhD,IAAAG,eAAQ,EAAC,MAAM;IACb,IAAI,CAACF,kBAAkB,EAAE;MACvBC,UAAU,CAACE,YAAY,CAAC,CAAC;IAC3B;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChCL,kBAAkB,KAAK,OAAO,IAAIC,UAAU,CAACE,YAAY,CAAC,CAAC;EAC7D,CAAC,EAAE,CAACH,kBAAkB,CAAC,CAAC;EAExB,MAAMM,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MAAMP,kBAAkB,KAAK,OAAO,EACpC,CAACA,kBAAkB,CACrB,CAAC;EAED,OAAO;IACLI,OAAO;IACPE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/usePickerModal/UsePickerModalParamsBase.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/hooks/usePickerModal/UsePickerModalParamsBase.ts"],"sourcesContent":["import {\n  ComputedQuery,\n  DataResultRaw,\n  Environment,\n  ErrorMonitor,\n  ExtractFilterValue,\n  FiltersMap,\n  SelectionStatus,\n} from '@wix/bex-core';\nimport { Essentials } from '@wix/fe-essentials/core';\nimport { PickerContentComponent } from '../../components';\n\nexport type RawFiltersParams<F extends FiltersMap> = {\n  [P in keyof F]: {\n    initialValue?: ExtractFilterValue<F[P]>;\n  };\n};\n\nexport interface PickerModalEvents {\n  readonly onError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n  }) => boolean | null | undefined | void;\n}\n\nexport interface OnSelectOptions<T> {\n  isSelectAll: boolean;\n  uncheckedValues: T[];\n  selectedCount: number;\n  /**\n   * @deprecated Read `values` prop instead\n   */\n  partiallySelectedIds: string[];\n\n  values: {\n    status: SelectionStatus;\n    value: T;\n  }[];\n  defaultStatus: SelectionStatus;\n  additionalStepData?: unknown;\n}\n\nexport interface UsePickerModalParamsBase<T, F extends FiltersMap> {\n  /** The user's environment\n   * - `language` - preferable language for the user  */\n  environment: Environment;\n  /** A `ErrorMonitor` instance `@wix/fe-essentials/error-monitor` */\n  errorMonitor: ErrorMonitor;\n  /** A `BILoggerFactory` instance `@wix/fe-essentials/bi` */\n  biLoggerFactory: Essentials['biLoggerFactory'];\n  /**\n   * Number of items to fetch on each page\n   */\n  limit?: number;\n  /**\n   * Defines the initial values and config for filters that the collection supports.\n   * For example: { premium: {initialValue: 'true'} }\n   * When a filter is marked as \"strict\" it means that we will compare how many items we have with and without it to decide on whether to show the `hiddenItemsWarningText` or not\n   */\n  filters?: Partial<RawFiltersParams<F>>;\n  /**\n   * Optional function that loads more dependencies required for the content of the modal to show.\n   * The modal will keep showing a loader when this promise is still pending.\n   * For example custom i18n translations.\n   */\n  fetchInitialProps?: () => Promise<unknown>;\n  minContentHeight?: string | number;\n  /**\n   * A function being called after clicking the primary button of the modal.  It accepts the following parameters:\n   * - `items` - The items that were selected in the modal's internal selector list\n   * - `options.isSelectAll` - Indicates the user toggled on the \"Select All\" checkbox (relevant only when `showSelectAllCheckbox` is passed to `<PickerContent />`)\n   * - `options.selectedCount` - The number of items the user selected. Subtracts from total count the items that were unchecked after toggling on the \"Select All\" checkbox\n   * - `options.uncheckedValues` - The items the user unchecked after toggling on the \"Select All\" checkbox (relevant only when `showSelectAllCheckbox` is passed to `<PickerContent />`)\n   * - `options.partiallySelectedIds` - Selected items in indeterminate status\n   */\n  onSelect: (items: T[], options: OnSelectOptions<T>) => unknown;\n  /**\n   * A function that returns a promise of dynamically imported component that renders [`<PickerContent `/>](./?path=/story/components-pickermodal-components--pickercontent) internally\n   */\n  pickerContentComponent: () => Promise<{\n    default: PickerContentComponent<T, F>;\n  }>;\n\n  shouldFilterNotAffectTotalCount?: (filterName: keyof F) => boolean;\n\n  /**\n   * Optional callbacks for various events of the picker modal lifecycle\n   * `onError` - when there's an error fetching initial data, picker content chunk or initial props.\n   */\n  events?: PickerModalEvents;\n\n  /**\n   * Indicates what type of pagination the `fetchData` function supports.<br>\n   * In case the server accepts the `query.offset` parameter - pass `'offset'`\n   * In case the server returns a `cursor` from `fetchData` - pass `'cursor'`\n   * @default offset\n   */\n  paginationMode?: 'offset' | 'cursor';\n\n  /**\n   * The query name used for cache purposes. This should be a unique value per API endpoint consumed inside the `fetchData` function.<br>\n   * It's recommended to use the [Fqdn](https://bo.wix.com/wix-docs/rnd/p13n-guidelines---aips/guidance-aips/wix-api-basics/[1009]-fqdn) of the service used in `fetchData` as `queryName`\n   */\n  queryName: string;\n\n  /**\n   * A function that integrates with the API to fetch the collection data from.<br>\n   * Accepts the following parameters:\n   * - `query`: A [ComputedQuery](./?path=/story/common-models--computedquery)  instance. Holds all the relevant variables to query the server API with.\n   *\n   * The function must return a promise of [DataResultRaw](./?path=/story/common-models--dataresultraw)\n   */\n  fetchData?: (query: ComputedQuery<F>) => Promise<DataResultRaw<T>>;\n\n  isOpenInitially?: boolean;\n\n  skipFirstPagePrefetch?: boolean;\n\n  /**\n   * A flag to disable default behavior when fetch data returns a single item.\n   * Instead of calling onSelect a dialog will be opened.\n   */\n  disableAutoSelectOnSingleItem?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/hooks/usePickerModal/UsePickerModalParamsBase.ts"],"sourcesContent":["import {\n  ComputedQuery,\n  DataResultRaw,\n  Environment,\n  ErrorMonitor,\n  ExtractFilterValue,\n  FiltersMap,\n  SelectionStatus,\n} from '@wix/bex-core';\nimport { Essentials } from '@wix/fe-essentials/core';\nimport { PickerContentComponent } from '../../components';\n\nexport type RawFiltersParams<F extends FiltersMap> = {\n  [P in keyof F]: {\n    initialValue?: ExtractFilterValue<F[P]>;\n  };\n};\n\nexport interface PickerModalEvents {\n  readonly onError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n  }) => boolean | null | undefined | void;\n}\n\nexport interface OnSelectOptions<T> {\n  isSelectAll: boolean;\n  uncheckedValues: T[];\n  selectedCount: number;\n  /**\n   * @deprecated Read `values` prop instead\n   */\n  partiallySelectedIds: string[];\n\n  values: {\n    status: SelectionStatus;\n    value: T;\n  }[];\n  defaultStatus: SelectionStatus;\n  additionalStepData?: unknown;\n}\n\nexport interface UsePickerModalParamsBase<T, F extends FiltersMap> {\n  /** The user's environment\n   * - `language` - preferable language for the user  */\n  environment: Environment;\n  /** A `ErrorMonitor` instance `@wix/fe-essentials/error-monitor` */\n  errorMonitor: ErrorMonitor;\n  /** A `BILoggerFactory` instance `@wix/fe-essentials/bi` */\n  biLoggerFactory: Essentials['biLoggerFactory'];\n  /**\n   * Number of items to fetch on each page\n   */\n  limit?: number;\n  /**\n   * Defines the initial values and config for filters that the collection supports.\n   * For example: { premium: {initialValue: 'true'} }\n   * When a filter is marked as \"strict\" it means that we will compare how many items we have with and without it to decide on whether to show the `hiddenItemsWarningText` or not\n   */\n  filters?: Partial<RawFiltersParams<F>>;\n  /**\n   * Optional function that loads more dependencies required for the content of the modal to show.\n   * The modal will keep showing a loader when this promise is still pending.\n   * For example custom i18n translations.\n   */\n  fetchInitialProps?: () => Promise<unknown>;\n  minContentHeight?: string | number;\n  /**\n   * A function being called after clicking the primary button of the modal.  It accepts the following parameters:\n   * - `items` - The items that were selected in the modal's internal selector list\n   * - `options.isSelectAll` - Indicates the user toggled on the \"Select All\" checkbox (relevant only when `showSelectAllCheckbox` is passed to `<PickerContent />`)\n   * - `options.selectedCount` - The number of items the user selected. Subtracts from total count the items that were unchecked after toggling on the \"Select All\" checkbox\n   * - `options.uncheckedValues` - The items the user unchecked after toggling on the \"Select All\" checkbox (relevant only when `showSelectAllCheckbox` is passed to `<PickerContent />`)\n   * - `options.partiallySelectedIds` - Selected items in indeterminate status\n   */\n  onSelect: (items: T[], options: OnSelectOptions<T>) => unknown;\n  /**\n   * A function that returns a promise of dynamically imported component that renders [`<PickerContent `/>](./?path=/story/components-pickermodal-components--pickercontent) internally\n   */\n  pickerContentComponent: () => Promise<{\n    default: PickerContentComponent<T, F>;\n  }>;\n\n  shouldFilterNotAffectTotalCount?: (filterName: keyof F) => boolean;\n\n  /**\n   * Optional callbacks for various events of the picker modal lifecycle\n   * `onError` - when there's an error fetching initial data, picker content chunk or initial props.\n   */\n  events?: PickerModalEvents;\n\n  /**\n   * Indicates what type of pagination the `fetchData` function supports.<br>\n   * In case the server accepts the `query.offset` parameter - pass `'offset'`\n   * In case the server returns a `cursor` from `fetchData` - pass `'cursor'`\n   * @default offset\n   */\n  paginationMode?: 'offset' | 'cursor';\n\n  /**\n   * The query name used for cache purposes. This should be a unique value per API endpoint consumed inside the `fetchData` function.<br>\n   * It's recommended to use the [Fqdn](https://bo.wix.com/wix-docs/rnd/p13n-guidelines---aips/guidance-aips/wix-api-basics/[1009]-fqdn) of the service used in `fetchData` as `queryName`\n   */\n  queryName: string;\n\n  /**\n   * A function that integrates with the API to fetch the collection data from.<br>\n   * Accepts the following parameters:\n   * - `query`: A [ComputedQuery](./?path=/story/common-models--computedquery)  instance. Holds all the relevant variables to query the server API with.\n   *\n   * The function must return a promise of [DataResultRaw](./?path=/story/common-models--dataresultraw)\n   */\n  fetchData?: (query: ComputedQuery<F>) => Promise<DataResultRaw<T>>;\n\n  isOpenInitially?: boolean;\n\n  /**\n   * In the picker modal, the data is prefetched before the user opens the modal. This flag disables this behavior.\n   */\n  skipFirstPagePrefetch?: boolean;\n\n  /**\n   * A flag to disable default behavior when fetch data returns a single item.\n   * Instead of calling onSelect a dialog will be opened.\n   */\n  disableAutoSelectOnSingleItem?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/model/filterProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/model/filterProps.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Filter, FilterItem } from '@wix/bex-core';\nimport {\n  AccordionProps,\n  PopoverCommonProps,\n  TagListProps,\n} from '@wix/design-system';\n\nexport interface FilterProps<V> {\n  /**\n   * A filter state object such as [ArrayFilter](./?path=/story/common-factories--arrayfilter)\n   * @external\n   */\n  filter: Filter<V>;\n\n  /**\n   * layout=\"button\" removes padding from the sides of the filter within the toolbar\n   * @external\n   */\n  layout?: 'button';\n  /**\n   * Customize the filter inside the table toolbar\n   * - `label`: A prefix label for the filter element\n   * @external\n   */\n  toolbarItemProps?: {\n    label?: ReactNode;\n  };\n  /**\n   * Indicates whether the filter should be visible by default in the filters panel\n   * @external\n   */\n  initiallyOpen?: boolean;\n  /**\n   * Customize the filter accordion item, when it's being rendered in the filters panel\n   * - Extends [AccordionProps['items'][number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion)\n   * - `label`: the title of the accordion item (Use `AccordionProps['items'][number].title` for more flexibility)\n   * @external\n   */\n  accordionItemProps?: Required<AccordionProps>['items'][number] & {\n    label?: string;\n  };\n\n  /**\n   * @deprecated\n   */\n  popoverProps?: PopoverCommonProps;\n\n  /**\n   * Called when a filter tag is being removed by the user from sub-toolbar\n   * @param item\n   * @external\n   */\n  onAppliedFilterTagRemove?: (item: FilterItem<V>) => unknown;\n  /**\n   * Customize rendering of a tag sub-toolbar tag list\n   * @external\n   */\n  renderToolbarTag?: (\n    item: FilterItem<V>,\n  ) => Partial<TagListProps['tags'][number]>;\n\n  explodeTags?: boolean;\n\n  /**\n   * Groups accordions by title\n   * @external\n   */\n  sectionTitle?: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/model/filterProps.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Filter, FilterItem } from '@wix/bex-core';\nimport {\n  AccordionProps,\n  PopoverCommonProps,\n  TagListProps,\n} from '@wix/design-system';\n\nexport interface FilterProps<V> {\n  /**\n   * A filter state object such as [ArrayFilter](./?path=/story/common-factories--arrayfilter)\n   * @external\n   */\n  filter: Filter<V>;\n\n  /**\n   * Padding settings. If this prop it omitted, padding will exist on the sides of the filter.<br> <br>\n   * Supported values: <br>\n   * - `\"button\"`: Removes padding from the sides of the filter.\n   * @external\n   */\n  layout?: 'button';\n  /**\n   * Customizes the filter in the toolbar.<br> <br>\n   * Supported properties: <br>\n   * - `label`: [string] Prefix for the filter element.\n   * @external\n   */\n  toolbarItemProps?: {\n    label?: ReactNode;\n  };\n  /**\n   * Indicates whether the filter should be visible by default in the filters panel\n   * @external\n   */\n  initiallyOpen?: boolean;\n  /**\n   * Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br>\n   * Supported properties: <br>\n   * - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br>\n   * - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).\n   * @external\n   */\n  accordionItemProps?: Required<AccordionProps>['items'][number] & {\n    label?: string;\n  };\n\n  /**\n   * @deprecated\n   */\n  popoverProps?: PopoverCommonProps;\n\n  /**\n   * Callback that's run when a filter is removed by a visitor from the sub-toolbar.\n   * @param item\n   * @external\n   */\n  onAppliedFilterTagRemove?: (item: FilterItem<V>) => unknown;\n  /**\n   * Customizes how the tag list in the sub-toolbar is rendered.\n   * <br><br>\n   * Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist).\n   * @external\n   */\n  renderToolbarTag?: (\n    item: FilterItem<V>,\n  ) => Partial<TagListProps['tags'][number]>;\n\n  explodeTags?: boolean;\n\n  /**\n   * Title for the section in the accordion.\n   * @external\n   */\n  sectionTitle?: string;\n}\n"],"mappings":"","ignoreList":[]}