@wix/patterns 1.454.0 → 1.456.0

package/dist/cjs/components/TabTotal/useFilterValueTotalState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FilterContext","require","_CollectionContext","_react","_state","useFilterValueTotalState","value","params","filter","useFilterContext","collection","useCollectionContext","state","useState","FilterValueTotalState","useEffect","init","refresh"],"sources":["../../../../src/components/TabTotal/useFilterValueTotalState.ts"],"sourcesContent":["import { useFilterContext } from '../FilterContext';\nimport { useCollectionContext } from '../CollectionContext';\nimport { useEffect, useState } from 'react';\nimport { FilterValueTotalState } from '../../state';\nimport { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\n\nexport interface UseFilterValueTotalStateParams<V, T, F extends FiltersMap> {\n  /**\n   * The filter value (passed at first argument to `counterBadge(value)`)\n   */\n  readonly value: V | null | undefined;\n  /**\n   * [`OptimisticActions`](./?path=/story/features-actions-updates--collectionoptimisticactions) instance to wire the total to\n   */\n  readonly optimisticActions?: CollectionOptimisticActions<T, F>;\n  /**\n   * When set to `true` the total value will not change after table search\n   */\n  readonly ignoreSearch?: boolean;\n}\n\nexport function useFilterValueTotalState<V, T, F extends FiltersMap>({\n  value,\n  ...params\n}: UseFilterValueTotalStateParams<V, T, F>) {\n  const filter = useFilterContext<V[]>();\n  const collection = useCollectionContext();\n\n  const [state] = useState(\n    () =>\n      new FilterValueTotalState({\n        filter,\n        value,\n        collection,\n        ...params,\n      }),\n  );\n\n  useEffect(() => state.init(), []);\n  useEffect(() => {\n    if (value !== state.value) {\n      state.refresh(value);\n    }\n  }, [value]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAkBO,SAASI,wBAAwBA,CAA6B;EACnEC,KAAK;EACL,GAAGC;AACoC,CAAC,EAAE;EAC1C,MAAMC,MAAM,GAAG,IAAAC,+BAAgB,EAAM,CAAC;EACtC,MAAMC,UAAU,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EAEzC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,4BAAqB,CAAC;IACxBN,MAAM;IACNF,KAAK;IACLI,UAAU;IACV,GAAGH;EACL,CAAC,CACL,CAAC;EAED,IAAAQ,gBAAS,EAAC,MAAMH,KAAK,CAACI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EACjC,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAIT,KAAK,KAAKM,KAAK,CAACN,KAAK,EAAE;MACzBM,KAAK,CAACK,OAAO,CAACX,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAOM,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_FilterContext","require","_CollectionContext","_react","_state","_ToolbarCollectionContext","useFilterValueTotalState","value","params","filter","useFilterContext","collection","useCollectionContext","state","useState","FilterValueTotalState","table","useContext","ToolbarCollectionContext","key","undefined","itemKey","useEffect","init","refresh","_table$tabs","tabs","registerTabTotal"],"sources":["../../../../src/components/TabTotal/useFilterValueTotalState.ts"],"sourcesContent":["import { useFilterContext } from '../FilterContext';\nimport { useCollectionContext } from '../CollectionContext';\nimport { useContext, useEffect, useState } from 'react';\nimport { FilterValueTotalState } from '../../state';\nimport { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface UseFilterValueTotalStateParams<V, T, F extends FiltersMap> {\n  /**\n   * The filter value (passed at first argument to `counterBadge(value)`)\n   */\n  readonly value: V | null | undefined;\n  /**\n   * [`OptimisticActions`](./?path=/story/features-actions-updates--collectionoptimisticactions) instance to wire the total to\n   */\n  readonly optimisticActions?: CollectionOptimisticActions<T, F>;\n  /**\n   * When set to `true` the total value will not change after table search\n   */\n  readonly ignoreSearch?: boolean;\n}\n\nexport function useFilterValueTotalState<V, T, F extends FiltersMap>({\n  value,\n  ...params\n}: UseFilterValueTotalStateParams<V, T, F>) {\n  const filter = useFilterContext<V[]>();\n  const collection = useCollectionContext();\n\n  const [state] = useState(\n    () =>\n      new FilterValueTotalState({\n        filter,\n        value,\n        collection,\n        ...params,\n      }),\n  );\n\n  const table = useContext(ToolbarCollectionContext);\n  const key = value == null ? undefined : filter.itemKey(value);\n\n  useEffect(() => state.init(), []);\n  useEffect(() => {\n    if (value !== state.value) {\n      state.refresh(value);\n    }\n  }, [value]);\n  useEffect(\n    () =>\n      key != null\n        ? table?.tabs?.registerTabTotal(filter, key, state)\n        : undefined,\n    [table, key],\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AAiBO,SAASK,wBAAwBA,CAA6B;EACnEC,KAAK;EACL,GAAGC;AACoC,CAAC,EAAE;EAC1C,MAAMC,MAAM,GAAG,IAAAC,+BAAgB,EAAM,CAAC;EACtC,MAAMC,UAAU,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EAEzC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,4BAAqB,CAAC;IACxBN,MAAM;IACNF,KAAK;IACLI,UAAU;IACV,GAAGH;EACL,CAAC,CACL,CAAC;EAED,MAAMQ,KAAK,GAAG,IAAAC,iBAAU,EAACC,kDAAwB,CAAC;EAClD,MAAMC,GAAG,GAAGZ,KAAK,IAAI,IAAI,GAAGa,SAAS,GAAGX,MAAM,CAACY,OAAO,CAACd,KAAK,CAAC;EAE7D,IAAAe,gBAAS,EAAC,MAAMT,KAAK,CAACU,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EACjC,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAIf,KAAK,KAAKM,KAAK,CAACN,KAAK,EAAE;MACzBM,KAAK,CAACW,OAAO,CAACjB,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACX,IAAAe,gBAAS,EACP;IAAA,IAAAG,WAAA;IAAA,OACEN,GAAG,IAAI,IAAI,GACPH,KAAK,aAAAS,WAAA,GAALT,KAAK,CAAEU,IAAI,qBAAXD,WAAA,CAAaE,gBAAgB,CAAClB,MAAM,EAAEU,GAAG,EAAEN,KAAK,CAAC,GACjDO,SAAS;EAAA,GACf,CAACJ,KAAK,EAAEG,GAAG,CACb,CAAC;EAED,OAAON,KAAK;AACd","ignoreList":[]}

package/dist/cjs/components/Table/AddFieldColumnHeader.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_ = "AddFieldColumnHeader3381691961";
+var _namespace_ = "AddFieldColumnHeader4179756822";
 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": "AddFieldColumnHeader3381691961__root",
-  "title": "AddFieldColumnHeader3381691961__title",
-  "hoverBridge": "AddFieldColumnHeader3381691961__hoverBridge"
+  "root": "AddFieldColumnHeader4179756822__root",
+  "title": "AddFieldColumnHeader4179756822__title",
+  "hoverBridge": "AddFieldColumnHeader4179756822__hoverBridge"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/AddFieldColumnHeader.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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader3381691961\";\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\":\"AddFieldColumnHeader3381691961__root\",\"title\":\"AddFieldColumnHeader3381691961__title\",\"hoverBridge\":\"AddFieldColumnHeader3381691961__hoverBridge\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader4179756822\";\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\":\"AddFieldColumnHeader4179756822__root\",\"title\":\"AddFieldColumnHeader4179756822__title\",\"hoverBridge\":\"AddFieldColumnHeader4179756822__hoverBridge\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/TabsFilter/TabsFilter.js

@@ -74,6 +74,8 @@ function _TabsFilter(props) {
   }, [table.initTask.status]);
   const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;
   const selectedId = filter.isEmpty ? _types.ALL_TAB_ITEM_ID : itemKey(filter.value[0]);
+  const disabledItems = disabled ? dataProp.map(value => disabled(value, state.tabTotalOf(filter, itemKey(value)))) : undefined;
+  const disabledItemsKey = disabledItems == null ? void 0 : disabledItems.join();
   const items = (0, _react.useMemo)(() => {
     const _mergedItems = dataProp.map((value, index) => {
       const id = itemKey(value);
@@ -89,11 +91,11 @@ function _TabsFilter(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 160,
+            lineNumber: 171,
             columnNumber: 11
           }
         }),
-        disabled: disabled == null ? void 0 : disabled(value),
+        disabled: disabledItems == null ? void 0 : disabledItems[index],
         value
       };
     });
@@ -117,7 +119,7 @@ function _TabsFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 186,
+          lineNumber: 197,
           columnNumber: 9
         }
       })
@@ -127,17 +129,20 @@ function _TabsFilter(props) {
       minWidth: responsive.itemsMinWidths[index],
       index
     }));
-  }, [dataProp, all, counterBadge, disabled, responsive.panelMinWidth, hideCounterBadge]);
+  }, [dataProp, all, counterBadge, disabledItemsKey, responsive.panelMinWidth, hideCounterBadge]);
   (0, _react.useEffect)(() => state.init({
     container: container.current,
     itemsCount: items.length
   }), [container, state]);
+  (0, _react.useEffect)(() => {
+    state.pruneTabTotals(filter, dataProp.map(itemKey));
+  }, [dataProp]);
   return /*#__PURE__*/_react.default.createElement(_FilterContext.FilterContextProvider, {
     value: filter,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 239,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -155,7 +160,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 240,
       columnNumber: 7
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -171,7 +176,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 239,
+      lineNumber: 254,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -183,7 +188,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251,
+      lineNumber: 266,
       columnNumber: 11
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_useBmHarmonyTheme","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","disabled","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","size","useBmHarmonyTheme","undefined","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\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=/story/features-filter-factories--arrayfilter) 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 [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n\n  /**\n   * Returns whether a tab should be disabled.\n   * <br><br>\n   * Disabled tabs are non-interactive and rendered in a visually muted state.\n   * <br><br>\n   * The result is memoized. pass a new function\n   * whenever its result may change.\n   * <br>\n   * Requires `@wix/design-system` version >= 1.310.0\n   * @external\n   */\n  disabled?: (value: V) => boolean;\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  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    disabled,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n  const size = useBmHarmonyTheme() ? 'small' : undefined;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\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 isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\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={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        disabled: disabled?.(value),\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={hideCounterBadge ? undefined : 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  }, [\n    dataProp,\n    all,\n    counterBadge,\n    disabled,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\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            size={size}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\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","_useBmHarmonyTheme","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","disabled","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","size","useBmHarmonyTheme","undefined","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","disabledItems","map","tabTotalOf","disabledItemsKey","join","items","_mergedItems","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","pruneTabTotals","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\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=/story/features-filter-factories--arrayfilter) 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 [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n\n  /**\n   * Returns whether a tab should be disabled.\n   * <br><br>\n   * Disabled tabs are non-interactive and rendered in a visually muted state.\n   * <br><br>\n   * `total` is the tab's counter total, so a tab can be disabled while its\n   * counter is `0`. It is `undefined` until the total first resolves, and stays\n   * `undefined` when `counterBadge` is not used.\n   * <br><br>\n   * Called on every render, so it must be cheap and pure. It re-runs as totals\n   * resolve, so the result may depend on them.\n   * <br>\n   * Requires `@wix/design-system` version >= 1.310.0\n   * @external\n   */\n  disabled?: (value: V, total: number | undefined) => boolean;\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  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    disabled,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n  const size = useBmHarmonyTheme() ? 'small' : undefined;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\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 isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const disabledItems = disabled\n    ? dataProp.map((value) =>\n        disabled(value, state.tabTotalOf(filter, itemKey(value))),\n      )\n    : undefined;\n  const disabledItemsKey = disabledItems?.join();\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\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={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        disabled: disabledItems?.[index],\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={hideCounterBadge ? undefined : 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  }, [\n    dataProp,\n    all,\n    counterBadge,\n    disabledItemsKey,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  useEffect(() => {\n    state.pruneTabTotals(filter, dataProp.map(itemKey));\n  }, [dataProp]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\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            size={size}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,yBAAA,GAAAZ,OAAA;AAAgF,IAAAa,YAAA;AAAA,SAAAd,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIhF;;AAIA;;AAwEA,SAASkB,WAAWA,CAAIC,KAAyB,EAAE;EACjD,MAAM;IACJC,IAAI;IACJC,MAAM;IACNC,IAAI,EAAEC,QAAQ;IACdC,GAAG;IACHC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,QAAQ;IACRC;EACF,CAAC,GAAGV,KAAK;EACT,MAAM;IAAEW,OAAO;IAAEC;EAAS,CAAC,GAAGV,MAAM;EACpC,MAAMW,IAAI,GAAG,IAAAC,oCAAiB,EAAC,CAAC,GAAG,OAAO,GAAGC,SAAS;EAEtD,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,MAAMC,mBAAmB,GAAG,IAAAC,kDAAwB,EAAC;IACnD,GAAGnB,KAAK;IACRoB,KAAK,EAAEL;EACT,CAAC,CAAC;EAEF,MAAMM,SAAS,GAAGC,cAAK,CAACC,MAAM,CAAiB,CAAC;EAEhD,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACGT,KAAK,CAACU,IAAI,KAAVV,KAAK,CAACU,IAAI,GAAK,IAAIC,gCAAe,CAAC;IAClCX;EACF,CAAC,CAAC,CACN,CAAC;EAED,IAAAY,sBAAe,EAAC,MAAM;IACpB,IAAAC,iBAAW,EAAC,MAAM;MAChB,IAAI3B,MAAM,CAAC4B,UAAU,IAAI,IAAI,EAAE;QAC7B5B,MAAM,CAAC4B,UAAU,GAAG,IAAI;MAC1B;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEC;EAAW,CAAC,GAAGP,KAAK;EAE5B,MAAMQ,wBAAwB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7C,MAAMC,SAAS,GAAGhB,mBAAmB,CAACiB,gBAAgB,CAACC,QAAQ,CAACC,MAAM;IACtE,MAAM;MAAEC,SAAS;MAAEC;IAAO,CAAC,GAAGL,SAAS;IACvC,OAAOI,SAAS,IAAIC,MAAM;EAC5B,CAAC,EAAE,CAACrB,mBAAmB,CAACiB,gBAAgB,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;EAE1D,MAAMG,cAAc,GAAG,IAAAP,cAAO,EAAC,MAAM;IACnC,MAAM;MAAEK,SAAS;MAAEC;IAAO,CAAC,GAAGvB,KAAK,CAACoB,QAAQ,CAACC,MAAM;IACnD,OAAOC,SAAS,IAAIC,MAAM;EAC5B,CAAC,EAAE,CAACvB,KAAK,CAACoB,QAAQ,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAMI,gBAAgB,GAAGD,cAAc,IAAIR,wBAAwB;EAEnE,MAAMU,UAAU,GAAGxC,MAAM,CAACyC,OAAO,GAC7BC,sBAAe,GACfjC,OAAO,CAACT,MAAM,CAACkB,KAAK,CAAC,CAAC,CAAC,CAAC;EAE5B,MAAMyB,aAAa,GAAGtC,QAAQ,GAC1BH,QAAQ,CAAC0C,GAAG,CAAE1B,KAAK,IACjBb,QAAQ,CAACa,KAAK,EAAEI,KAAK,CAACuB,UAAU,CAAC7C,MAAM,EAAES,OAAO,CAACS,KAAK,CAAC,CAAC,CAC1D,CAAC,GACDL,SAAS;EACb,MAAMiC,gBAAgB,GAAGH,aAAa,oBAAbA,aAAa,CAAEI,IAAI,CAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAjB,cAAO,EAAuB,MAAM;IAChD,MAAMkB,YAAY,GAAG/C,QAAQ,CAAC0C,GAAG,CAAC,CAAC1B,KAAK,EAAEgC,KAAK,KAAK;MAClD,MAAMC,EAAE,GAAG1C,OAAO,CAACS,KAAK,CAAC;MACzB,OAAO;QACLiC,EAAE;QACFC,IAAI,EAAE1C,QAAQ,CAACQ,KAAK,CAAC;QACrBmC,KAAK,eACH3F,MAAA,CAAA0B,OAAA,CAAAkE,aAAA,CAACpF,SAAA,CAAAqF,QAAQ;UACPC,QAAQ,EAAErD,GAAG,IAAI,CAACG,eAAe,GAAG4C,KAAK,GAAG,CAAC,GAAGA,KAAM;UACtD5B,KAAK,EAAEO,UAAW;UAClB4B,IAAI,EAAE/C,QAAQ,CAACQ,KAAK,CAAE;UACtBA,KAAK,EAAEA,KAAM;UACbd,YAAY,EAAEmC,gBAAgB,GAAG1B,SAAS,GAAGT,YAAa;UAAAsD,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAnF,YAAA;YAAAoF,UAAA;YAAAC,YAAA;UAAA;QAAA,CAC3D,CACF;QACDzD,QAAQ,EAAEsC,aAAa,oBAAbA,aAAa,CAAGO,KAAK,CAAC;QAChChC;MACF,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAACf,GAAG,EAAE;MACR,OAAO8C,YAAY,CAACL,GAAG,CAAC,CAACmB,IAAI,EAAEb,KAAK,MAAM;QACxC,GAAGa,IAAI;QACPb,KAAK;QACLc,QAAQ,EAAEnC,UAAU,CAACoC,cAAc,CAACf,KAAK,CAAC;QAC1CgB,QAAQ,EAAErC,UAAU,CAACsC;MACvB,CAAC,CAAC,CAAC;IACL;IAEA,MAAMC,UAAU,GAAG;MACjBjB,EAAE,EAAET,sBAAe;MACnBU,IAAI,EAAEjD,GAAG;MACTkD,KAAK,eACH3F,MAAA,CAAA0B,OAAA,CAAAkE,aAAA,CAACpF,SAAA,CAAAqF,QAAQ;QACPC,QAAQ,EAAE,CAAE;QACZlC,KAAK,EAAEO,UAAW;QAClB4B,IAAI,EAAEtD,GAAI;QACVe,KAAK,EAAEL,SAAU;QACjBT,YAAY,EAAEmC,gBAAgB,GAAG1B,SAAS,GAAGT,YAAa;QAAAsD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnF,YAAA;UAAAoF,UAAA;UAAAC,YAAA;QAAA;MAAA,CAC3D;IAEL,CAAC;IAED,OAAO,CACLxD,eAAe,GACX,CAAC,GAAG2C,YAAY,EAAEmB,UAAU,CAAC,GAC7B,CAACA,UAAU,EAAE,GAAGnB,YAAY,CAAC,EACjCL,GAAG,CAAC,CAACmB,IAAI,EAAEb,KAAK,MAAM;MACtB,GAAGa,IAAI;MACPC,QAAQ,EAAEnC,UAAU,CAACoC,cAAc,CAACf,KAAK,CAAC;MAC1CA;IACF,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CACDhD,QAAQ,EACRC,GAAG,EACHC,YAAY,EACZ0C,gBAAgB,EAChBjB,UAAU,CAACwC,aAAa,EACxB9B,gBAAgB,CACjB,CAAC;EAEF,IAAA+B,gBAAS,EACP,MACEhD,KAAK,CAACiD,IAAI,CAAC;IACTpD,SAAS,EAAEA,SAAS,CAACqD,OAAO;IAC5BC,UAAU,EAAEzB,KAAK,CAAC0B;EACpB,CAAC,CAAC,EACJ,CAACvD,SAAS,EAAEG,KAAK,CACnB,CAAC;EAED,IAAAgD,gBAAS,EAAC,MAAM;IACdhD,KAAK,CAACqD,cAAc,CAAC3E,MAAM,EAAEE,QAAQ,CAAC0C,GAAG,CAACnC,OAAO,CAAC,CAAC;EACrD,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;EAEd,oBACExC,MAAA,CAAA0B,OAAA,CAAAkE,aAAA,CAACvF,cAAA,CAAA6G,qBAAqB;IAAC1D,KAAK,EAAElB,MAAO;IAAA0D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnCpG,MAAA,CAAA0B,OAAA,CAAAkE,aAAA,CAACzF,aAAA,CAAAgH,GAAG;IACFC,GAAG,EAAGC,IAAI,IAAK;MACb,IAAIA,IAAI,EAAE;QACR5D,SAAS,CAACqD,OAAO,GAAGO,IAAI;MAC1B;IACF,CAAE;IACFC,QAAQ,EAAC,wBAAwB;IACjCC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAE,EAAG;IACXC,SAAS,EAAC,UAAU;IACpBC,aAAa,EAAC,QAAQ;IACtBC,QAAQ,EAAE,CAAE;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXjC,UAAU,CAACyD,IAAI,KAAK,MAAM,gBACzB5H,MAAA,CAAA0B,OAAA,CAAAkE,aAAA,CAAC/E,YAAA,CAAAgH,WAAW;IACVvC,KAAK,EAAEA,KAAM;IACb/C,IAAI,EAAEC,QAAS;IACfF,MAAM,EAAEA,MAAO;IACfwC,UAAU,EAAEA,UAAW;IACvBlB,KAAK,EAAEA,KAAM;IACbf,QAAQ,EAAEA,QAAS;IACnBR,IAAI,EAAEA,IAAK;IACXY,IAAI,EAAEA,IAAK;IACXR,GAAG,EAAEA,GAAI;IAAAuD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACV,CAAC,gBAEFpG,MAAA,CAAA0B,OAAA,CAAAkE,aAAA,CAACjF,aAAA,CAAAmH,YAAY;IACXxF,MAAM,EAAEA,MAAO;IACfC,IAAI,EAAEC,QAAS;IACf8C,KAAK,EAAEA,KAAM;IACbR,UAAU,EAAEA,UAAW;IACvBiD,YAAY,EAAEjF,kBAAmB;IAAAkD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CAEA,CACgB,CAAC;AAE5B;AAEO,MAAM4B,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,uBAAQ,EAAC/F,WAAW,CAAC;AAC/C6F,UAAU,CAACG,WAAW,GAAG,YAAY","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_ = "TabsFilter1619201132";
+var _namespace_ = "TabsFilter3007203288";
 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": "TabsFilter1619201132__root",
-  "titleBox": "TabsFilter1619201132__titleBox"
+  "root": "TabsFilter3007203288__root",
+  "titleBox": "TabsFilter3007203288__titleBox"
 };
 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_ = \"TabsFilter1619201132\";\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\":\"TabsFilter1619201132__root\",\"titleBox\":\"TabsFilter1619201132__titleBox\"};\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,UAAU,EAAC;AAAgC,CAAC;AAC/F,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_ = \"TabsFilter3007203288\";\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\":\"TabsFilter3007203288__root\",\"titleBox\":\"TabsFilter3007203288__titleBox\"};\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,UAAU,EAAC;AAAgC,CAAC;AAC/F,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/TabsFilter/TabsFilterState.js

@@ -15,10 +15,51 @@ class TabsFilterState {
     (0, _defineProperty2.default)(this, "table", void 0);
     (0, _defineProperty2.default)(this, "responsive", void 0);
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "_tabTotals", _mobx.observable.map([], {
+      deep: false
+    }));
+    (0, _defineProperty2.default)(this, "_lastResolvedTabTotals", _mobx.observable.map());
     this.table = params.table;
     this.responsive = new _TabsResponsiveState.TabsResponsiveState({
       container: this.table.container
     });
+    (0, _mobx.makeObservable)(this, {
+      registerTabTotal: _mobx.action,
+      pruneTabTotals: _mobx.action
+    });
+  }
+  _tabTotalKey(filter, key) {
+    return `${filter.name}:${key}`;
+  }
+  registerTabTotal(filter, key, totalState) {
+    const totalKey = this._tabTotalKey(filter, key);
+    this._tabTotals.set(totalKey, totalState);
+    const retainResolvedTotal = (0, _mobx.reaction)(() => totalState.resolvedTotal, (0, _mobx.action)(total => {
+      if (total != null) {
+        this._lastResolvedTabTotals.set(totalKey, total);
+      }
+    }), {
+      fireImmediately: true
+    });
+    return (0, _mobx.action)(() => {
+      retainResolvedTotal();
+      if (this._tabTotals.get(totalKey) === totalState) {
+        this._tabTotals.delete(totalKey);
+      }
+    });
+  }
+  tabTotalOf(filter, key) {
+    var _this$_tabTotals$get;
+    const totalKey = this._tabTotalKey(filter, key);
+    return ((_this$_tabTotals$get = this._tabTotals.get(totalKey)) == null ? void 0 : _this$_tabTotals$get.resolvedTotal) ?? this._lastResolvedTabTotals.get(totalKey);
+  }
+  pruneTabTotals(filter, keys) {
+    const keep = new Set(keys.map(key => this._tabTotalKey(filter, key)));
+    for (const totalKey of [...this._lastResolvedTabTotals.keys()]) {
+      if (totalKey.startsWith(`${filter.name}:`) && !keep.has(totalKey)) {
+        this._lastResolvedTabTotals.delete(totalKey);
+      }
+    }
   }
   init({
     container,

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_TabsResponsiveState","_events","_util","_mobx","_bi","TabsFilterState","constructor","params","_defineProperty2","default","EventEmitter","table","responsive","TabsResponsiveState","container","init","itemsCount","collection","disposers","addEventListener","emitter","ls","events","listeners","map","l","forEach","d","_reportTabSelectedBiOnNextResult","nextTab","prevTab","items","hasAllTab","reportBi","onFetch","off","action","withoutDefaults","cairoTabSelected","_commonDynamicBiParams","newTabIndex","index","newTabId","id","prevTabIndex","undefined","prevTabId","numTabs","length","on","exports"],"sources":["../../../../src/components/TabsFilter/TabsFilterState.ts"],"sourcesContent":["import { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { action } from 'mobx';\nimport { cairoTabSelected } from '@wix/bex-core/bi';\n\nexport interface TabsFilterStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\ntype TabsFilterItemBase = {\n  id: string;\n  index: number;\n};\n\nexport class TabsFilterState<T, F extends FiltersMap> {\n  readonly table;\n  readonly responsive: TabsResponsiveState;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: () => () => unknown;\n  }>;\n\n  constructor(params: Readonly<TabsFilterStateParams<T, F>>) {\n    this.table = params.table;\n    this.responsive = new TabsResponsiveState({\n      container: this.table.container,\n    });\n  }\n\n  init({\n    container,\n    itemsCount,\n  }: {\n    container?: HTMLDivElement;\n    itemsCount: number;\n  }) {\n    const { collection } = this.table;\n\n    const disposers = [\n      addEventListener(collection.emitter, 'fetch', () => {\n        const ls = this.events.listeners('fetch').map((l) => l());\n        return () => {\n          ls.forEach((l) => l());\n        };\n      }),\n      this.responsive.init({ container, itemsCount }),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  _reportTabSelectedBiOnNextResult({\n    nextTab,\n    prevTab,\n    items,\n    hasAllTab,\n  }: {\n    prevTab?: TabsFilterItemBase;\n    nextTab: TabsFilterItemBase;\n    items: TabsFilterItemBase[];\n    hasAllTab?: boolean;\n  }) {\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = () => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoTabSelected)({\n            ...table._commonDynamicBiParams(),\n            newTabIndex: nextTab.index + 1,\n            newTabId: nextTab.id,\n            prevTabIndex:\n              prevTab?.index != null ? prevTab.index + 1 : undefined,\n            prevTabId: prevTab?.id,\n            numTabs: items.length,\n            hasAllTab,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AAWO,MAAMM,eAAe,CAA0B;EAQpDC,WAAWA,CAACC,MAA6C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAJzC,IAAIC,oBAAY,CAAC,CAAC;IAKlC,IAAI,CAACC,KAAK,GAAGJ,MAAM,CAACI,KAAK;IACzB,IAAI,CAACC,UAAU,GAAG,IAAIC,wCAAmB,CAAC;MACxCC,SAAS,EAAE,IAAI,CAACH,KAAK,CAACG;IACxB,CAAC,CAAC;EACJ;EAEAC,IAAIA,CAAC;IACHD,SAAS;IACTE;EAIF,CAAC,EAAE;IACD,MAAM;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACN,KAAK;IAEjC,MAAMO,SAAS,GAAG,CAChB,IAAAC,sBAAgB,EAACF,UAAU,CAACG,OAAO,EAAE,OAAO,EAAE,MAAM;MAClD,MAAMC,EAAE,GAAG,IAAI,CAACC,MAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;MACzD,OAAO,MAAM;QACXJ,EAAE,CAACK,OAAO,CAAED,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;MACxB,CAAC;IACH,CAAC,CAAC,EACF,IAAI,CAACb,UAAU,CAACG,IAAI,CAAC;MAAED,SAAS;MAAEE;IAAW,CAAC,CAAC,CAChD;IAED,OAAO,MAAM;MACXE,SAAS,CAACQ,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;EACH;EAEAC,gCAAgCA,CAAC;IAC/BC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLC;EAMF,CAAC,EAAE;IACD,MAAM;MAAErB,KAAK;MAAEW;IAAO,CAAC,GAAG,IAAI;IAC9B,MAAM;MAAEW;IAAS,CAAC,GAAGtB,KAAK;IAE1B,MAAMuB,OAAO,GAAGA,CAAA,KAAM;MACpBZ,MAAM,CAACa,GAAG,CAAC,OAAO,EAAED,OAAO,CAAC;MAE5B,OAAO,IAAAE,YAAM,EAAC,MAAM;QAClBH,QAAQ,CACN,IAAAI,wBAAe,EAACC,oBAAgB,CAAC,CAAC;UAChC,GAAG3B,KAAK,CAAC4B,sBAAsB,CAAC,CAAC;UACjCC,WAAW,EAAEX,OAAO,CAACY,KAAK,GAAG,CAAC;UAC9BC,QAAQ,EAAEb,OAAO,CAACc,EAAE;UACpBC,YAAY,EACV,CAAAd,OAAO,oBAAPA,OAAO,CAAEW,KAAK,KAAI,IAAI,GAAGX,OAAO,CAACW,KAAK,GAAG,CAAC,GAAGI,SAAS;UACxDC,SAAS,EAAEhB,OAAO,oBAAPA,OAAO,CAAEa,EAAE;UACtBI,OAAO,EAAEhB,KAAK,CAACiB,MAAM;UACrBhB;QACF,CAAC,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC;IAEDV,MAAM,CAAC2B,EAAE,CAAC,OAAO,EAAEf,OAAO,CAAC;EAC7B;AACF;AAACgB,OAAA,CAAA7C,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_TabsResponsiveState","_events","_util","_mobx","_bi","TabsFilterState","constructor","params","_defineProperty2","default","EventEmitter","observable","map","deep","table","responsive","TabsResponsiveState","container","makeObservable","registerTabTotal","action","pruneTabTotals","_tabTotalKey","filter","key","name","totalState","totalKey","_tabTotals","set","retainResolvedTotal","reaction","resolvedTotal","total","_lastResolvedTabTotals","fireImmediately","get","delete","tabTotalOf","_this$_tabTotals$get","keys","keep","Set","startsWith","has","init","itemsCount","collection","disposers","addEventListener","emitter","ls","events","listeners","l","forEach","d","_reportTabSelectedBiOnNextResult","nextTab","prevTab","items","hasAllTab","reportBi","onFetch","off","withoutDefaults","cairoTabSelected","_commonDynamicBiParams","newTabIndex","index","newTabId","id","prevTabIndex","undefined","prevTabId","numTabs","length","on","exports"],"sources":["../../../../src/components/TabsFilter/TabsFilterState.ts"],"sourcesContent":["import { Filter, FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { FilterValueTotalState, ToolbarCollectionState } from '../../state';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { action, makeObservable, observable, reaction } from 'mobx';\nimport { cairoTabSelected } from '@wix/bex-core/bi';\n\nexport interface TabsFilterStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\ntype TabsFilterItemBase = {\n  id: string;\n  index: number;\n};\n\nexport class TabsFilterState<T, F extends FiltersMap> {\n  readonly table;\n  readonly responsive: TabsResponsiveState;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: () => () => unknown;\n  }>;\n\n  readonly _tabTotals = observable.map<\n    string,\n    FilterValueTotalState<any, any, any>\n  >([], { deep: false });\n\n  readonly _lastResolvedTabTotals = observable.map<string, number>();\n\n  constructor(params: Readonly<TabsFilterStateParams<T, F>>) {\n    this.table = params.table;\n    this.responsive = new TabsResponsiveState({\n      container: this.table.container,\n    });\n\n    makeObservable(this, {\n      registerTabTotal: action,\n      pruneTabTotals: action,\n    });\n  }\n\n  _tabTotalKey(filter: Filter<any>, key: string) {\n    return `${filter.name}:${key}`;\n  }\n\n  registerTabTotal(\n    filter: Filter<any>,\n    key: string,\n    totalState: FilterValueTotalState<any, any, any>,\n  ) {\n    const totalKey = this._tabTotalKey(filter, key);\n    this._tabTotals.set(totalKey, totalState);\n\n    const retainResolvedTotal = reaction(\n      () => totalState.resolvedTotal,\n      action((total: number | undefined) => {\n        if (total != null) {\n          this._lastResolvedTabTotals.set(totalKey, total);\n        }\n      }),\n      { fireImmediately: true },\n    );\n\n    return action(() => {\n      retainResolvedTotal();\n\n      if (this._tabTotals.get(totalKey) === totalState) {\n        this._tabTotals.delete(totalKey);\n      }\n    });\n  }\n\n  tabTotalOf(filter: Filter<any>, key: string): number | undefined {\n    const totalKey = this._tabTotalKey(filter, key);\n\n    return (\n      this._tabTotals.get(totalKey)?.resolvedTotal ??\n      this._lastResolvedTabTotals.get(totalKey)\n    );\n  }\n\n  pruneTabTotals(filter: Filter<any>, keys: string[]) {\n    const keep = new Set(keys.map((key) => this._tabTotalKey(filter, key)));\n\n    for (const totalKey of [...this._lastResolvedTabTotals.keys()]) {\n      if (totalKey.startsWith(`${filter.name}:`) && !keep.has(totalKey)) {\n        this._lastResolvedTabTotals.delete(totalKey);\n      }\n    }\n  }\n\n  init({\n    container,\n    itemsCount,\n  }: {\n    container?: HTMLDivElement;\n    itemsCount: number;\n  }) {\n    const { collection } = this.table;\n\n    const disposers = [\n      addEventListener(collection.emitter, 'fetch', () => {\n        const ls = this.events.listeners('fetch').map((l) => l());\n        return () => {\n          ls.forEach((l) => l());\n        };\n      }),\n      this.responsive.init({ container, itemsCount }),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  _reportTabSelectedBiOnNextResult({\n    nextTab,\n    prevTab,\n    items,\n    hasAllTab,\n  }: {\n    prevTab?: TabsFilterItemBase;\n    nextTab: TabsFilterItemBase;\n    items: TabsFilterItemBase[];\n    hasAllTab?: boolean;\n  }) {\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = () => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoTabSelected)({\n            ...table._commonDynamicBiParams(),\n            newTabIndex: nextTab.index + 1,\n            newTabId: nextTab.id,\n            prevTabIndex:\n              prevTab?.index != null ? prevTab.index + 1 : undefined,\n            prevTabId: prevTab?.id,\n            numTabs: items.length,\n            hasAllTab,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n}\n"],"mappings":"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","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_ = "ManageTagsModal1213448534";
+var _namespace_ = "ManageTagsModal32826425";
 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": "ManageTagsModal1213448534__root"
+  "root": "ManageTagsModal32826425__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_ = \"ManageTagsModal1213448534\";\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\":\"ManageTagsModal1213448534__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_ = \"ManageTagsModal32826425\";\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\":\"ManageTagsModal32826425__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 var _TagsModalState = require("../../state/TagsModalState");
 var _useSelector = require("../../useSelector");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TagsWidget/TagsWidgetContent.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ReadonlyTagsWidgetContent = ({
@@ -27,7 +28,7 @@ const ReadonlyTagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 47,
         columnNumber: 7
       }
     }, t('cairo.tags.tagsField.readOnly.emptyState'));
@@ -37,7 +38,7 @@ const ReadonlyTagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, formState.displayedAssignedTags.map(tag => /*#__PURE__*/_react.default.createElement(_designSystem.Tag, {
@@ -48,7 +49,7 @@ const ReadonlyTagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, tag.label)));
@@ -70,6 +71,7 @@ const _TagsWidgetContent = ({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [formState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => state.tagsFormState ?? (state.tagsFormState = new _bexCore.TagsFormState({
     initialTags,
     tagsManagementState: state.tagsManagementState,
@@ -106,7 +108,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 130,
+          lineNumber: 132,
           columnNumber: 25
         }
       })
@@ -148,12 +150,13 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 186,
+        lineNumber: 188,
         columnNumber: 12
       }
     });
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+    size: isBmHarmonyTheme ? 'small' : undefined,
     popoverProps: popoverProps,
     value: formState.searchValue,
     onChange: handleSearchChange,
@@ -167,7 +170,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 204,
+        lineNumber: 207,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -176,7 +179,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 207,
+          lineNumber: 210,
           columnNumber: 27
         }
       }),
@@ -184,7 +187,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 205,
+        lineNumber: 208,
         columnNumber: 13
       }
     }, t('cairo.tags.tagsWidget.add.CTA'))),
@@ -192,14 +195,14 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 216,
+        lineNumber: 219,
         columnNumber: 13
       }
     }, !!tagsOptions.length && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 217,
+        lineNumber: 220,
         columnNumber: 40
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -210,7 +213,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 218,
+        lineNumber: 221,
         columnNumber: 15
       }
     })),
@@ -221,7 +224,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 193,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
@@ -229,7 +232,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 239,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ManageTagsModal, {
@@ -237,7 +240,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 240,
       columnNumber: 9
     }
   })));

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

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

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

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