@wix/patterns 1.2.0 → 1.4.0

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem3051680425";
+var _namespace_ = "PickerTableListItem270992690";
 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": "PickerTableListItem3051680425__root"
+  "root": "PickerTableListItem270992690__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3051680425\";\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\":\"PickerTableListItem3051680425__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem270992690\";\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\":\"PickerTableListItem270992690__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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/RadioGroupFilter/RadioGroupFilter.js

@@ -57,7 +57,7 @@ function _RadioGroupFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 58,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup, {
@@ -74,7 +74,7 @@ function _RadioGroupFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 63,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
@@ -83,7 +83,7 @@ function _RadioGroupFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 77,
       columnNumber: 9
     }
   }, defaultValue.name), keyedItems.map((keyedItem, index) => {
@@ -96,7 +96,7 @@ function _RadioGroupFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 87,
         columnNumber: 13
       }
     }), (radioProps == null ? void 0 : radioProps.children) ?? filter.itemName(keyedItem.item));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_hooks","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_RadioGroupFilter","props","_selectedValues$","filter","data","renderItem","dropdownSelect","init","useDropdownSelectFilterState","select","selectedValues","container","translate","defaultValue","id","name","useEffect","keyedItems","useMemo","map","item","index","key","itemKey","indexWithinPage","pageIndex","createElement","Box","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","RadioGroup","value","onChange","v","toString","clear","newItem","find","setSingle","Radio","keyedItem","radioProps","_extends2","children","itemName","RadioGroupFilter","exports","observer"],"sources":["../../../../src/components/RadioGroupFilter/RadioGroupFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useDropdownSelectFilterState } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { Box, RadioGroup, RadioProps } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\n\nexport interface RadioGroupFilterProps<V> extends FilterProps<V[]> {\n  /**\n   * List of items to select from\n   * @external\n   */\n  data: V[];\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<RadioProps>>;\n}\n\nfunction _RadioGroupFilter<V>(props: RadioGroupFilterProps<V>) {\n  const { filter, data = [], renderItem } = props;\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const defaultValue = { id: 'all', name: t('cairo.filtersPanel.default.All') };\n\n  useEffect(() => {\n    return init();\n  }, []);\n\n  const keyedItems = useMemo(\n    () =>\n      data.map((item, index) => {\n        const key = filter.itemKey(item);\n        return {\n          id: key,\n          key,\n          item,\n          index,\n          indexWithinPage: index,\n          pageIndex: 0,\n        };\n      }),\n    [data],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP2\"\n      dataHook={`radio-group-filter-${filter.name}`}\n    >\n      <RadioGroup\n        dataHook=\"radio-group-filter-group\"\n        value={selectedValues[0]?.key || defaultValue.id}\n        onChange={(v) => {\n          if (v?.toString() === defaultValue.id) {\n            dropdownSelect.clear();\n          } else {\n            const newItem = keyedItems.find(\n              (item) => item.key === v?.toString(),\n            );\n            newItem && dropdownSelect.setSingle(newItem as KeyedItem<V>);\n          }\n        }}\n      >\n        <RadioGroup.Radio\n          value={defaultValue.id}\n          dataHook=\"radio-group-filter-option-all\"\n        >\n          {defaultValue.name}\n        </RadioGroup.Radio>\n        {keyedItems.map((keyedItem, index) => {\n          const radioProps = renderItem?.(keyedItem.item, index);\n          const key = keyedItem.key;\n          return (\n            <RadioGroup.Radio\n              {...radioProps}\n              key={key}\n              value={key}\n              dataHook={`radio-group-filter-option-${key}`}\n            >\n              {radioProps?.children ?? filter.itemName(keyedItem.item)}\n            </RadioGroup.Radio>\n          );\n        })}\n      </RadioGroup>\n    </Box>\n  );\n}\n\nexport const RadioGroupFilter = observer(_RadioGroupFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_hooks","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_RadioGroupFilter","props","_selectedValues$","filter","data","renderItem","dropdownSelect","init","useDropdownSelectFilterState","select","selectedValues","container","translate","defaultValue","id","name","useEffect","keyedItems","useMemo","map","item","index","key","itemKey","indexWithinPage","pageIndex","createElement","Box","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","RadioGroup","value","onChange","v","toString","clear","newItem","find","setSingle","Radio","keyedItem","radioProps","_extends2","children","itemName","RadioGroupFilter","exports","observer"],"sources":["../../../../src/components/RadioGroupFilter/RadioGroupFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useDropdownSelectFilterState } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { Box, RadioGroup, RadioProps } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\n\nexport interface RadioGroupFilterProps<V> extends FilterProps<V[]> {\n  /**\n   * List of items to select from\n   * @external\n   */\n  data: V[];\n  /**\n   * A function that returns Radio props for rendering each item\n   * @external\n   */\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<RadioProps>>;\n}\n\nfunction _RadioGroupFilter<V>(props: RadioGroupFilterProps<V>) {\n  const { filter, data = [], renderItem } = props;\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const defaultValue = { id: 'all', name: t('cairo.filtersPanel.default.All') };\n\n  useEffect(() => {\n    return init();\n  }, []);\n\n  const keyedItems = useMemo(\n    () =>\n      data.map((item, index) => {\n        const key = filter.itemKey(item);\n        return {\n          id: key,\n          key,\n          item,\n          index,\n          indexWithinPage: index,\n          pageIndex: 0,\n        };\n      }),\n    [data],\n  );\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP2\"\n      dataHook={`radio-group-filter-${filter.name}`}\n    >\n      <RadioGroup\n        dataHook=\"radio-group-filter-group\"\n        value={selectedValues[0]?.key || defaultValue.id}\n        onChange={(v) => {\n          if (v?.toString() === defaultValue.id) {\n            dropdownSelect.clear();\n          } else {\n            const newItem = keyedItems.find(\n              (item) => item.key === v?.toString(),\n            );\n            newItem && dropdownSelect.setSingle(newItem as KeyedItem<V>);\n          }\n        }}\n      >\n        <RadioGroup.Radio\n          value={defaultValue.id}\n          dataHook=\"radio-group-filter-option-all\"\n        >\n          {defaultValue.name}\n        </RadioGroup.Radio>\n        {keyedItems.map((keyedItem, index) => {\n          const radioProps = renderItem?.(keyedItem.item, index);\n          const key = keyedItem.key;\n          return (\n            <RadioGroup.Radio\n              {...radioProps}\n              key={key}\n              value={key}\n              dataHook={`radio-group-filter-option-${key}`}\n            >\n              {radioProps?.children ?? filter.itemName(keyedItem.item)}\n            </RadioGroup.Radio>\n          );\n        })}\n      </RadioGroup>\n    </Box>\n  );\n}\n\nexport const RadioGroupFilter = observer(_RadioGroupFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent871863361";
+var _namespace_ = "ScrollableContent1704740860";
 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": "ScrollableContent871863361__root"
+  "root": "ScrollableContent1704740860__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent871863361\";\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\":\"ScrollableContent871863361__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1704740860\";\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\":\"ScrollableContent1704740860__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SingleSelectFilter/SingleSelectFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_SingleSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_SingleSelectFilter","props","filter","collection","renderItem","renderSection","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","useBuildGroupedOptions","items","map","useBuildOption","createElement","SingleSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilter","exports","observer"],"sources":["../../../../src/components/SingleSelectFilter/SingleSelectFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  SingleSelectFilterBase,\n  SingleSelectFilterBaseProps,\n} from '../SingleSelectFilterBase';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface SingleSelectFilterProps<V, F extends FiltersMap>\n  extends Omit<\n      SingleSelectFilterBaseProps<V>,\n      'keyedItems' | 'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](/pages/cairo/?path=/story/common-hooks--usefiltercollection) or [useStaticListFilterCollection](/pages/cairo/?path=/story/common-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{sectionId?: string}`<br/>\n   * (Optional)\n   * @external\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected (see sections example). <br/>\n   * (Optional)\n   * @external\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n}\n\nfunction _SingleSelectFilter<V, F extends FiltersMap>(\n  props: SingleSelectFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, renderSection, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      useBuildGroupedOptions({\n        items: keyedItems.map(\n          useBuildOption({\n            filter,\n            renderItem,\n          }),\n        ),\n        renderSection,\n      }),\n      {\n        collection,\n      },\n    );\n\n  return (\n    <SingleSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      options={options}\n      renderItem={renderItem}\n      dropdownSelect={dropdownSelect}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const SingleSelectFilter = observer(_SingleSelectFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_SingleSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_SingleSelectFilter","props","filter","collection","renderItem","renderSection","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","useBuildGroupedOptions","items","map","useBuildOption","createElement","SingleSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilter","exports","observer"],"sources":["../../../../src/components/SingleSelectFilter/SingleSelectFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  SingleSelectFilterBase,\n  SingleSelectFilterBaseProps,\n} from '../SingleSelectFilterBase';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface SingleSelectFilterProps<V, F extends FiltersMap>\n  extends Omit<\n      SingleSelectFilterBaseProps<V>,\n      'keyedItems' | 'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * Collection state object to fetch the items for the dropdown list.<br>\n   * Create using [useFilterCollection](./?path=%2Fstory%2Fcommon-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=%2Fstory%2Fcommon-hooks--usestaticlistfiltercollection).\n   * @external\n   */\n  collection: CollectionState<V, F>;\n\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{sectionId?: string}`<br/>\n   * (Optional)\n   * @external\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected (see sections example). <br/>\n   * (Optional)\n   * @external\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n}\n\nfunction _SingleSelectFilter<V, F extends FiltersMap>(\n  props: SingleSelectFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, renderSection, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      useBuildGroupedOptions({\n        items: keyedItems.map(\n          useBuildOption({\n            filter,\n            renderItem,\n          }),\n        ),\n        renderSection,\n      }),\n      {\n        collection,\n      },\n    );\n\n  return (\n    <SingleSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      options={options}\n      renderItem={renderItem}\n      dropdownSelect={dropdownSelect}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const SingleSelectFilter = observer(_SingleSelectFilter);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard1736745282";
+var _namespace_ = "SkeletonCard4174103827";
 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": "SkeletonCard1736745282__root",
-  "headerLoading": "SkeletonCard1736745282__headerLoading"
+  "root": "SkeletonCard4174103827__root",
+  "headerLoading": "SkeletonCard4174103827__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1736745282\";\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\":\"SkeletonCard1736745282__root\",\"headerLoading\":\"SkeletonCard1736745282__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard4174103827\";\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\":\"SkeletonCard4174103827__root\",\"headerLoading\":\"SkeletonCard4174103827__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SlidingModal/SlidingModal.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_ = "SlidingModal1925921167";
+var _namespace_ = "SlidingModal2022521490";
 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": "SlidingModal1925921167__root"
+  "root": "SlidingModal2022521490__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1925921167\";\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\":\"SlidingModal1925921167__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2022521490\";\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\":\"SlidingModal2022521490__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SummaryBar/SummaryBar.js

@@ -16,7 +16,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 44,
+    lineNumber: 49,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -26,7 +26,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 45,
+    lineNumber: 50,
     columnNumber: 5
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -34,7 +34,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 46,
+    lineNumber: 51,
     columnNumber: 7
   }
 }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -42,7 +42,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 47,
+    lineNumber: 52,
     columnNumber: 7
   }
 }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -50,7 +50,7 @@ const SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_desi
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 48,
+    lineNumber: 53,
     columnNumber: 7
   }
 })));
@@ -68,7 +68,7 @@ const ErrorSummaryBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 67,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -80,7 +80,7 @@ const ErrorSummaryBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 68,
       columnNumber: 7
     }
   }, t('cairo.table.summaryBar.loadError')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -91,7 +91,7 @@ const ErrorSummaryBar = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 77,
       columnNumber: 7
     }
   }, t('cairo.table.summaryBar.loadError.cta')));
@@ -109,7 +109,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, data.map(({
@@ -120,14 +120,14 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 96,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -135,14 +135,14 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 98,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 99,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -154,7 +154,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 100,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -171,7 +171,7 @@ const SummaryBarContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 110,
+          lineNumber: 115,
           columnNumber: 25
         }
       })
@@ -179,14 +179,14 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 107,
       columnNumber: 19
     }
   }))))), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 123,
       columnNumber: 11
     }
   }, index !== data.length - 1 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -194,7 +194,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 125,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -203,7 +203,7 @@ const SummaryBarContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 126,
       columnNumber: 17
     }
   }))))));
@@ -219,7 +219,7 @@ const _SummaryBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 139,
         columnNumber: 14
       }
     }),
@@ -228,7 +228,7 @@ const _SummaryBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 140,
         columnNumber: 12
       }
     }),
@@ -237,7 +237,7 @@ const _SummaryBar = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136,
+        lineNumber: 141,
         columnNumber: 14
       }
     })
@@ -247,7 +247,7 @@ const _SummaryBar = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 145,
       columnNumber: 5
     }
   }, contentByStatus[status]);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useSelector","_Trans","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkeletonSummaryBar","createElement","SkeletonGroup","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","height","verticalAlign","SkeletonLine","width","ErrorSummaryBar","onRetry","translate","container","useWixPatternsContainer","useSelector","initTask","status","Text","weight","size","skin","secondary","TextButton","onClick","SummaryBarContent","data","TableToolbar","ItemGroup","map","title","value","index","Fragment","key","Item","Trans","i18nKey","values","components","length","Divider","direction","_SummaryBar","props","contentByStatus","loading","error","success","Table","SubToolbar","SummaryBar","exports","observer"],"sources":["../../../../src/components/SummaryBar/SummaryBar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { Fragment } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useSelector } from '../../useSelector';\nimport { Trans } from '../Trans';\n\nexport interface SummaryItem {\n  title: string;\n  value: string;\n}\nexport type SummaryBarStatus = 'loading' | 'error' | 'success';\nexport type SummaryData = SummaryItem[];\n\nexport interface SummaryBarProps {\n  /**\n   * Summary data to show\n   * @external\n   */\n  data: SummaryData;\n  /**\n   * The status of component's state. Can be loading, error, or success.\n   * @external\n   * @default success\n   */\n  status: SummaryBarStatus;\n  /**\n   * Function, which will be executed on `Reload` click.\n   * @external\n   */\n  onRetry: () => void | Promise<void>;\n}\n\nconst SkeletonSummaryBar = () => (\n  <SkeletonGroup dataHook=\"skeleton-summary-bar\">\n    <Box gap=\"SP4\" height=\"18px\" verticalAlign=\"middle\">\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n    </Box>\n  </SkeletonGroup>\n);\n\nconst ErrorSummaryBar = ({\n  onRetry,\n}: {\n  onRetry: SummaryBarProps['onRetry'];\n}) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <Box gap=\"3px\" dataHook=\"error-summary-bar\">\n      <Text\n        weight=\"thin\"\n        size=\"small\"\n        skin=\"standard\"\n        secondary\n        dataHook=\"summary-bar-error-text\"\n      >\n        {t('cairo.table.summaryBar.loadError')}\n      </Text>\n      <TextButton\n        size=\"small\"\n        weight=\"thin\"\n        dataHook=\"summary-bar-retry-button\"\n        onClick={onRetry}\n      >\n        {t('cairo.table.summaryBar.loadError.cta')}\n      </TextButton>\n    </Box>\n  );\n};\n\nconst SummaryBarContent = ({ data }: { data: SummaryBarProps['data'] }) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <TableToolbar.ItemGroup dataHook=\"summary-bar-content\">\n      {data.map(({ title, value }, index) => (\n        <Fragment key={index}>\n          <TableToolbar.Item>\n            <Box gap=\"3px\">\n              <Box>\n                <Text\n                  weight=\"thin\"\n                  size=\"small\"\n                  skin=\"standard\"\n                  secondary\n                  dataHook=\"summary-bar-item\"\n                >\n                  <Trans\n                    i18nKey=\"cairo.table.summaryBar.list.item\"\n                    values={{\n                      title,\n                      value,\n                    }}\n                    components={{\n                      value: (\n                        <Text weight=\"normal\" size=\"small\" skin=\"standard\" />\n                      ),\n                    }}\n                  />\n                </Text>\n              </Box>\n            </Box>\n          </TableToolbar.Item>\n          <TableToolbar.Item>\n            {index !== data.length - 1 && (\n              <Box height=\"18px\">\n                <Divider direction=\"vertical\" dataHook=\"summary-bar-divider\" />\n              </Box>\n            )}\n          </TableToolbar.Item>\n        </Fragment>\n      ))}\n    </TableToolbar.ItemGroup>\n  );\n};\n\nconst _SummaryBar = (props: SummaryBarProps) => {\n  const { data, status, onRetry } = props;\n  const contentByStatus = {\n    loading: <SkeletonSummaryBar />,\n    error: <ErrorSummaryBar onRetry={onRetry} />,\n    success: <SummaryBarContent data={data} />,\n  };\n\n  return (\n    <Table.SubToolbar dataHook=\"summary-bar\">\n      {contentByStatus[status]}\n    </Table.SubToolbar>\n  );\n};\n\nexport const SummaryBar = observer(_SummaryBar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useSelector","_Trans","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkeletonSummaryBar","createElement","SkeletonGroup","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","height","verticalAlign","SkeletonLine","width","ErrorSummaryBar","onRetry","translate","container","useWixPatternsContainer","useSelector","initTask","status","Text","weight","size","skin","secondary","TextButton","onClick","SummaryBarContent","data","TableToolbar","ItemGroup","map","title","value","index","Fragment","key","Item","Trans","i18nKey","values","components","length","Divider","direction","_SummaryBar","props","contentByStatus","loading","error","success","Table","SubToolbar","SummaryBar","exports","observer"],"sources":["../../../../src/components/SummaryBar/SummaryBar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { Fragment } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useSelector } from '../../useSelector';\nimport { Trans } from '../Trans';\n\nexport interface SummaryItem {\n  title: string;\n  value: string;\n}\nexport type SummaryBarStatus = 'loading' | 'error' | 'success';\nexport type SummaryData = SummaryItem[];\n\nexport interface SummaryBarProps {\n  /**\n   * Data to display in the summary bar.\n   * @external\n   */\n  data: SummaryData;\n  /**\n   * Summary bar status.\n   * <br><br>\n   * Supported values:<br>\n   * - `\"success\"`<br>\n   * - `\"loading\"`<br>\n   * - `\"error\"`\n   * @external\n   * @default success\n   */\n  status: SummaryBarStatus;\n  /**\n   * Function that is called every time **Reload** is clicked.\n   * @external\n   */\n  onRetry: () => void | Promise<void>;\n}\n\nconst SkeletonSummaryBar = () => (\n  <SkeletonGroup dataHook=\"skeleton-summary-bar\">\n    <Box gap=\"SP4\" height=\"18px\" verticalAlign=\"middle\">\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n    </Box>\n  </SkeletonGroup>\n);\n\nconst ErrorSummaryBar = ({\n  onRetry,\n}: {\n  onRetry: SummaryBarProps['onRetry'];\n}) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <Box gap=\"3px\" dataHook=\"error-summary-bar\">\n      <Text\n        weight=\"thin\"\n        size=\"small\"\n        skin=\"standard\"\n        secondary\n        dataHook=\"summary-bar-error-text\"\n      >\n        {t('cairo.table.summaryBar.loadError')}\n      </Text>\n      <TextButton\n        size=\"small\"\n        weight=\"thin\"\n        dataHook=\"summary-bar-retry-button\"\n        onClick={onRetry}\n      >\n        {t('cairo.table.summaryBar.loadError.cta')}\n      </TextButton>\n    </Box>\n  );\n};\n\nconst SummaryBarContent = ({ data }: { data: SummaryBarProps['data'] }) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <TableToolbar.ItemGroup dataHook=\"summary-bar-content\">\n      {data.map(({ title, value }, index) => (\n        <Fragment key={index}>\n          <TableToolbar.Item>\n            <Box gap=\"3px\">\n              <Box>\n                <Text\n                  weight=\"thin\"\n                  size=\"small\"\n                  skin=\"standard\"\n                  secondary\n                  dataHook=\"summary-bar-item\"\n                >\n                  <Trans\n                    i18nKey=\"cairo.table.summaryBar.list.item\"\n                    values={{\n                      title,\n                      value,\n                    }}\n                    components={{\n                      value: (\n                        <Text weight=\"normal\" size=\"small\" skin=\"standard\" />\n                      ),\n                    }}\n                  />\n                </Text>\n              </Box>\n            </Box>\n          </TableToolbar.Item>\n          <TableToolbar.Item>\n            {index !== data.length - 1 && (\n              <Box height=\"18px\">\n                <Divider direction=\"vertical\" dataHook=\"summary-bar-divider\" />\n              </Box>\n            )}\n          </TableToolbar.Item>\n        </Fragment>\n      ))}\n    </TableToolbar.ItemGroup>\n  );\n};\n\nconst _SummaryBar = (props: SummaryBarProps) => {\n  const { data, status, onRetry } = props;\n  const contentByStatus = {\n    loading: <SkeletonSummaryBar />,\n    error: <ErrorSummaryBar onRetry={onRetry} />,\n    success: <SummaryBarContent data={data} />,\n  };\n\n  return (\n    <Table.SubToolbar dataHook=\"summary-bar\">\n      {contentByStatus[status]}\n    </Table.SubToolbar>\n  );\n};\n\nexport const SummaryBar = observer(_SummaryBar);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TableVirtual","_react2","_TableCompat","_jsxFileName","Table","props","rowHeight","estimatedRowHeight","isVirtual","tableProps","container","useWixPatternsContainer","internalExperiments","isVirtualExperiment","enabled","rowDetails","default","createElement","TableVirtual","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableVirtual } from './TableVirtual';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { TableCompat } from './TableCompat';\n\nexport interface TableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  /**\n   * A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n   * @external\n   */\n  state: CollectionState<T, F> | TableState<T, F>;\n\n  // a flag to opt out from virtualization\n  isVirtual?: boolean;\n}\n\nexport function Table<T, F extends FiltersMap = FiltersMap>(\n  props: TableProps<T, F>,\n) {\n  const { rowHeight, estimatedRowHeight, isVirtual, ...tableProps } = props;\n  const container = useWixPatternsContainer();\n\n  const { internalExperiments } = container;\n\n  const isVirtualExperiment = internalExperiments?.enabled(\n    'specs.Cairo.TableVirtualizationAsDefault',\n  );\n\n  return isVirtualExperiment && isVirtual !== false && !props.rowDetails ? (\n    <TableVirtual\n      {...tableProps}\n      rowHeight={rowHeight}\n      estimatedRowHeight={estimatedRowHeight}\n    />\n  ) : (\n    <TableCompat {...tableProps} />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAgBrC,SAASC,KAAKA,CACnBC,KAAuB,EACvB;EACA,MAAM;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EACzE,MAAMK,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM;IAAEC;EAAoB,CAAC,GAAGF,SAAS;EAEzC,MAAMG,mBAAmB,GAAGD,mBAAmB,oBAAnBA,mBAAmB,CAAEE,OAAO,CACtD,0CACF,CAAC;EAED,OAAOD,mBAAmB,IAAIL,SAAS,KAAK,KAAK,IAAI,CAACH,KAAK,CAACU,UAAU,gBACpElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MACPP,UAAU;IACdH,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC,gBAEF3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,WAAW,MAAAN,SAAA,CAAAH,OAAA,MAAKP,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC/B;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_TableVirtual","_react2","_TableCompat","_jsxFileName","Table","props","rowHeight","estimatedRowHeight","isVirtual","tableProps","container","useWixPatternsContainer","internalExperiments","isVirtualExperiment","enabled","rowDetails","default","createElement","TableVirtual","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableVirtual } from './TableVirtual';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { TableCompat } from './TableCompat';\n\nexport interface TableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  /**\n   * A collection state instance created using the [useCollection](./?path=/story/common-hooks--usecollection) hook, responsible for managing the data displayed in the table.\n   * @external\n   */\n  state: CollectionState<T, F> | TableState<T, F>;\n\n  // a flag to opt out from virtualization\n  isVirtual?: boolean;\n}\n\nexport function Table<T, F extends FiltersMap = FiltersMap>(\n  props: TableProps<T, F>,\n) {\n  const { rowHeight, estimatedRowHeight, isVirtual, ...tableProps } = props;\n  const container = useWixPatternsContainer();\n\n  const { internalExperiments } = container;\n\n  const isVirtualExperiment = internalExperiments?.enabled(\n    'specs.Cairo.TableVirtualizationAsDefault',\n  );\n\n  return isVirtualExperiment && isVirtual !== false && !props.rowDetails ? (\n    <TableVirtual\n      {...tableProps}\n      rowHeight={rowHeight}\n      estimatedRowHeight={estimatedRowHeight}\n    />\n  ) : (\n    <TableCompat {...tableProps} />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAgBrC,SAASC,KAAKA,CACnBC,KAAuB,EACvB;EACA,MAAM;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EACzE,MAAMK,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM;IAAEC;EAAoB,CAAC,GAAGF,SAAS;EAEzC,MAAMG,mBAAmB,GAAGD,mBAAmB,oBAAnBA,mBAAmB,CAAEE,OAAO,CACtD,0CACF,CAAC;EAED,OAAOD,mBAAmB,IAAIL,SAAS,KAAK,KAAK,IAAI,CAACH,KAAK,CAACU,UAAU,gBACpElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MACPP,UAAU;IACdH,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC,gBAEF3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,WAAW,MAAAN,SAAA,CAAAH,OAAA,MAAKP,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC/B;AACH","ignoreList":[]}

package/dist/cjs/components/Table/TableVirtual.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_ = "TableVirtual3837879508";
+var _namespace_ = "TableVirtual2897528826";
 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": "TableVirtual3837879508__root",
-  "thead": "TableVirtual3837879508__thead"
+  "root": "TableVirtual2897528826__root",
+  "thead": "TableVirtual2897528826__thead"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtual.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Table/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual3837879508\";\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\":\"TableVirtual3837879508__root\",\"thead\":\"TableVirtual3837879508__thead\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,OAAO,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Table/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual2897528826\";\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\":\"TableVirtual2897528826__root\",\"thead\":\"TableVirtual2897528826__thead\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,OAAO,EAAC;AAA+B,CAAC;AAC7F,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":[]}