@wix/patterns 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","React","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","options","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          <Input.Affix>\n            <TabTotalDropdownOption\n              key={selectedId}\n              value={dataProp.find((value) => itemKey(value) === selectedId)}\n            />\n          </Input.Affix>\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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"}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TabsFilter = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobx = require("mobx");
+var _FilterContext = require("../FilterContext");
+var _mobxReactLite = require("mobx-react-lite");
+var _TabTitle = require("./TabTitle");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _TabsFilterState = require("./TabsFilterState");
+var _TabsFilterStCss = require("./TabsFilter.st.css.js");
+var _TabsDropdown = require("./TabsDropdown");
+var _types = require("./types");
+var _TabsDefault = require("./TabsDefault");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabsFilter/TabsFilter.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _TabsFilter(props) {
+  const {
+    type,
+    filter,
+    data: dataProp,
+    all,
+    counterBadge,
+    placeAllTabLast,
+    onChange
+  } = props;
+  const {
+    itemKey,
+    itemName
+  } = filter;
+  const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const container = _react.default.useRef();
+  const [state] = (0, _react.useState)(() => table.tabs ?? (table.tabs = new _TabsFilterState.TabsFilterState({
+    table
+  })));
+  (0, _react.useLayoutEffect)(() => {
+    (0, _mobx.runInAction)(() => {
+      if (filter.persistent == null) {
+        filter.persistent = true;
+      }
+    });
+  }, []);
+  const {
+    responsive
+  } = state;
+  const items = (0, _react.useMemo)(() => {
+    const _mergedItems = dataProp.map((value, index) => {
+      return {
+        id: itemKey(value),
+        name: itemName(value),
+        title: /*#__PURE__*/_react.default.createElement(_TabTitle.TabTitle, {
+          tabIndex: all && !placeAllTabLast ? index + 1 : index,
+          state: responsive,
+          text: itemName(value),
+          value: value,
+          counterBadge: counterBadge,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 97,
+            columnNumber: 11
+          }
+        }),
+        value
+      };
+    });
+    if (!all) {
+      return _mergedItems.map((item, index) => ({
+        ...item,
+        index,
+        minWidth: responsive.itemsMinWidths[index],
+        maxWidth: responsive.itemMaxWidth
+      }));
+    }
+    const allTabItem = {
+      id: _types.ALL_TAB_ITEM_ID,
+      name: all,
+      title: /*#__PURE__*/_react.default.createElement(_TabTitle.TabTitle, {
+        tabIndex: 0,
+        state: responsive,
+        text: all,
+        value: undefined,
+        counterBadge: counterBadge,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 122,
+          columnNumber: 9
+        }
+      })
+    };
+    return (placeAllTabLast ? [..._mergedItems, allTabItem] : [allTabItem, ..._mergedItems]).map((item, index) => ({
+      ...item,
+      minWidth: responsive.itemsMinWidths[index],
+      index
+    }));
+  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);
+  (0, _react.useEffect)(() => state.init({
+    container: container.current,
+    itemsCount: items.length
+  }), []);
+  const selectedId = filter.isEmpty ? _types.ALL_TAB_ITEM_ID : itemKey(filter.value[0]);
+  return /*#__PURE__*/_react.default.createElement(_FilterContext.FilterContextProvider, {
+    value: filter,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 157,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "collection-tabs-filter",
+    className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.root),
+    width: "100%",
+    height: 60,
+    direction: "vertical",
+    verticalAlign: "middle",
+    flexGrow: 1,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: node => {
+      if (node) {
+        container.current = node;
+      }
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 167,
+      columnNumber: 9
+    }
+  }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
+    items: items,
+    data: dataProp,
+    filter: filter,
+    selectedId: selectedId,
+    state: state,
+    onChange: onChange,
+    type: type,
+    all: all,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 175,
+      columnNumber: 13
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
+    filter: filter,
+    data: dataProp,
+    items: items,
+    selectedId: selectedId,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 186,
+      columnNumber: 13
+    }
+  }))));
+}
+const TabsFilter = exports.TabsFilter = (0, _mobxReactLite.observer)(_TabsFilter);
+TabsFilter.displayName = 'TabsFilter';
+//# sourceMappingURL=TabsFilter.js.map

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

@@ -0,0 +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","prototype","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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"}

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

@@ -0,0 +1,3 @@
+.root .title {
+  color: inherit !important;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "TabsFilter2121820939";
+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": "TabsFilter2121820939__root",
+  "title": "TabsFilter2121820939__title"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=TabsFilter.st.css.js.map

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

@@ -0,0 +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_ = \"TabsFilter2121820939\";\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\":\"TabsFilter2121820939__root\",\"title\":\"TabsFilter2121820939__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"}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TabsFilterUniDriver = TabsFilterUniDriver;
+exports.default = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../unidriver");
+function TabsFilterUniDriver(base, body) {
+  const tabsBase = () => base.$('[data-hook="tabs-default"]');
+  const tabsUniDriver = (0, _unidriver.TabsUniDriver)(tabsBase(), body);
+  const getTabs = () => tabsBase().$$('[data-hook="tabs-filter-tab-title"]');
+  const getTabAt = index => getTabs().get(index);
+  return {
+    /**
+     * Wait for tabs filter to render
+     * @param timeout
+     */
+    wait: timeout => base.wait(timeout),
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    /**
+     * Get all tabs titles text
+     */
+    getTitles: () => getTabs().map(e => e.$('[data-hook="title-text"]').text()),
+    /**
+     *
+     * Get all tabs total text (requires <TabTotalParens />)
+     */
+    getParensTotals: () => getTabs().map(e => e.$('[data-hook="title-badge"]').$('[data-hook="total"]').text()),
+    /**
+     * Get all tabs total text (requires <TabTotalCounterBadge />)
+     */
+    getCounterBadgeTotals: () => getTabs().map(e => e.$('[data-hook="title-badge"]').text()),
+    /**
+     * Get the index of the current active tab
+     */
+    getActiveTabIndex: () => tabsUniDriver.getActiveTabIndex(),
+    /**
+     * Click a tab
+     * @param index
+     */
+    clickTabAt: index => tabsUniDriver.clickTabAt(index),
+    /**
+     * Hover a tab
+     * @param index
+     */
+    hoverTabAt: index => getTabAt(index).hover(),
+    /**
+     * Get the title text of a tab
+     * @param index
+     */
+    getTitleTextAt: index => getTabs().get(index).$('[data-hook="title-text"]').text(),
+    /**
+     * Get the total text of a tab (requires <TabTotalCounterBadge />)
+     * @param index
+     */
+    getTotalBadgeTextAt: index => getTabs().get(index).$('[data-hook="title-badge"]').text(),
+    /**
+     * Get the total text of a tab (requires <TabTotalParens />)
+     * @param index
+     */
+    getTotalParensTextAt: index => getTabs().get(index).$('[data-hook="title-badge"]').$('[data-hook="total"]').text(),
+    dropdown: () => (0, _unidriver.InputWithOptionsUniDriver)(base.$('[data-hook="tabs-dropdown"]'), body)
+  };
+}
+var _default = exports.default = TabsFilterUniDriver;
+//# sourceMappingURL=TabsFilter.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","TabsFilterUniDriver","base","body","tabsBase","$","tabsUniDriver","TabsUniDriver","getTabs","$$","getTabAt","index","get","wait","timeout","baseUniDriverFactory","getTitles","map","e","text","getParensTotals","getCounterBadgeTotals","getActiveTabIndex","clickTabAt","hoverTabAt","hover","getTitleTextAt","getTotalBadgeTextAt","getTotalParensTextAt","dropdown","InputWithOptionsUniDriver","_default","exports","default"],"sources":["../../../../src/components/TabsFilter/TabsFilter.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  InputWithOptionsUniDriver,\n  TabsUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function TabsFilterUniDriver(base: UniDriver, body: UniDriver) {\n  const tabsBase = () => base.$('[data-hook=\"tabs-default\"]');\n  const tabsUniDriver = TabsUniDriver(tabsBase(), body);\n\n  const getTabs = () => tabsBase().$$('[data-hook=\"tabs-filter-tab-title\"]');\n\n  const getTabAt = (index: number) => getTabs().get(index);\n\n  return {\n    /**\n     * Wait for tabs filter to render\n     * @param timeout\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    /**\n     * Get all tabs titles text\n     */\n    getTitles: () =>\n      getTabs().map((e) => e.$('[data-hook=\"title-text\"]').text()),\n    /**\n     *\n     * Get all tabs total text (requires <TabTotalParens />)\n     */\n    getParensTotals: () =>\n      getTabs().map((e) =>\n        e.$('[data-hook=\"title-badge\"]').$('[data-hook=\"total\"]').text(),\n      ),\n    /**\n     * Get all tabs total text (requires <TabTotalCounterBadge />)\n     */\n    getCounterBadgeTotals: () =>\n      getTabs().map((e) => e.$('[data-hook=\"title-badge\"]').text()),\n    /**\n     * Get the index of the current active tab\n     */\n    getActiveTabIndex: () => tabsUniDriver.getActiveTabIndex(),\n    /**\n     * Click a tab\n     * @param index\n     */\n    clickTabAt: (index: number) => tabsUniDriver.clickTabAt(index),\n    /**\n     * Hover a tab\n     * @param index\n     */\n    hoverTabAt: (index: number) => getTabAt(index).hover(),\n    /**\n     * Get the title text of a tab\n     * @param index\n     */\n    getTitleTextAt: (index: number) =>\n      getTabs().get(index).$('[data-hook=\"title-text\"]').text(),\n    /**\n     * Get the total text of a tab (requires <TabTotalCounterBadge />)\n     * @param index\n     */\n    getTotalBadgeTextAt: (index: number) =>\n      getTabs().get(index).$('[data-hook=\"title-badge\"]').text(),\n    /**\n     * Get the total text of a tab (requires <TabTotalParens />)\n     * @param index\n     */\n    getTotalParensTextAt: (index: number) =>\n      getTabs()\n        .get(index)\n        .$('[data-hook=\"title-badge\"]')\n        .$('[data-hook=\"total\"]')\n        .text(),\n\n    dropdown: () =>\n      InputWithOptionsUniDriver(base.$('[data-hook=\"tabs-dropdown\"]'), body),\n  };\n}\n\nexport default TabsFilterUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,MAAMC,QAAQ,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,4BAA4B,CAAC;EAC3D,MAAMC,aAAa,GAAG,IAAAC,wBAAa,EAACH,QAAQ,CAAC,CAAC,EAAED,IAAI,CAAC;EAErD,MAAMK,OAAO,GAAGA,CAAA,KAAMJ,QAAQ,CAAC,CAAC,CAACK,EAAE,CAAC,qCAAqC,CAAC;EAE1E,MAAMC,QAAQ,GAAIC,KAAa,IAAKH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC;EAExD,OAAO;IACL;AACJ;AACA;AACA;IACIE,IAAI,EAAGC,OAAgB,IAAKZ,IAAI,CAACW,IAAI,CAACC,OAAO,CAAC;IAC9C,GAAG,IAAAC,gCAAoB,EAACb,IAAI,CAAC;IAC7B;AACJ;AACA;IACIc,SAAS,EAAEA,CAAA,KACTR,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACb,CAAC,CAAC,0BAA0B,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC;IAC9D;AACJ;AACA;AACA;IACIC,eAAe,EAAEA,CAAA,KACfZ,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IACdA,CAAC,CAACb,CAAC,CAAC,2BAA2B,CAAC,CAACA,CAAC,CAAC,qBAAqB,CAAC,CAACc,IAAI,CAAC,CACjE,CAAC;IACH;AACJ;AACA;IACIE,qBAAqB,EAAEA,CAAA,KACrBb,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACb,CAAC,CAAC,2BAA2B,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC;IAC/D;AACJ;AACA;IACIG,iBAAiB,EAAEA,CAAA,KAAMhB,aAAa,CAACgB,iBAAiB,CAAC,CAAC;IAC1D;AACJ;AACA;AACA;IACIC,UAAU,EAAGZ,KAAa,IAAKL,aAAa,CAACiB,UAAU,CAACZ,KAAK,CAAC;IAC9D;AACJ;AACA;AACA;IACIa,UAAU,EAAGb,KAAa,IAAKD,QAAQ,CAACC,KAAK,CAAC,CAACc,KAAK,CAAC,CAAC;IACtD;AACJ;AACA;AACA;IACIC,cAAc,EAAGf,KAAa,IAC5BH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC,CAACN,CAAC,CAAC,0BAA0B,CAAC,CAACc,IAAI,CAAC,CAAC;IAC3D;AACJ;AACA;AACA;IACIQ,mBAAmB,EAAGhB,KAAa,IACjCH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC,CAACN,CAAC,CAAC,2BAA2B,CAAC,CAACc,IAAI,CAAC,CAAC;IAC5D;AACJ;AACA;AACA;IACIS,oBAAoB,EAAGjB,KAAa,IAClCH,OAAO,CAAC,CAAC,CACNI,GAAG,CAACD,KAAK,CAAC,CACVN,CAAC,CAAC,2BAA2B,CAAC,CAC9BA,CAAC,CAAC,qBAAqB,CAAC,CACxBc,IAAI,CAAC,CAAC;IAEXU,QAAQ,EAAEA,CAAA,KACR,IAAAC,oCAAyB,EAAC5B,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC,EAAEF,IAAI;EACzE,CAAC;AACH;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEchC,mBAAmB"}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabsFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _TabsResponsiveState = require("./TabsResponsiveState");
+var _events = require("events");
+var _util = require("@wix/bex-core/util");
+var _mobx = require("mobx");
+var _bi = require("@wix/bex-core/bi");
+class TabsFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "table", void 0);
+    (0, _defineProperty2.default)(this, "responsive", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    this.table = params.table;
+    this.responsive = new _TabsResponsiveState.TabsResponsiveState({
+      container: this.table.container
+    });
+  }
+  init({
+    container,
+    itemsCount
+  }) {
+    const {
+      collection
+    } = this.table;
+    const disposers = [(0, _util.addEventListener)(collection.emitter, 'fetch', () => {
+      const ls = this.events.listeners('fetch').map(l => l());
+      return () => {
+        ls.forEach(l => l());
+      };
+    }), this.responsive.init({
+      container,
+      itemsCount
+    })];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+  _reportTabSelectedBiOnNextResult({
+    nextTab,
+    prevTab,
+    items,
+    hasAllTab
+  }) {
+    const {
+      table,
+      events
+    } = this;
+    const {
+      reportBi
+    } = table;
+    const onFetch = () => {
+      events.off('fetch', onFetch);
+      return (0, _mobx.action)(() => {
+        reportBi((0, _bexCore.withoutDefaults)(_bi.cairoTabSelected)({
+          ...table._commonDynamicBiParams(),
+          newTabIndex: nextTab.index + 1,
+          newTabId: nextTab.id,
+          prevTabIndex: (prevTab == null ? void 0 : prevTab.index) != null ? prevTab.index + 1 : undefined,
+          prevTabId: prevTab == null ? void 0 : prevTab.id,
+          numTabs: items.length,
+          hasAllTab
+        }));
+      });
+    };
+    events.on('fetch', onFetch);
+  }
+}
+exports.TabsFilterState = TabsFilterState;
+//# sourceMappingURL=TabsFilterState.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabsResponsiveState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+class TabsResponsiveState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    // We save the badges in a Map and not in an Array because the badge is optional
+    // on a per-tab basis, but we still need to know the index of each badge.
+    (0, _defineProperty2.default)(this, "badges", new Map());
+    (0, _defineProperty2.default)(this, "mode", 'tabs');
+    (0, _defineProperty2.default)(this, "panelMinWidth", 0);
+    (0, _defineProperty2.default)(this, "itemsCount", 0);
+    (0, _defineProperty2.default)(this, "itemPadding", 32);
+    (0, _defineProperty2.default)(this, "itemMaxWidth", 200);
+    (0, _defineProperty2.default)(this, "itemTextMinWidth", 48);
+    (0, _defineProperty2.default)(this, "itemBadgeMargin", 6);
+    (0, _defineProperty2.default)(this, "itemsMinWidths", []);
+    (0, _defineProperty2.default)(this, "onResizeThrottled", void 0);
+    (0, _defineProperty2.default)(this, "_onResize", (0, _mobx.action)(() => {
+      const {
+        container
+      } = this;
+      if (process.env.NODE_ENV === 'test') {
+        return;
+      }
+      if (!container) {
+        return;
+      }
+      const nextPanelWidth = this.getPanelMinWidth();
+
+      // If the measurements show 0, this means that not all elements have loaded yet,
+      // so we skip such events.
+      if (nextPanelWidth !== 0 && nextPanelWidth > this.panelMinWidth) {
+        this.itemsMinWidths = this.getItemsMinWidth();
+        this.panelMinWidth = nextPanelWidth;
+      }
+
+      // The "container" is a node that wraps both Tabs and Dropdown components (but only
+      // one of them is rendered). It expands for as much space as all its elements
+      // inside need and shrinks down to the smallest possible state of the elements inside.
+      // Basically max-width and min-width with complications.
+      //
+      // Complications here are badges — they don't shrink, only tabs titles shrink.
+      //
+      // The state is switched when the certain container width (aka panelMinWidth) is reached.
+      // It is defined as: itemsCount * (itemMinWidth + itemPadding) + all badges widths.
+      // Tabs is shown when the container width is more or equal than panelMinWidth.
+      // Dropdown is shown when the container width is less than panelMinWidth.
+      if (this.panelMinWidth !== 0 && container.clientWidth < this.panelMinWidth) {
+        this.mode = 'dropdown';
+      } else {
+        this.mode = 'tabs';
+      }
+    }));
+    this.onResizeThrottled = params.container.lodash.throttle(() => requestAnimationFrame(this._onResize), 300);
+    (0, _mobx.makeObservable)(this, {
+      mode: _mobx.observable.ref,
+      panelMinWidth: _mobx.observable.ref
+    });
+  }
+  getBadgesWidth() {
+    return Array.from(this.badges.values()).reduce((sum, badge) => {
+      return sum + badge.clientWidth + this.itemBadgeMargin;
+    }, 0);
+  }
+  getItemsMinWidth() {
+    const {
+      itemTextMinWidth,
+      itemBadgeMargin
+    } = this;
+    return Array.from({
+      length: this.itemsCount
+    }).map((_, index) => {
+      const badge = this.badges.get(index);
+      const maybeBadgeWidth = badge ? badge.clientWidth + itemBadgeMargin : 0;
+      return itemTextMinWidth + maybeBadgeWidth;
+    });
+  }
+  getPanelMinWidth() {
+    const {
+      itemsCount,
+      itemTextMinWidth,
+      itemPadding
+    } = this;
+    const itemMinWidth = itemTextMinWidth + itemPadding;
+    const badgesWidth = this.getBadgesWidth();
+    return itemsCount * itemMinWidth + badgesWidth;
+  }
+  init({
+    container,
+    itemsCount
+  }) {
+    this.container = container;
+    this.itemsCount = itemsCount;
+    const disposer = (0, _bexCore.addResizeObserver)(container, this.onResizeThrottled);
+    this.onResizeThrottled();
+    return () => {
+      disposer == null || disposer();
+    };
+  }
+}
+exports.TabsResponsiveState = TabsResponsiveState;
+//# sourceMappingURL=TabsResponsiveState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","TabsResponsiveState","constructor","params","_defineProperty2","default","Map","action","container","process","env","NODE_ENV","nextPanelWidth","getPanelMinWidth","panelMinWidth","itemsMinWidths","getItemsMinWidth","clientWidth","mode","onResizeThrottled","lodash","throttle","requestAnimationFrame","_onResize","makeObservable","observable","ref","getBadgesWidth","Array","from","badges","values","reduce","sum","badge","itemBadgeMargin","itemTextMinWidth","length","itemsCount","map","_","index","get","maybeBadgeWidth","itemPadding","itemMinWidth","badgesWidth","init","disposer","addResizeObserver","exports"],"sources":["../../../../src/components/TabsFilter/TabsResponsiveState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';\n\nexport interface TabsResponsiveStateParams {\n  container: WixPatternsContainer;\n}\n\nexport class TabsResponsiveState {\n  container?: HTMLDivElement;\n  // We save the badges in a Map and not in an Array because the badge is optional\n  // on a per-tab basis, but we still need to know the index of each badge.\n  badges = new Map<number, HTMLSpanElement>();\n  mode: 'tabs' | 'dropdown' = 'tabs';\n\n  panelMinWidth = 0;\n  itemsCount = 0;\n  itemPadding = 32;\n  itemMaxWidth = 200;\n  itemTextMinWidth = 48;\n  itemBadgeMargin = 6;\n  itemsMinWidths: number[] = [];\n\n  readonly onResizeThrottled;\n\n  constructor(params: TabsResponsiveStateParams) {\n    this.onResizeThrottled = params.container.lodash.throttle(\n      () => requestAnimationFrame(this._onResize),\n      300,\n    );\n\n    makeObservable(this, {\n      mode: observable.ref,\n      panelMinWidth: observable.ref,\n    });\n  }\n\n  getBadgesWidth() {\n    return Array.from(this.badges.values()).reduce((sum, badge) => {\n      return sum + badge.clientWidth + this.itemBadgeMargin;\n    }, 0);\n  }\n\n  getItemsMinWidth() {\n    const { itemTextMinWidth, itemBadgeMargin } = this;\n\n    return Array.from<number>({ length: this.itemsCount }).map((_, index) => {\n      const badge = this.badges.get(index);\n      const maybeBadgeWidth = badge ? badge.clientWidth + itemBadgeMargin : 0;\n\n      return itemTextMinWidth + maybeBadgeWidth;\n    });\n  }\n\n  getPanelMinWidth() {\n    const { itemsCount, itemTextMinWidth, itemPadding } = this;\n\n    const itemMinWidth = itemTextMinWidth + itemPadding;\n    const badgesWidth = this.getBadgesWidth();\n\n    return itemsCount * itemMinWidth + badgesWidth;\n  }\n\n  _onResize = action(() => {\n    const { container } = this;\n\n    if (process.env.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (!container) {\n      return;\n    }\n\n    const nextPanelWidth = this.getPanelMinWidth();\n\n    // If the measurements show 0, this means that not all elements have loaded yet,\n    // so we skip such events.\n    if (nextPanelWidth !== 0 && nextPanelWidth > this.panelMinWidth) {\n      this.itemsMinWidths = this.getItemsMinWidth();\n      this.panelMinWidth = nextPanelWidth;\n    }\n\n    // The \"container\" is a node that wraps both Tabs and Dropdown components (but only\n    // one of them is rendered). It expands for as much space as all its elements\n    // inside need and shrinks down to the smallest possible state of the elements inside.\n    // Basically max-width and min-width with complications.\n    //\n    // Complications here are badges — they don't shrink, only tabs titles shrink.\n    //\n    // The state is switched when the certain container width (aka panelMinWidth) is reached.\n    // It is defined as: itemsCount * (itemMinWidth + itemPadding) + all badges widths.\n    // Tabs is shown when the container width is more or equal than panelMinWidth.\n    // Dropdown is shown when the container width is less than panelMinWidth.\n    if (\n      this.panelMinWidth !== 0 &&\n      container.clientWidth < this.panelMinWidth\n    ) {\n      this.mode = 'dropdown';\n    } else {\n      this.mode = 'tabs';\n    }\n  });\n\n  init({\n    container,\n    itemsCount,\n  }: {\n    container?: HTMLDivElement;\n    itemsCount: number;\n  }) {\n    this.container = container;\n    this.itemsCount = itemsCount;\n\n    const disposer = addResizeObserver(container, this.onResizeThrottled);\n\n    this.onResizeThrottled();\n\n    return () => {\n      disposer?.();\n    };\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _TabsFilter = require("./TabsFilter");
+Object.keys(_TabsFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabsFilter[key]) return;
+  exports[key] = _TabsFilter[key];
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ALL_TAB_ITEM_ID = void 0;
+const ALL_TAB_ITEM_ID = exports.ALL_TAB_ITEM_ID = '__cairo_all_tab_item';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ALL_TAB_ITEM_ID","exports"],"sources":["../../../../src/components/TabsFilter/types.ts"],"sourcesContent":["import { TabsProps } from '@wix/design-system';\n\nexport const ALL_TAB_ITEM_ID = '__cairo_all_tab_item';\n\nexport type TabsFilterItemBase = Omit<TabsProps['items'][number], 'id'> & {\n  id: string;\n  index: number;\n  name: string;\n};\n\nexport type TabsFilterItem<V> = TabsFilterItemBase & {\n  value: V;\n};\n"],"mappings":";;;;AAEO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,sBAAsB"}