@wix/patterns 1.184.0 → 1.187.0

package/dist/cjs/components/TabTotal/TabTotalDropdownOption.js

@@ -14,16 +14,21 @@ function _TabTotalDropdownOption(props) {
     totalsCollection: {
       result: {
         total
-      }
+      },
+      initTask
     }
   } = state;
-  return /*#__PURE__*/_react.default.createElement("span", {
+  const {
+    isIdle,
+    isLoading
+  } = initTask.status;
+  return isIdle || isLoading ? null : /*#__PURE__*/_react.default.createElement("span", {
     "data-hook": "total",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
-      columnNumber: 10
+      lineNumber: 29,
+      columnNumber: 39
     }
   }, "(", total, ")");
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalDropdownOption","props","state","useFilterValueTotalState","totalsCollection","result","total","default","createElement","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalDropdownOption","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalDropdownOption.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabTotalDropdownOptionProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalDropdownOption<\n  V,\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n>(props: TabTotalDropdownOptionProps<V, T, F>) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n    },\n  } = state;\n\n  return <span data-hook=\"total\">({total})</span>;\n}\n\n_TabTotalDropdownOption.initTabTotal = initTabTotal;\nexport const TabTotalDropdownOption = observer(_TabTotalDropdownOption);\nTabTotalDropdownOption.displayName = 'TabTotalDropdownOption';\nTabTotalDropdownOption.initTabTotal = initTabTotal;\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAJ,OAAA;AAAwD,IAAAK,YAAA;AAKxD,SAASC,uBAAuBA,CAI9BC,KAA2C,EAAE;EAC7C,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM;IAClB;EACF,CAAC,GAAGJ,KAAK;EAET,oBAAOP,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAAC,EAACP,KAAK,EAAC,GAAO,CAAC;AACjD;AAEAN,uBAAuB,CAACc,YAAY,GAAGA,0BAAY;AAC5C,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACjB,uBAAuB,CAAC;AACvEe,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAC7DH,sBAAsB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalDropdownOption","props","state","useFilterValueTotalState","totalsCollection","result","total","initTask","isIdle","isLoading","status","default","createElement","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalDropdownOption","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalDropdownOption.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabTotalDropdownOptionProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalDropdownOption<\n  V,\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n>(props: TabTotalDropdownOptionProps<V, T, F>) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n      initTask,\n    },\n  } = state;\n\n  const { isIdle, isLoading } = initTask.status;\n\n  return isIdle || isLoading ? null : <span data-hook=\"total\">({total})</span>;\n}\n\n_TabTotalDropdownOption.initTabTotal = initTabTotal;\nexport const TabTotalDropdownOption = observer(_TabTotalDropdownOption);\nTabTotalDropdownOption.displayName = 'TabTotalDropdownOption';\nTabTotalDropdownOption.initTabTotal = initTabTotal;\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAJ,OAAA;AAAwD,IAAAK,YAAA;AAKxD,SAASC,uBAAuBA,CAI9BC,KAA2C,EAAE;EAC7C,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM,CAAC;MACjBC;IACF;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM,MAAM;IAAEC;EAAU,CAAC,GAAGF,QAAQ,CAACG,MAAM;EAE7C,OAAOF,MAAM,IAAIC,SAAS,GAAG,IAAI,gBAAGd,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAAC,EAACX,KAAK,EAAC,GAAO,CAAC;AAC9E;AAEAN,uBAAuB,CAACkB,YAAY,GAAGA,0BAAY;AAC5C,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACrB,uBAAuB,CAAC;AACvEmB,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAC7DH,sBAAsB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}

package/dist/cjs/components/TabTotal/TabTotalParens.js

@@ -15,15 +15,20 @@ function _TabTotalParens(props) {
     totalsCollection: {
       result: {
         total
-      }
+      },
+      initTask
     }
   } = state;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  const {
+    isIdle,
+    isLoading
+  } = initTask.status;
+  return isIdle || isLoading ? null : /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 29,
       columnNumber: 5
     }
   }, "(", /*#__PURE__*/_react.default.createElement("span", {
@@ -31,7 +36,7 @@ function _TabTotalParens(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 30,
       columnNumber: 8
     }
   }, total), ")");

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalParens","props","state","useFilterValueTotalState","totalsCollection","result","total","default","createElement","Text","size","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalParens","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalParens.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Text } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabTotalParensProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalParens<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabTotalParensProps<V, T, F>,\n) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n    },\n  } = state;\n\n  return (\n    <Text size=\"small\">\n      (<span data-hook=\"total\">{total}</span>)\n    </Text>\n  );\n}\n\n_TabTotalParens.initTabTotal = initTabTotal;\nexport const TabTotalParens = observer(_TabTotalParens);\nTabTotalParens.displayName = 'TabTotalParens';\nTabTotalParens.initTabTotal = initTabTotal;\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAKxD,SAASC,eAAeA,CACtBC,KAAmC,EACnC;EACA,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM;IAClB;EACF,CAAC,GAAGJ,KAAK;EAET,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAChB,eAAApB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,KAAY,CAAC,KACnC,CAAC;AAEX;AAEAN,eAAe,CAACgB,YAAY,GAAGA,0BAAY;AACpC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACnB,eAAe,CAAC;AACvDiB,cAAc,CAACG,WAAW,GAAG,gBAAgB;AAC7CH,cAAc,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalParens","props","state","useFilterValueTotalState","totalsCollection","result","total","initTask","isIdle","isLoading","status","default","createElement","Text","size","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalParens","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalParens.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Text } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabTotalParensProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalParens<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabTotalParensProps<V, T, F>,\n) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n      initTask,\n    },\n  } = state;\n\n  const { isIdle, isLoading } = initTask.status;\n\n  return isIdle || isLoading ? null : (\n    <Text size=\"small\">\n      (<span data-hook=\"total\">{total}</span>)\n    </Text>\n  );\n}\n\n_TabTotalParens.initTabTotal = initTabTotal;\nexport const TabTotalParens = observer(_TabTotalParens);\nTabTotalParens.displayName = 'TabTotalParens';\nTabTotalParens.initTabTotal = initTabTotal;\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAKxD,SAASC,eAAeA,CACtBC,KAAmC,EACnC;EACA,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM,CAAC;MACjBC;IACF;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM,MAAM;IAAEC;EAAU,CAAC,GAAGF,QAAQ,CAACG,MAAM;EAE7C,OAAOF,MAAM,IAAIC,SAAS,GAAG,IAAI,gBAC/Bd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,IAAI;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAChB,eAAAxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEb,KAAY,CAAC,KACnC,CACP;AACH;AAEAN,eAAe,CAACoB,YAAY,GAAGA,0BAAY;AACpC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACvB,eAAe,CAAC;AACvDqB,cAAc,CAACG,WAAW,GAAG,gBAAgB;AAC7CH,cAAc,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}

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

@@ -33,20 +33,25 @@ function _TabsDropdown(props) {
     container: container.current,
     itemsCount: items.length
   }), []);
+  const {
+    isLoading,
+    isIdle
+  } = table.initTask.status;
+  const hideCounterBadge = isLoading || isIdle;
   const options = _react.default.useMemo(() => items.map(item => (0, _designSystem.listItemSelectBuilder)({
     id: item.id,
     title: item.name,
     label: item.name,
-    suffix: /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
+    suffix: hideCounterBadge ? undefined : /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
       value: dataProp.find(data => itemKey(data) === item.id),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 55,
         columnNumber: 13
       }
     })
-  })), [items]);
+  })), [items, hideCounterBadge]);
   const {
     dropdownSelect,
     init
@@ -61,7 +66,7 @@ function _TabsDropdown(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_SingleSelectFilterBase.SingleSelectFilterBase, {
@@ -78,12 +83,12 @@ function _TabsDropdown(props) {
         filter.refresh(values);
       }
     },
-    suffix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+    suffix: hideCounterBadge ? undefined : /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
-        columnNumber: 11
+        lineNumber: 93,
+        columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
       key: selectedId,
@@ -91,14 +96,14 @@ function _TabsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
-        columnNumber: 13
+        lineNumber: 94,
+        columnNumber: 15
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 72,
       columnNumber: 7
     }
   }));

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

@@ -1 +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","hasOwnProperty","call","i","set","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","options","React","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, useRef, 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 = 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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","ignoreList":[]}
+{"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","hasOwnProperty","call","i","set","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","isLoading","isIdle","initTask","status","hideCounterBadge","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","undefined","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, useRef, 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 = 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 { isLoading, isIdle } = table.initTask.status;\n  const hideCounterBadge = isLoading || isIdle;\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: hideCounterBadge ? undefined : (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items, hideCounterBadge],\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          hideCounterBadge ? undefined : (\n            <Input.Affix>\n              <TabTotalDropdownOption\n                key={selectedId}\n                value={dataProp.find((value) => itemKey(value) === selectedId)}\n              />\n            </Input.Affix>\n          )\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,6 +14,7 @@ var _TabsFilterStCss = require("./TabsFilter.st.css.js");
 var _TabsDropdown = require("./TabsDropdown");
 var _types = require("./types");
 var _TabsDefault = require("./TabsDefault");
+var _useFilterValueTotalState = require("../TabTotal/useFilterValueTotalState");
 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 && {}.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; }
@@ -32,6 +33,10 @@ function _TabsFilter(props) {
     itemName
   } = filter;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const filterAllValueTotal = (0, _useFilterValueTotalState.useFilterValueTotalState)({
+    ...props,
+    value: undefined
+  });
   const container = _react.default.useRef();
   const [state] = (0, _react.useState)(() => table.tabs ?? (table.tabs = new _TabsFilterState.TabsFilterState({
     table
@@ -46,6 +51,22 @@ function _TabsFilter(props) {
   const {
     responsive
   } = state;
+  const isAllCounterBadgeLoading = (0, _react.useMemo)(() => {
+    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;
+    const {
+      isLoading,
+      isIdle
+    } = allStatus;
+    return isLoading || isIdle;
+  }, [filterAllValueTotal.totalsCollection.initTask.status]);
+  const isTableLoading = (0, _react.useMemo)(() => {
+    const {
+      isLoading,
+      isIdle
+    } = table.initTask.status;
+    return isLoading || isIdle;
+  }, [table.initTask.status]);
+  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;
   const items = (0, _react.useMemo)(() => {
     const _mergedItems = dataProp.map((value, index) => {
       return {
@@ -56,11 +77,11 @@ function _TabsFilter(props) {
           state: responsive,
           text: itemName(value),
           value: value,
-          counterBadge: counterBadge,
+          counterBadge: hideCounterBadge ? undefined : counterBadge,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 104,
+            lineNumber: 122,
             columnNumber: 11
           }
         }),
@@ -83,11 +104,11 @@ function _TabsFilter(props) {
         state: responsive,
         text: all,
         value: undefined,
-        counterBadge: counterBadge,
+        counterBadge: hideCounterBadge ? undefined : counterBadge,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 129,
+          lineNumber: 147,
           columnNumber: 9
         }
       })
@@ -97,7 +118,7 @@ function _TabsFilter(props) {
       minWidth: responsive.itemsMinWidths[index],
       index
     }));
-  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);
+  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);
   (0, _react.useEffect)(() => state.init({
     container: container.current,
     itemsCount: items.length
@@ -108,7 +129,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 182,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -122,7 +143,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 183,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -134,7 +155,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 192,
       columnNumber: 9
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -149,7 +170,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 200,
       columnNumber: 13
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -160,7 +181,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 211,
       columnNumber: 13
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","items","useMemo","_mergedItems","map","value","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","undefined","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of 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 **Design** tab.\n   * @external\n   */\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      return {\n        id: itemKey(value),\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            counterBadge={counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          counterBadge={counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        <div\n          ref={(node) => {\n            if (node) {\n              container.current = node;\n            }\n          }}\n        >\n          {responsive.mode === 'tabs' ? (\n            <TabsDefault\n              items={items}\n              data={dataProp}\n              filter={filter}\n              selectedId={selectedId}\n              state={state}\n              onChange={onChange}\n              type={type}\n              all={all}\n            />\n          ) : (\n            <TabsDropdown\n              filter={filter}\n              data={dataProp}\n              items={items}\n              selectedId={selectedId}\n            />\n          )}\n        </div>\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","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';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\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 **Design** tab.\n   * @external\n   */\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n  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 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={hideCounterBadge ? undefined : 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={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  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        <div\n          ref={(node) => {\n            if (node) {\n              container.current = node;\n            }\n          }}\n        >\n          {responsive.mode === 'tabs' ? (\n            <TabsDefault\n              items={items}\n              data={dataProp}\n              filter={filter}\n              selectedId={selectedId}\n              state={state}\n              onChange={onChange}\n              type={type}\n              all={all}\n            />\n          ) : (\n            <TabsDropdown\n              filter={filter}\n              data={dataProp}\n              items={items}\n              selectedId={selectedId}\n            />\n          )}\n        </div>\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter1645828094";
+var _namespace_ = "TabsFilter4243561556";
 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": "TabsFilter1645828094__root",
-  "title": "TabsFilter1645828094__title"
+  "root": "TabsFilter4243561556__root",
+  "title": "TabsFilter4243561556__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -59,7 +59,8 @@ function TabsFilterUniDriver(base, body) {
      * @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)
+    dropdown: () => (0, _unidriver.InputWithOptionsUniDriver)(base.$('[data-hook="tabs-dropdown"]'), body),
+    tabsBadgesExists: () => getTabs().at(0).$('[data-hook="title-badge"]').exists()
   };
 }
 var _default = exports.default = TabsFilterUniDriver;

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

@@ -1 +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","ignoreList":[]}
+{"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","tabsBadgesExists","at","exists","_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    tabsBadgesExists: () =>\n      getTabs().at(0).$('[data-hook=\"title-badge\"]').exists(),\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,CAAC;IAExE4B,gBAAgB,EAAEA,CAAA,KAChBvB,OAAO,CAAC,CAAC,CAACwB,EAAE,CAAC,CAAC,CAAC,CAAC3B,CAAC,CAAC,2BAA2B,CAAC,CAAC4B,MAAM,CAAC;EAC1D,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcnC,mBAAmB","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_ = "ManageTagsModal945773547";
+var _namespace_ = "ManageTagsModal2949804008";
 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": "ManageTagsModal945773547__root"
+  "root": "ManageTagsModal2949804008__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_ = \"ManageTagsModal945773547\";\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\":\"ManageTagsModal945773547__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/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_ = \"ManageTagsModal2949804008\";\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\":\"ManageTagsModal2949804008__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "ToolbarItem1450650177";
+var _namespace_ = "ToolbarItem1627583494";
 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": "ToolbarItem1450650177__root"
+  "root": "ToolbarItem1627583494__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

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

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

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

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3350470805";
+var _namespace_ = "common2445661955";
 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": "common3350470805__root",
-  "column": "common3350470805__column",
-  "fullHeight": "common3350470805__fullHeight"
+  "root": "common2445661955__root",
+  "column": "common2445661955__column",
+  "fullHeight": "common2445661955__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/exports/components.js

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