@wix/patterns 1.35.0 → 1.36.0

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  /**\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":[]}
+{"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","displayName"],"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\nRadioGroupFilter.displayName = '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_ = "ScrollableContent1542969335";
+var _namespace_ = "ScrollableContent3662242936";
 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": "ScrollableContent1542969335__root"
+  "root": "ScrollableContent3662242936__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_ = \"ScrollableContent1542969335\";\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\":\"ScrollableContent1542969335__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":[]}
+{"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_ = \"ScrollableContent3662242936\";\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\":\"ScrollableContent3662242936__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/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_ = "SkeletonCard1662108184";
+var _namespace_ = "SkeletonCard1595984482";
 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": "SkeletonCard1662108184__root",
-  "headerLoading": "SkeletonCard1662108184__headerLoading"
+  "root": "SkeletonCard1595984482__root",
+  "headerLoading": "SkeletonCard1595984482__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_ = \"SkeletonCard1662108184\";\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\":\"SkeletonCard1662108184__root\",\"headerLoading\":\"SkeletonCard1662108184__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_ = \"SkeletonCard1595984482\";\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\":\"SkeletonCard1595984482__root\",\"headerLoading\":\"SkeletonCard1595984482__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_ = "SlidingModal1027948452";
+var _namespace_ = "SlidingModal4233062486";
 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": "SlidingModal1027948452__root"
+  "root": "SlidingModal4233062486__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_ = \"SlidingModal1027948452\";\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\":\"SlidingModal1027948452__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_ = \"SlidingModal4233062486\";\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\":\"SlidingModal4233062486__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/Table/TableVirtualHeader.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_ = "TableVirtualHeader1332521768";
+var _namespace_ = "TableVirtualHeader1411383285";
 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": "TableVirtualHeader1332521768__root"
+  "root": "TableVirtualHeader1411383285__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtualHeader.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/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader1332521768\";\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\":\"TableVirtualHeader1332521768__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":[]}
+{"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/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader1411383285\";\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\":\"TableVirtualHeader1411383285__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/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_ = "TabsFilter3422802401";
+var _namespace_ = "TabsFilter3522418892";
 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": "TabsFilter3422802401__root",
-  "title": "TabsFilter3422802401__title"
+  "root": "TabsFilter3522418892__root",
+  "title": "TabsFilter3522418892__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_ = \"TabsFilter3422802401\";\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\":\"TabsFilter3422802401__root\",\"title\":\"TabsFilter3422802401__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_ = \"TabsFilter3522418892\";\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\":\"TabsFilter3522418892__root\",\"title\":\"TabsFilter3522418892__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

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

package/dist/cjs/components/VirtualGridRepeater/ForceRenderIndexes.js

@@ -20,7 +20,10 @@ function _ForceRenderIndexes({
       forceRenderIndexes,
       listAttributes
     },
-    gridRef
+    gridRef,
+    calcGridProps: {
+      columnCount
+    }
   } = state;
   if (process.env.NODE_ENV !== 'production') {
     if (gridRef) {
@@ -29,10 +32,9 @@ function _ForceRenderIndexes({
       }
     }
   }
-  const forceRenderElements = gridRef && (forceRenderIndexes == null ? void 0 : forceRenderIndexes.map(({
-    rowIndex,
-    columnIndex
-  }) => {
+  const forceRenderElements = gridRef && (forceRenderIndexes == null ? void 0 : forceRenderIndexes.map(index => {
+    const rowIndex = Math.floor(index / columnCount);
+    const columnIndex = index % columnCount;
     const key = state.itemKeyRecycler({
       columnIndex,
       rowIndex
@@ -46,7 +48,7 @@ function _ForceRenderIndexes({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 45,
         columnNumber: 9
       }
     });

package/dist/cjs/components/VirtualGridRepeater/ForceRenderIndexes.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_VirtualGridRepeaterContext","_mobxReactLite","_jsxFileName","_ForceRenderIndexes","children","ItemElementType","contentsWrapper","state","useVirtualGridRepeaterContext","gridState","forceRenderIndexes","listAttributes","gridRef","process","env","NODE_ENV","_getItemStyle","Error","forceRenderElements","map","rowIndex","columnIndex","key","itemKeyRecycler","default","createElement","style","data","undefined","__self","__source","fileName","lineNumber","columnNumber","contents","Fragment","filter","props","some","ForceRenderIndexesObserver","exports","observer"],"sources":["../../../../src/components/VirtualGridRepeater/ForceRenderIndexes.tsx"],"sourcesContent":["import React, { FunctionComponent, HTMLAttributes, ReactElement } from 'react';\nimport { useVirtualGridRepeaterContext } from './VirtualGridRepeaterContext';\nimport { observer } from 'mobx-react-lite';\nimport { VirtualItemProps } from './VirtualItem';\n\nfunction _ForceRenderIndexes({\n  children,\n  ItemElementType,\n  contentsWrapper,\n}: {\n  children: ReactElement<{ rowIndex: number; columnIndex: number }>[];\n  ItemElementType: FunctionComponent<VirtualItemProps>;\n  contentsWrapper: (props: {\n    contents: ReactElement;\n    listAttributes?: HTMLAttributes<HTMLElement>;\n  }) => ReactElement;\n}) {\n  const { state } = useVirtualGridRepeaterContext();\n\n  const {\n    gridState: { forceRenderIndexes, listAttributes },\n    gridRef,\n  } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (gridRef) {\n      if (typeof gridRef._getItemStyle !== 'function') {\n        throw new Error(\n          'Missing `_getItemStyle()` API from react-window. This is probably a breaking change of react-window, please contact #cairo, thanks!',\n        );\n      }\n    }\n  }\n\n  const forceRenderElements =\n    gridRef &&\n    forceRenderIndexes?.map(({ rowIndex, columnIndex }) => {\n      const key = state.itemKeyRecycler({ columnIndex, rowIndex });\n\n      return (\n        <ItemElementType\n          key={key}\n          rowIndex={rowIndex}\n          columnIndex={columnIndex}\n          style={gridRef._getItemStyle(rowIndex, columnIndex)}\n          data={undefined}\n        />\n      );\n    });\n\n  const contents = (\n    <>\n      {forceRenderElements}\n      {forceRenderElements\n        ? children.filter(\n            ({ props }) =>\n              !forceRenderElements.some(\n                ({ props: { rowIndex, columnIndex } }) =>\n                  rowIndex === props.rowIndex &&\n                  columnIndex === props.columnIndex,\n              ),\n          )\n        : children}\n    </>\n  );\n\n  return contentsWrapper({ contents, listAttributes });\n}\n\nexport const ForceRenderIndexesObserver = observer(_ForceRenderIndexes);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAG3C,SAASC,mBAAmBA,CAAC;EAC3BC,QAAQ;EACRC,eAAe;EACfC;AAQF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,yDAA6B,EAAC,CAAC;EAEjD,MAAM;IACJC,SAAS,EAAE;MAAEC,kBAAkB;MAAEC;IAAe,CAAC;IACjDC;EACF,CAAC,GAAGL,KAAK;EAET,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIH,OAAO,EAAE;MACX,IAAI,OAAOA,OAAO,CAACI,aAAa,KAAK,UAAU,EAAE;QAC/C,MAAM,IAAIC,KAAK,CACb,qIACF,CAAC;MACH;IACF;EACF;EAEA,MAAMC,mBAAmB,GACvBN,OAAO,KACPF,kBAAkB,oBAAlBA,kBAAkB,CAAES,GAAG,CAAC,CAAC;IAAEC,QAAQ;IAAEC;EAAY,CAAC,KAAK;IACrD,MAAMC,GAAG,GAAGf,KAAK,CAACgB,eAAe,CAAC;MAAEF,WAAW;MAAED;IAAS,CAAC,CAAC;IAE5D,oBACEvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACpB,eAAe;MACdiB,GAAG,EAAEA,GAAI;MACTF,QAAQ,EAAEA,QAAS;MACnBC,WAAW,EAAEA,WAAY;MACzBK,KAAK,EAAEd,OAAO,CAACI,aAAa,CAACI,QAAQ,EAAEC,WAAW,CAAE;MACpDM,IAAI,EAAEC,SAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjB,CAAC;EAEN,CAAC,CAAC;EAEJ,MAAMC,QAAQ,gBACZrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAA5B,MAAA,CAAA2B,OAAA,CAAAW,QAAA,QACGjB,mBAAmB,EACnBA,mBAAmB,GAChBd,QAAQ,CAACgC,MAAM,CACb,CAAC;IAAEC;EAAM,CAAC,KACR,CAACnB,mBAAmB,CAACoB,IAAI,CACvB,CAAC;IAAED,KAAK,EAAE;MAAEjB,QAAQ;MAAEC;IAAY;EAAE,CAAC,KACnCD,QAAQ,KAAKiB,KAAK,CAACjB,QAAQ,IAC3BC,WAAW,KAAKgB,KAAK,CAAChB,WAC1B,CACJ,CAAC,GACDjB,QACJ,CACH;EAED,OAAOE,eAAe,CAAC;IAAE4B,QAAQ;IAAEvB;EAAe,CAAC,CAAC;AACtD;AAEO,MAAM4B,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAACtC,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_VirtualGridRepeaterContext","_mobxReactLite","_jsxFileName","_ForceRenderIndexes","children","ItemElementType","contentsWrapper","state","useVirtualGridRepeaterContext","gridState","forceRenderIndexes","listAttributes","gridRef","calcGridProps","columnCount","process","env","NODE_ENV","_getItemStyle","Error","forceRenderElements","map","index","rowIndex","Math","floor","columnIndex","key","itemKeyRecycler","default","createElement","style","data","undefined","__self","__source","fileName","lineNumber","columnNumber","contents","Fragment","filter","props","some","ForceRenderIndexesObserver","exports","observer"],"sources":["../../../../src/components/VirtualGridRepeater/ForceRenderIndexes.tsx"],"sourcesContent":["import React, { FunctionComponent, HTMLAttributes, ReactElement } from 'react';\nimport { useVirtualGridRepeaterContext } from './VirtualGridRepeaterContext';\nimport { observer } from 'mobx-react-lite';\nimport { VirtualItemProps } from './VirtualItem';\n\nfunction _ForceRenderIndexes({\n  children,\n  ItemElementType,\n  contentsWrapper,\n}: {\n  children: ReactElement<{ rowIndex: number; columnIndex: number }>[];\n  ItemElementType: FunctionComponent<VirtualItemProps>;\n  contentsWrapper: (props: {\n    contents: ReactElement;\n    listAttributes?: HTMLAttributes<HTMLElement>;\n  }) => ReactElement;\n}) {\n  const { state } = useVirtualGridRepeaterContext();\n\n  const {\n    gridState: { forceRenderIndexes, listAttributes },\n    gridRef,\n    calcGridProps: { columnCount },\n  } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (gridRef) {\n      if (typeof gridRef._getItemStyle !== 'function') {\n        throw new Error(\n          'Missing `_getItemStyle()` API from react-window. This is probably a breaking change of react-window, please contact #cairo, thanks!',\n        );\n      }\n    }\n  }\n\n  const forceRenderElements =\n    gridRef &&\n    forceRenderIndexes?.map((index) => {\n      const rowIndex = Math.floor(index / columnCount);\n      const columnIndex = index % columnCount;\n\n      const key = state.itemKeyRecycler({ columnIndex, rowIndex });\n\n      return (\n        <ItemElementType\n          key={key}\n          rowIndex={rowIndex}\n          columnIndex={columnIndex}\n          style={gridRef._getItemStyle(rowIndex, columnIndex)}\n          data={undefined}\n        />\n      );\n    });\n\n  const contents = (\n    <>\n      {forceRenderElements}\n      {forceRenderElements\n        ? children.filter(\n            ({ props }) =>\n              !forceRenderElements.some(\n                ({ props: { rowIndex, columnIndex } }) =>\n                  rowIndex === props.rowIndex &&\n                  columnIndex === props.columnIndex,\n              ),\n          )\n        : children}\n    </>\n  );\n\n  return contentsWrapper({ contents, listAttributes });\n}\n\nexport const ForceRenderIndexesObserver = observer(_ForceRenderIndexes);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAG3C,SAASC,mBAAmBA,CAAC;EAC3BC,QAAQ;EACRC,eAAe;EACfC;AAQF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,yDAA6B,EAAC,CAAC;EAEjD,MAAM;IACJC,SAAS,EAAE;MAAEC,kBAAkB;MAAEC;IAAe,CAAC;IACjDC,OAAO;IACPC,aAAa,EAAE;MAAEC;IAAY;EAC/B,CAAC,GAAGP,KAAK;EAET,IAAIQ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIL,OAAO,EAAE;MACX,IAAI,OAAOA,OAAO,CAACM,aAAa,KAAK,UAAU,EAAE;QAC/C,MAAM,IAAIC,KAAK,CACb,qIACF,CAAC;MACH;IACF;EACF;EAEA,MAAMC,mBAAmB,GACvBR,OAAO,KACPF,kBAAkB,oBAAlBA,kBAAkB,CAAEW,GAAG,CAAEC,KAAK,IAAK;IACjC,MAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAGR,WAAW,CAAC;IAChD,MAAMY,WAAW,GAAGJ,KAAK,GAAGR,WAAW;IAEvC,MAAMa,GAAG,GAAGpB,KAAK,CAACqB,eAAe,CAAC;MAAEF,WAAW;MAAEH;IAAS,CAAC,CAAC;IAE5D,oBACE1B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACzB,eAAe;MACdsB,GAAG,EAAEA,GAAI;MACTJ,QAAQ,EAAEA,QAAS;MACnBG,WAAW,EAAEA,WAAY;MACzBK,KAAK,EAAEnB,OAAO,CAACM,aAAa,CAACK,QAAQ,EAAEG,WAAW,CAAE;MACpDM,IAAI,EAAEC,SAAU;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjB,CAAC;EAEN,CAAC,CAAC;EAEJ,MAAMC,QAAQ,gBACZ1C,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAAjC,MAAA,CAAAgC,OAAA,CAAAW,QAAA,QACGpB,mBAAmB,EACnBA,mBAAmB,GAChBhB,QAAQ,CAACqC,MAAM,CACb,CAAC;IAAEC;EAAM,CAAC,KACR,CAACtB,mBAAmB,CAACuB,IAAI,CACvB,CAAC;IAAED,KAAK,EAAE;MAAEnB,QAAQ;MAAEG;IAAY;EAAE,CAAC,KACnCH,QAAQ,KAAKmB,KAAK,CAACnB,QAAQ,IAC3BG,WAAW,KAAKgB,KAAK,CAAChB,WAC1B,CACJ,CAAC,GACDtB,QACJ,CACH;EAED,OAAOE,eAAe,CAAC;IAAEiC,QAAQ;IAAE5B;EAAe,CAAC,CAAC;AACtD;AAEO,MAAMiC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAAC3C,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/VirtualGridRepeater/GridState.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/VirtualGridRepeater/GridState.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { ReactWindowGridRef } from './VirtualGridRepeaterState';\n\nexport interface GridState {\n  gridRef?: ReactWindowGridRef | null;\n  readonly setVariableRowHeight?: (props: {\n    size: number;\n    key: number | string;\n  }) => void;\n  readonly itemsToRenderCount: number;\n  readonly isInteracting?: boolean;\n  readonly forceRenderIndexes:\n    | { rowIndex: number; columnIndex: number }[]\n    | undefined;\n  readonly gap: number;\n  itemKeyRecyclerOverride?: (\n    index: number,\n  ) => string | number | null | undefined;\n  readonly listAttributes?: HTMLAttributes<HTMLElement>;\n  readonly toolbar: {\n    readonly minimizedHeaderHeight: number;\n    readonly itemsContentHeight: number;\n    readonly containerTop: number | undefined;\n    readonly isScrolling?: boolean;\n    readonly fedopsReporter: {\n      onFullRenderStart?: () => () => unknown;\n    };\n  };\n  readonly container: {\n    readonly lodash: Pick<typeof import('lodash'), 'debounce' | 'throttle'>;\n  };\n  readonly itemsContentWidth: number;\n  readonly calcGridProps: {\n    columnCount: number;\n    columnWidth: (index: number) => number;\n    columnWidthIncludingGap: (index: number) => number;\n    rowHeight?: (index: number) => number;\n    rowHeightIncludingGap: (props: {\n      index: number;\n      key: number | string;\n    }) => number;\n    estimatedRowHeight?: number;\n    overscanCount: number;\n  };\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/VirtualGridRepeater/GridState.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { ReactWindowGridRef } from './VirtualGridRepeaterState';\n\nexport interface GridState {\n  gridRef?: ReactWindowGridRef | null;\n  readonly setVariableRowHeight?: (props: {\n    size: number;\n    key: number | string;\n  }) => void;\n  readonly itemsToRenderCount: number;\n  readonly isInteracting?: boolean;\n  readonly forceRenderIndexes: number[] | undefined;\n  readonly gap: number;\n  itemKeyRecyclerOverride?: (\n    index: number,\n  ) => string | number | null | undefined;\n  readonly listAttributes?: HTMLAttributes<HTMLElement>;\n  readonly toolbar: {\n    readonly minimizedHeaderHeight: number;\n    readonly itemsContentHeight: number;\n    readonly containerTop: number | undefined;\n    readonly isScrolling?: boolean;\n    readonly fedopsReporter: {\n      onFullRenderStart?: () => () => unknown;\n    };\n  };\n  readonly container: {\n    readonly lodash: Pick<typeof import('lodash'), 'debounce' | 'throttle'>;\n  };\n  readonly itemsContentWidth: number;\n  readonly calcGridProps: {\n    columnCount: number;\n    columnWidth: (index: number) => number;\n    columnWidthIncludingGap: (index: number) => number;\n    rowHeight?: (index: number) => number;\n    rowHeightIncludingGap: (props: {\n      index: number;\n      key: number | string;\n    }) => number;\n    estimatedRowHeight?: number;\n    overscanCount: number;\n  };\n}\n"],"mappings":"","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_ = "common3442765610";
+var _namespace_ = "common494889817";
 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": "common3442765610__root",
-  "column": "common3442765610__column",
-  "fullHeight": "common3442765610__fullHeight"
+  "root": "common494889817__root",
+  "column": "common494889817__column",
+  "fullHeight": "common494889817__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_ = \"common3442765610\";\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\":\"common3442765610__root\",\"column\":\"common3442765610__column\",\"fullHeight\":\"common3442765610__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_ = \"common494889817\";\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\":\"common494889817__root\",\"column\":\"common494889817__column\",\"fullHeight\":\"common494889817__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iBAAiB;AACnC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useNestedTable.js

@@ -17,7 +17,7 @@ function useNestedTable(params) {
     // We need to get the keyItem, for now we use hardcoded id prop
     item => item.key === entity.id)) == null ? void 0 : _nestedTableState$fla.item.state.collection;
     const nestedModeCollection = (_nestedTableState$nes = nestedTableState.nested.getKeyedItem(entity.id)) == null ? void 0 : _nestedTableState$nes.item.state.collection;
-    return [nestedModeCollection, flatModeCollection];
+    return [nestedModeCollection, flatModeCollection].filter(Boolean);
   });
   return state;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useNestedTable","params","container","useWixPatternsContainer","state","useOptionalCachedState","NestedTableState","cachedState","entity","_nestedTableState$fla","_nestedTableState$nes","nestedTableState","flatModeCollection","flat","keyedItems","find","item","key","id","collection","nestedModeCollection","nested","getKeyedItem"],"sources":["../../../src/hooks/useNestedTable.ts"],"sourcesContent":["import { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { NestedTableStateBaseParams, NestedTableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\n\nexport function useNestedTable<C extends string>(\n  params: NestedTableStateBaseParams<C>,\n) {\n  const container = useWixPatternsContainer();\n\n  const state = useOptionalCachedState(\n    () =>\n      new NestedTableState<C>({\n        ...params,\n        container,\n      }),\n    (cachedState: ICollectionComponentState, entity: any) => {\n      const nestedTableState = cachedState as NestedTableState;\n\n      const flatModeCollection = nestedTableState.flat.keyedItems.find(\n        // We need to get the keyItem, for now we use hardcoded id prop\n        (item) => item.key === entity.id,\n      )?.item.state.collection;\n      const nestedModeCollection = nestedTableState.nested.getKeyedItem(\n        entity.id,\n      )?.item.state.collection;\n\n      return [nestedModeCollection!, flatModeCollection!];\n    },\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAGO,SAASG,cAAcA,CAC5BC,MAAqC,EACrC;EACA,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIC,uBAAgB,CAAI;IACtB,GAAGL,MAAM;IACTC;EACF,CAAC,CAAC,EACJ,CAACK,WAAsC,EAAEC,MAAW,KAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACvD,MAAMC,gBAAgB,GAAGJ,WAA+B;IAExD,MAAMK,kBAAkB,IAAAH,qBAAA,GAAGE,gBAAgB,CAACE,IAAI,CAACC,UAAU,CAACC,IAAI;IAC9D;IACCC,IAAI,IAAKA,IAAI,CAACC,GAAG,KAAKT,MAAM,CAACU,EAChC,CAAC,qBAH0BT,qBAAA,CAGxBO,IAAI,CAACZ,KAAK,CAACe,UAAU;IACxB,MAAMC,oBAAoB,IAAAV,qBAAA,GAAGC,gBAAgB,CAACU,MAAM,CAACC,YAAY,CAC/Dd,MAAM,CAACU,EACT,CAAC,qBAF4BR,qBAAA,CAE1BM,IAAI,CAACZ,KAAK,CAACe,UAAU;IAExB,OAAO,CAACC,oBAAoB,EAAGR,kBAAkB,CAAE;EACrD,CACF,CAAC;EAED,OAAOR,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useNestedTable","params","container","useWixPatternsContainer","state","useOptionalCachedState","NestedTableState","cachedState","entity","_nestedTableState$fla","_nestedTableState$nes","nestedTableState","flatModeCollection","flat","keyedItems","find","item","key","id","collection","nestedModeCollection","nested","getKeyedItem","filter","Boolean"],"sources":["../../../src/hooks/useNestedTable.ts"],"sourcesContent":["import { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { NestedTableStateBaseParams, NestedTableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { CollectionState } from '@wix/bex-core';\n\nexport function useNestedTable<C extends string>(\n  params: NestedTableStateBaseParams<C>,\n) {\n  const container = useWixPatternsContainer();\n\n  const state = useOptionalCachedState(\n    () =>\n      new NestedTableState<C>({\n        ...params,\n        container,\n      }),\n    (cachedState: ICollectionComponentState, entity: any) => {\n      const nestedTableState = cachedState as NestedTableState;\n\n      const flatModeCollection = nestedTableState.flat.keyedItems.find(\n        // We need to get the keyItem, for now we use hardcoded id prop\n        (item) => item.key === entity.id,\n      )?.item.state.collection;\n      const nestedModeCollection = nestedTableState.nested.getKeyedItem(\n        entity.id,\n      )?.item.state.collection;\n\n      return [nestedModeCollection, flatModeCollection].filter(\n        Boolean,\n      ) as CollectionState<any, any>[];\n    },\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAIO,SAASG,cAAcA,CAC5BC,MAAqC,EACrC;EACA,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIC,uBAAgB,CAAI;IACtB,GAAGL,MAAM;IACTC;EACF,CAAC,CAAC,EACJ,CAACK,WAAsC,EAAEC,MAAW,KAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACvD,MAAMC,gBAAgB,GAAGJ,WAA+B;IAExD,MAAMK,kBAAkB,IAAAH,qBAAA,GAAGE,gBAAgB,CAACE,IAAI,CAACC,UAAU,CAACC,IAAI;IAC9D;IACCC,IAAI,IAAKA,IAAI,CAACC,GAAG,KAAKT,MAAM,CAACU,EAChC,CAAC,qBAH0BT,qBAAA,CAGxBO,IAAI,CAACZ,KAAK,CAACe,UAAU;IACxB,MAAMC,oBAAoB,IAAAV,qBAAA,GAAGC,gBAAgB,CAACU,MAAM,CAACC,YAAY,CAC/Dd,MAAM,CAACU,EACT,CAAC,qBAF4BR,qBAAA,CAE1BM,IAAI,CAACZ,KAAK,CAACe,UAAU;IAExB,OAAO,CAACC,oBAAoB,EAAER,kBAAkB,CAAC,CAACW,MAAM,CACtDC,OACF,CAAC;EACH,CACF,CAAC;EAED,OAAOpB,KAAK;AACd","ignoreList":[]}

package/dist/cjs/hooks/useOptionalCachedState.js

@@ -5,6 +5,7 @@ exports.useOptionalCachedState = useOptionalCachedState;
 var _react = require("react");
 var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
 var _getCollectionComponentUniqueId = require("../utils/getCollectionComponentUniqueId");
+var _useSyncCollectionOnEntityCreate = require("./useSyncCollectionOnEntityCreate");
 var _useSyncCollectionOnEntityUpdate = require("./useSyncCollectionOnEntityUpdate");
 function useOptionalCachedState(createState, getCollectionsToUpdate) {
   const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
@@ -13,6 +14,7 @@ function useOptionalCachedState(createState, getCollectionsToUpdate) {
     const uniqueId = (0, _getCollectionComponentUniqueId.getCollectionComponentUniqueId)(maybeNewState);
     return router == null ? void 0 : router.stateRefs.get(uniqueId);
   });
+  (0, _useSyncCollectionOnEntityCreate.useSyncCollectionOnEntityCreate)(cachedState, getCollectionsToUpdate);
   (0, _useSyncCollectionOnEntityUpdate.useSyncCollectionOnEntityUpdate)(cachedState, getCollectionsToUpdate);
   const [state] = (0, _react.useState)(() => {
     if (router) {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","_useSyncCollectionOnEntityUpdate","useOptionalCachedState","createState","getCollectionsToUpdate","router","useWixPatternsRouter","maybeNewState","useState","cachedState","uniqueId","getCollectionComponentUniqueId","stateRefs","get","useSyncCollectionOnEntityUpdate","state","isUsingCache","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityUpdate } from './useSyncCollectionOnEntityUpdate';\n\nexport function useOptionalCachedState<S extends ICollectionComponentState>(\n  createState: () => S,\n  getCollectionsToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any>[] | null,\n): S {\n  const router = useWixPatternsRouter();\n\n  const [maybeNewState] = useState<S>(() => createState());\n  const [cachedState] = useState<S | undefined>(() => {\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    return router?.stateRefs.get(uniqueId) as S | undefined;\n  });\n\n  useSyncCollectionOnEntityUpdate(cachedState, getCollectionsToUpdate);\n\n  const [state] = useState<S>(() => {\n    if (router) {\n      router.isUsingCache = !!cachedState;\n    }\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<S>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAH,OAAA;AAEO,SAASI,sBAAsBA,CACpCC,WAAoB,EACpBC,sBAGkC,EAC/B;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAM,CAACC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAML,WAAW,CAAC,CAAC,CAAC;EACxD,MAAM,CAACM,WAAW,CAAC,GAAG,IAAAD,eAAQ,EAAgB,MAAM;IAClD,MAAME,QAAQ,GAAG,IAAAC,8DAA8B,EAACJ,aAAa,CAAC;IAC9D,OAAOF,MAAM,oBAANA,MAAM,CAAEO,SAAS,CAACC,GAAG,CAACH,QAAQ,CAAC;EACxC,CAAC,CAAC;EAEF,IAAAI,gEAA+B,EAACL,WAAW,EAAEL,sBAAsB,CAAC;EAEpE,MAAM,CAACW,KAAK,CAAC,GAAG,IAAAP,eAAQ,EAAI,MAAM;IAChC,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACW,YAAY,GAAG,CAAC,CAACP,WAAW;IACrC;IAEA,IAAIA,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAJ,MAAM,YAANA,MAAM,CAAEY,SAAS,CAAIV,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOQ,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","_useSyncCollectionOnEntityCreate","_useSyncCollectionOnEntityUpdate","useOptionalCachedState","createState","getCollectionsToUpdate","router","useWixPatternsRouter","maybeNewState","useState","cachedState","uniqueId","getCollectionComponentUniqueId","stateRefs","get","useSyncCollectionOnEntityCreate","useSyncCollectionOnEntityUpdate","state","isUsingCache","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityCreate } from './useSyncCollectionOnEntityCreate';\nimport { useSyncCollectionOnEntityUpdate } from './useSyncCollectionOnEntityUpdate';\n\nexport function useOptionalCachedState<S extends ICollectionComponentState>(\n  createState: () => S,\n  getCollectionsToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any>[] | null,\n): S {\n  const router = useWixPatternsRouter();\n\n  const [maybeNewState] = useState<S>(() => createState());\n  const [cachedState] = useState<S | undefined>(() => {\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    return router?.stateRefs.get(uniqueId) as S | undefined;\n  });\n\n  useSyncCollectionOnEntityCreate(cachedState, getCollectionsToUpdate);\n  useSyncCollectionOnEntityUpdate(cachedState, getCollectionsToUpdate);\n\n  const [state] = useState<S>(() => {\n    if (router) {\n      router.isUsingCache = !!cachedState;\n    }\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<S>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAH,OAAA;AACA,IAAAI,gCAAA,GAAAJ,OAAA;AAEO,SAASK,sBAAsBA,CACpCC,WAAoB,EACpBC,sBAGkC,EAC/B;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAM,CAACC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAML,WAAW,CAAC,CAAC,CAAC;EACxD,MAAM,CAACM,WAAW,CAAC,GAAG,IAAAD,eAAQ,EAAgB,MAAM;IAClD,MAAME,QAAQ,GAAG,IAAAC,8DAA8B,EAACJ,aAAa,CAAC;IAC9D,OAAOF,MAAM,oBAANA,MAAM,CAAEO,SAAS,CAACC,GAAG,CAACH,QAAQ,CAAC;EACxC,CAAC,CAAC;EAEF,IAAAI,gEAA+B,EAACL,WAAW,EAAEL,sBAAsB,CAAC;EACpE,IAAAW,gEAA+B,EAACN,WAAW,EAAEL,sBAAsB,CAAC;EAEpE,MAAM,CAACY,KAAK,CAAC,GAAG,IAAAR,eAAQ,EAAI,MAAM;IAChC,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACY,YAAY,GAAG,CAAC,CAACR,WAAW;IACrC;IAEA,IAAIA,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAJ,MAAM,YAANA,MAAM,CAAEa,SAAS,CAAIX,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOS,KAAK;AACd","ignoreList":[]}

package/dist/cjs/hooks/useSyncCollectionOnEntityCreate.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSyncCollectionOnEntityCreate = useSyncCollectionOnEntityCreate;
+var _react = require("react");
+var _useSyncCollectionOnEntityReturn = require("./useSyncCollectionOnEntityReturn");
+function useSyncCollectionOnEntityCreate(cachedState, getCollectionsToUpdate) {
+  const updateCollection = (0, _react.useCallback)((collection, entity) => {
+    collection.addItem(entity);
+  }, []);
+  const checkIfViewSynced = (0, _react.useCallback)(async (collection, entity) => {
+    const updatedData = await collection.fetchData({
+      ...collection.query.asComputed,
+      page: 1,
+      cursor: null,
+      offset: 0
+    });
+    return collection.itemKey(updatedData.items[0]) === collection.itemKey(entity);
+  }, [cachedState]);
+  (0, _useSyncCollectionOnEntityReturn.useSyncCollectionOnEntityReturn)({
+    cachedState,
+    updateCollection,
+    checkIfViewSynced,
+    getEntityFromRouterState: state => state._createdEntity,
+    getCollectionsToUpdate
+  });
+}
+//# sourceMappingURL=useSyncCollectionOnEntityCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useSyncCollectionOnEntityReturn","useSyncCollectionOnEntityCreate","cachedState","getCollectionsToUpdate","updateCollection","useCallback","collection","entity","addItem","checkIfViewSynced","updatedData","fetchData","query","asComputed","page","cursor","offset","itemKey","items","useSyncCollectionOnEntityReturn","getEntityFromRouterState","state","_createdEntity"],"sources":["../../../src/hooks/useSyncCollectionOnEntityCreate.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { useSyncCollectionOnEntityReturn } from './useSyncCollectionOnEntityReturn';\nimport { CollectionState } from '@wix/bex-core';\n\nexport function useSyncCollectionOnEntityCreate<\n  T,\n  S extends ICollectionComponentState,\n>(\n  cachedState?: S,\n  getCollectionsToUpdate?: (state: S, entity: T) => CollectionState<T>[] | null,\n) {\n  const updateCollection = useCallback(\n    (collection: CollectionState<T>, entity: T) => {\n      collection.addItem(entity);\n    },\n    [],\n  );\n\n  const checkIfViewSynced = useCallback(\n    async (collection: CollectionState<T>, entity: T) => {\n      const updatedData = await collection.fetchData({\n        ...collection.query.asComputed,\n        page: 1,\n        cursor: null,\n        offset: 0,\n      });\n\n      return (\n        collection.itemKey(updatedData.items[0]) === collection.itemKey(entity)\n      );\n    },\n    [cachedState],\n  );\n\n  useSyncCollectionOnEntityReturn({\n    cachedState,\n    updateCollection,\n    checkIfViewSynced,\n    getEntityFromRouterState: (state: { _createdEntity?: T }) =>\n      state._createdEntity,\n    getCollectionsToUpdate,\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,gCAAA,GAAAD,OAAA;AAGO,SAASE,+BAA+BA,CAI7CC,WAAe,EACfC,sBAA6E,EAC7E;EACA,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACC,UAA8B,EAAEC,MAAS,KAAK;IAC7CD,UAAU,CAACE,OAAO,CAACD,MAAM,CAAC;EAC5B,CAAC,EACD,EACF,CAAC;EAED,MAAME,iBAAiB,GAAG,IAAAJ,kBAAW,EACnC,OAAOC,UAA8B,EAAEC,MAAS,KAAK;IACnD,MAAMG,WAAW,GAAG,MAAMJ,UAAU,CAACK,SAAS,CAAC;MAC7C,GAAGL,UAAU,CAACM,KAAK,CAACC,UAAU;MAC9BC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE;IACV,CAAC,CAAC;IAEF,OACEV,UAAU,CAACW,OAAO,CAACP,WAAW,CAACQ,KAAK,CAAC,CAAC,CAAC,CAAC,KAAKZ,UAAU,CAACW,OAAO,CAACV,MAAM,CAAC;EAE3E,CAAC,EACD,CAACL,WAAW,CACd,CAAC;EAED,IAAAiB,gEAA+B,EAAC;IAC9BjB,WAAW;IACXE,gBAAgB;IAChBK,iBAAiB;IACjBW,wBAAwB,EAAGC,KAA6B,IACtDA,KAAK,CAACC,cAAc;IACtBnB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/hooks/useSyncCollectionOnEntityReturn.js

@@ -49,15 +49,12 @@ function useSyncCollectionOnEntityReturn({
     }
   };
   (0, _react.useEffect)(() => {
-    if (entity) {
+    if (entity && collections) {
+      collections.forEach(collection => {
+        updateCollection(collection, entity);
+      });
       setTimeout(() => {
-        Promise.all((collections ?? []).map(collection => {
-          if (!collection) {
-            return Promise.resolve(true);
-          }
-          updateCollection(collection, entity);
-          return checkIfViewSynced(collection, entity);
-        })).then(results => {
+        Promise.all(collections.map(collection => checkIfViewSynced(collection, entity))).then(results => {
           const isViewSynced = results.some(Boolean);
           if (!isViewSynced) {
             showViewUpdatedToast();

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_react2","_useSelector","useSyncCollectionOnEntityReturn","cachedState","updateCollection","checkIfViewSynced","getEntityFromRouterState","getCollectionsToUpdate","container","useWixPatternsContainer","router","useWixPatternsRouter","routeState","useSelector","currentState","entity","useMemo","collections","toolbar","collection","currentToast","setCurrentToast","useState","showViewUpdatedToast","toast","showToast","type","timeout","message","translate","onCloseClick","biName","action","text","onClick","forEach","refreshAllPages","useEffect","setTimeout","Promise","all","map","resolve","then","results","isViewSynced","some","Boolean","setCurrentState","removeToast","remove","onFetch","isUsingCache","emitter","on","off"],"sources":["../../../src/hooks/useSyncCollectionOnEntityReturn.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionState, RemoveToast } from '@wix/bex-core';\nimport { useSelector } from '../useSelector';\n\nexport function useSyncCollectionOnEntityReturn<\n  S extends ICollectionComponentState,\n>({\n  cachedState,\n  updateCollection,\n  checkIfViewSynced,\n  getEntityFromRouterState,\n  getCollectionsToUpdate,\n}: {\n  cachedState?: S;\n  updateCollection: (\n    collectionToUpdate: CollectionState<any>,\n    entity: any,\n  ) => void;\n  checkIfViewSynced: (\n    collectionToUpdate: CollectionState<any>,\n    entity: any,\n  ) => Promise<boolean>;\n  getEntityFromRouterState: (state: any) => any;\n  getCollectionsToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any>[] | null;\n}) {\n  const container = useWixPatternsContainer();\n  const router = useWixPatternsRouter();\n\n  const routeState = useSelector(() => router?.currentState);\n\n  const entity = useMemo(\n    () => (routeState ? getEntityFromRouterState(routeState) : null),\n    [getEntityFromRouterState, routeState],\n  );\n  const collections = useMemo(() => {\n    if (!cachedState) {\n      return null;\n    }\n    if (!entity) {\n      return [cachedState.toolbar.collection];\n    }\n\n    return (\n      getCollectionsToUpdate?.(cachedState, entity) || [\n        cachedState.toolbar.collection,\n      ]\n    );\n  }, [cachedState, entity]);\n\n  const [currentToast, setCurrentToast] = useState<{\n    remove: RemoveToast;\n  } | null>(null);\n\n  const showViewUpdatedToast = () => {\n    const toast = container.showToast?.({\n      type: 'STANDARD',\n      timeout: 'NONE',\n      message: container.translate(\n        'cairo.updatedView.collectionPage.toast.desc',\n      ),\n      onCloseClick: () => {\n        setCurrentToast(null);\n      },\n      biName: 'cairo-collection-page-updated-toast',\n      action: {\n        text: container.translate('cairo.updatedView.collectionPage.toast.cta'),\n        onClick: () => {\n          collections?.forEach((collection) => collection.refreshAllPages());\n          setCurrentToast(null);\n        },\n      },\n    });\n\n    if (toast) {\n      setCurrentToast(toast);\n    }\n  };\n\n  useEffect(() => {\n    if (entity) {\n      setTimeout(() => {\n        Promise.all(\n          (collections ?? []).map((collection) => {\n            if (!collection) {\n              return Promise.resolve(true);\n            }\n            updateCollection(collection, entity);\n            return checkIfViewSynced(collection, entity);\n          }),\n        ).then((results) => {\n          const isViewSynced = results.some(Boolean);\n\n          if (!isViewSynced) {\n            showViewUpdatedToast();\n          }\n        });\n      }, 3000);\n\n      if (router) {\n        router.setCurrentState(null);\n      }\n    }\n  }, [cachedState, routeState, collections, entity]);\n\n  useEffect(() => {\n    if (!currentToast || !cachedState) {\n      return () => {};\n    }\n\n    const removeToast = () => {\n      currentToast?.remove();\n      setCurrentToast(null);\n    };\n\n    const onFetch = () => {\n      removeToast();\n      if (router) {\n        router.isUsingCache = false;\n      }\n    };\n\n    collections?.forEach((collection) => {\n      collection?.emitter.on('fetch', () => {\n        onFetch();\n      });\n    });\n    return () => {\n      collections?.forEach((collection) => {\n        collection?.emitter.off('fetch', () => {\n          onFetch();\n        });\n      });\n    };\n  }, [currentToast, collections]);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_react2","_useSelector","useSyncCollectionOnEntityReturn","cachedState","updateCollection","checkIfViewSynced","getEntityFromRouterState","getCollectionsToUpdate","container","useWixPatternsContainer","router","useWixPatternsRouter","routeState","useSelector","currentState","entity","useMemo","collections","toolbar","collection","currentToast","setCurrentToast","useState","showViewUpdatedToast","toast","showToast","type","timeout","message","translate","onCloseClick","biName","action","text","onClick","forEach","refreshAllPages","useEffect","setTimeout","Promise","all","map","then","results","isViewSynced","some","Boolean","setCurrentState","removeToast","remove","onFetch","isUsingCache","emitter","on","off"],"sources":["../../../src/hooks/useSyncCollectionOnEntityReturn.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionState, RemoveToast } from '@wix/bex-core';\nimport { useSelector } from '../useSelector';\n\nexport function useSyncCollectionOnEntityReturn<\n  T,\n  S extends ICollectionComponentState,\n>({\n  cachedState,\n  updateCollection,\n  checkIfViewSynced,\n  getEntityFromRouterState,\n  getCollectionsToUpdate,\n}: {\n  cachedState?: S;\n  updateCollection: (collectionToUpdate: CollectionState<T>, entity: T) => void;\n  checkIfViewSynced: (\n    collectionToUpdate: CollectionState<T>,\n    entity: T,\n  ) => Promise<boolean>;\n  getEntityFromRouterState: (state: {\n    _updatedEntity?: T;\n    _createdEntity?: T;\n  }) => T | undefined;\n  getCollectionsToUpdate?: (state: S, entity: T) => CollectionState<T>[] | null;\n}) {\n  const container = useWixPatternsContainer();\n  const router = useWixPatternsRouter();\n\n  const routeState = useSelector(() => router?.currentState);\n\n  const entity = useMemo(\n    () => (routeState ? getEntityFromRouterState(routeState) : null),\n    [getEntityFromRouterState, routeState],\n  );\n  const collections = useMemo(() => {\n    if (!cachedState) {\n      return null;\n    }\n    if (!entity) {\n      return [cachedState.toolbar.collection];\n    }\n\n    return (\n      getCollectionsToUpdate?.(cachedState, entity) || [\n        cachedState.toolbar.collection,\n      ]\n    );\n  }, [cachedState, entity]);\n\n  const [currentToast, setCurrentToast] = useState<{\n    remove: RemoveToast;\n  } | null>(null);\n\n  const showViewUpdatedToast = () => {\n    const toast = container.showToast?.({\n      type: 'STANDARD',\n      timeout: 'NONE',\n      message: container.translate(\n        'cairo.updatedView.collectionPage.toast.desc',\n      ),\n      onCloseClick: () => {\n        setCurrentToast(null);\n      },\n      biName: 'cairo-collection-page-updated-toast',\n      action: {\n        text: container.translate('cairo.updatedView.collectionPage.toast.cta'),\n        onClick: () => {\n          collections?.forEach((collection) => collection.refreshAllPages());\n          setCurrentToast(null);\n        },\n      },\n    });\n\n    if (toast) {\n      setCurrentToast(toast);\n    }\n  };\n\n  useEffect(() => {\n    if (entity && collections) {\n      collections.forEach((collection) => {\n        updateCollection(collection, entity);\n      });\n\n      setTimeout(() => {\n        Promise.all(\n          collections.map((collection) =>\n            checkIfViewSynced(collection, entity),\n          ),\n        ).then((results) => {\n          const isViewSynced = results.some(Boolean);\n\n          if (!isViewSynced) {\n            showViewUpdatedToast();\n          }\n        });\n      }, 3000);\n\n      if (router) {\n        router.setCurrentState(null);\n      }\n    }\n  }, [cachedState, routeState, collections, entity]);\n\n  useEffect(() => {\n    if (!currentToast || !cachedState) {\n      return () => {};\n    }\n\n    const removeToast = () => {\n      currentToast?.remove();\n      setCurrentToast(null);\n    };\n\n    const onFetch = () => {\n      removeToast();\n      if (router) {\n        router.isUsingCache = false;\n      }\n    };\n\n    collections?.forEach((collection) => {\n      collection?.emitter.on('fetch', () => {\n        onFetch();\n      });\n    });\n    return () => {\n      collections?.forEach((collection) => {\n        collection?.emitter.off('fetch', () => {\n          onFetch();\n        });\n      });\n    };\n  }, [currentToast, collections]);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useSyncCollectionOnEntityReturn","useSyncCollectionOnEntityUpdate","cachedState","getCollectionsToUpdate","updateCollection","useCallback","collection","updatedEntity","changeItem","checkIfViewSynced","entity","_collection$getKeyedI","itemKey","fetchedPageInfo","fetchIndex","fetchesHistory","length","fetch","itemsKeys","some","fetchedItemKey","queryPageInfo","console","error","itemQuery","query","asComputed","currentIndex","getKeyedItem","indexWithinPage","updatedData","fetchData","newIndex","items","findIndex","item","useSyncCollectionOnEntityReturn","getEntityFromRouterState","state","_updatedEntity"],"sources":["../../../src/hooks/useSyncCollectionOnEntityUpdate.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityReturn } from './useSyncCollectionOnEntityReturn';\n\nexport function useSyncCollectionOnEntityUpdate<\n  S extends ICollectionComponentState,\n>(\n  cachedState?: S,\n  getCollectionsToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any>[] | null,\n) {\n  const updateCollection = useCallback(\n    (collection: CollectionState<any, any>, updatedEntity: any) => {\n      collection.changeItem(updatedEntity);\n    },\n    [],\n  );\n\n  const checkIfViewSynced = useCallback(\n    async (collection: CollectionState<any, any>, entity: any) => {\n      const itemKey = collection.itemKey(entity);\n      let fetchedPageInfo = null;\n      for (\n        let fetchIndex = collection.fetchesHistory.length - 1;\n        fetchIndex >= 0;\n        fetchIndex--\n      ) {\n        const fetch = collection.fetchesHistory[fetchIndex];\n        if (\n          fetch.itemsKeys.some((fetchedItemKey) => fetchedItemKey === itemKey)\n        ) {\n          fetchedPageInfo = fetch.queryPageInfo;\n          break;\n        }\n      }\n\n      if (!fetchedPageInfo) {\n        console.error('Fetched page info for updated entity not found');\n        return false;\n      }\n\n      const itemQuery = {\n        ...collection.query.asComputed,\n        ...fetchedPageInfo,\n      };\n\n      const currentIndex = collection.getKeyedItem(itemKey)?.indexWithinPage;\n\n      const updatedData = await collection.fetchData(itemQuery);\n      const newIndex = updatedData.items.findIndex(\n        (item) => itemKey === collection.itemKey(item),\n      );\n\n      return newIndex === currentIndex;\n    },\n    [cachedState],\n  );\n\n  useSyncCollectionOnEntityReturn({\n    cachedState,\n    updateCollection,\n    checkIfViewSynced,\n    getEntityFromRouterState: (state: any) => state._updatedEntity,\n    getCollectionsToUpdate,\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,gCAAA,GAAAD,OAAA;AAEO,SAASE,+BAA+BA,CAG7CC,WAAe,EACfC,sBAGkC,EAClC;EACA,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACC,UAAqC,EAAEC,aAAkB,KAAK;IAC7DD,UAAU,CAACE,UAAU,CAACD,aAAa,CAAC;EACtC,CAAC,EACD,EACF,CAAC;EAED,MAAME,iBAAiB,GAAG,IAAAJ,kBAAW,EACnC,OAAOC,UAAqC,EAAEI,MAAW,KAAK;IAAA,IAAAC,qBAAA;IAC5D,MAAMC,OAAO,GAAGN,UAAU,CAACM,OAAO,CAACF,MAAM,CAAC;IAC1C,IAAIG,eAAe,GAAG,IAAI;IAC1B,KACE,IAAIC,UAAU,GAAGR,UAAU,CAACS,cAAc,CAACC,MAAM,GAAG,CAAC,EACrDF,UAAU,IAAI,CAAC,EACfA,UAAU,EAAE,EACZ;MACA,MAAMG,KAAK,GAAGX,UAAU,CAACS,cAAc,CAACD,UAAU,CAAC;MACnD,IACEG,KAAK,CAACC,SAAS,CAACC,IAAI,CAAEC,cAAc,IAAKA,cAAc,KAAKR,OAAO,CAAC,EACpE;QACAC,eAAe,GAAGI,KAAK,CAACI,aAAa;QACrC;MACF;IACF;IAEA,IAAI,CAACR,eAAe,EAAE;MACpBS,OAAO,CAACC,KAAK,CAAC,gDAAgD,CAAC;MAC/D,OAAO,KAAK;IACd;IAEA,MAAMC,SAAS,GAAG;MAChB,GAAGlB,UAAU,CAACmB,KAAK,CAACC,UAAU;MAC9B,GAAGb;IACL,CAAC;IAED,MAAMc,YAAY,IAAAhB,qBAAA,GAAGL,UAAU,CAACsB,YAAY,CAAChB,OAAO,CAAC,qBAAhCD,qBAAA,CAAkCkB,eAAe;IAEtE,MAAMC,WAAW,GAAG,MAAMxB,UAAU,CAACyB,SAAS,CAACP,SAAS,CAAC;IACzD,MAAMQ,QAAQ,GAAGF,WAAW,CAACG,KAAK,CAACC,SAAS,CACzCC,IAAI,IAAKvB,OAAO,KAAKN,UAAU,CAACM,OAAO,CAACuB,IAAI,CAC/C,CAAC;IAED,OAAOH,QAAQ,KAAKL,YAAY;EAClC,CAAC,EACD,CAACzB,WAAW,CACd,CAAC;EAED,IAAAkC,gEAA+B,EAAC;IAC9BlC,WAAW;IACXE,gBAAgB;IAChBK,iBAAiB;IACjB4B,wBAAwB,EAAGC,KAAU,IAAKA,KAAK,CAACC,cAAc;IAC9DpC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_react","require","_useSyncCollectionOnEntityReturn","useSyncCollectionOnEntityUpdate","cachedState","getCollectionsToUpdate","updateCollection","useCallback","collection","updatedEntity","changeItem","checkIfViewSynced","entity","_collection$getKeyedI","itemKey","fetchedPageInfo","fetchIndex","fetchesHistory","length","fetch","itemsKeys","some","fetchedItemKey","queryPageInfo","console","error","itemQuery","query","asComputed","currentIndex","getKeyedItem","indexWithinPage","updatedData","fetchData","newIndex","items","findIndex","item","useSyncCollectionOnEntityReturn","getEntityFromRouterState","state","_updatedEntity"],"sources":["../../../src/hooks/useSyncCollectionOnEntityUpdate.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityReturn } from './useSyncCollectionOnEntityReturn';\n\nexport function useSyncCollectionOnEntityUpdate<\n  T,\n  S extends ICollectionComponentState,\n>(\n  cachedState?: S,\n  getCollectionsToUpdate?: (state: S, entity: T) => CollectionState<T>[] | null,\n) {\n  const updateCollection = useCallback(\n    (collection: CollectionState<T>, updatedEntity: T) => {\n      collection.changeItem(updatedEntity);\n    },\n    [],\n  );\n\n  const checkIfViewSynced = useCallback(\n    async (collection: CollectionState<T>, entity: T) => {\n      const itemKey = collection.itemKey(entity);\n      let fetchedPageInfo = null;\n      for (\n        let fetchIndex = collection.fetchesHistory.length - 1;\n        fetchIndex >= 0;\n        fetchIndex--\n      ) {\n        const fetch = collection.fetchesHistory[fetchIndex];\n        if (\n          fetch.itemsKeys.some((fetchedItemKey) => fetchedItemKey === itemKey)\n        ) {\n          fetchedPageInfo = fetch.queryPageInfo;\n          break;\n        }\n      }\n\n      if (!fetchedPageInfo) {\n        console.error('Fetched page info for updated entity not found');\n        return false;\n      }\n\n      const itemQuery = {\n        ...collection.query.asComputed,\n        ...fetchedPageInfo,\n      };\n\n      const currentIndex = collection.getKeyedItem(itemKey)?.indexWithinPage;\n\n      const updatedData = await collection.fetchData(itemQuery);\n      const newIndex = updatedData.items.findIndex(\n        (item) => itemKey === collection.itemKey(item),\n      );\n\n      return newIndex === currentIndex;\n    },\n    [cachedState],\n  );\n\n  useSyncCollectionOnEntityReturn({\n    cachedState,\n    updateCollection,\n    checkIfViewSynced,\n    getEntityFromRouterState: (state: { _updatedEntity?: T }) =>\n      state._updatedEntity,\n    getCollectionsToUpdate,\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,gCAAA,GAAAD,OAAA;AAEO,SAASE,+BAA+BA,CAI7CC,WAAe,EACfC,sBAA6E,EAC7E;EACA,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAACC,UAA8B,EAAEC,aAAgB,KAAK;IACpDD,UAAU,CAACE,UAAU,CAACD,aAAa,CAAC;EACtC,CAAC,EACD,EACF,CAAC;EAED,MAAME,iBAAiB,GAAG,IAAAJ,kBAAW,EACnC,OAAOC,UAA8B,EAAEI,MAAS,KAAK;IAAA,IAAAC,qBAAA;IACnD,MAAMC,OAAO,GAAGN,UAAU,CAACM,OAAO,CAACF,MAAM,CAAC;IAC1C,IAAIG,eAAe,GAAG,IAAI;IAC1B,KACE,IAAIC,UAAU,GAAGR,UAAU,CAACS,cAAc,CAACC,MAAM,GAAG,CAAC,EACrDF,UAAU,IAAI,CAAC,EACfA,UAAU,EAAE,EACZ;MACA,MAAMG,KAAK,GAAGX,UAAU,CAACS,cAAc,CAACD,UAAU,CAAC;MACnD,IACEG,KAAK,CAACC,SAAS,CAACC,IAAI,CAAEC,cAAc,IAAKA,cAAc,KAAKR,OAAO,CAAC,EACpE;QACAC,eAAe,GAAGI,KAAK,CAACI,aAAa;QACrC;MACF;IACF;IAEA,IAAI,CAACR,eAAe,EAAE;MACpBS,OAAO,CAACC,KAAK,CAAC,gDAAgD,CAAC;MAC/D,OAAO,KAAK;IACd;IAEA,MAAMC,SAAS,GAAG;MAChB,GAAGlB,UAAU,CAACmB,KAAK,CAACC,UAAU;MAC9B,GAAGb;IACL,CAAC;IAED,MAAMc,YAAY,IAAAhB,qBAAA,GAAGL,UAAU,CAACsB,YAAY,CAAChB,OAAO,CAAC,qBAAhCD,qBAAA,CAAkCkB,eAAe;IAEtE,MAAMC,WAAW,GAAG,MAAMxB,UAAU,CAACyB,SAAS,CAACP,SAAS,CAAC;IACzD,MAAMQ,QAAQ,GAAGF,WAAW,CAACG,KAAK,CAACC,SAAS,CACzCC,IAAI,IAAKvB,OAAO,KAAKN,UAAU,CAACM,OAAO,CAACuB,IAAI,CAC/C,CAAC;IAED,OAAOH,QAAQ,KAAKL,YAAY;EAClC,CAAC,EACD,CAACzB,WAAW,CACd,CAAC;EAED,IAAAkC,gEAA+B,EAAC;IAC9BlC,WAAW;IACXE,gBAAgB;IAChBK,iBAAiB;IACjB4B,wBAAwB,EAAGC,KAA6B,IACtDA,KAAK,CAACC,cAAc;IACtBpC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}