@wix/patterns 1.238.0 → 1.240.0

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_ = "ScrollableContent3144029742";
+var _namespace_ = "ScrollableContent1668848098";
 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": "ScrollableContent3144029742__root"
+  "root": "ScrollableContent1668848098__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_ = \"ScrollableContent3144029742\";\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\":\"ScrollableContent3144029742__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_ = \"ScrollableContent1668848098\";\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\":\"ScrollableContent1668848098__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_ = "SkeletonCard1367558068";
+var _namespace_ = "SkeletonCard3564487254";
 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": "SkeletonCard1367558068__root",
-  "headerLoading": "SkeletonCard1367558068__headerLoading"
+  "root": "SkeletonCard3564487254__root",
+  "headerLoading": "SkeletonCard3564487254__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_ = \"SkeletonCard1367558068\";\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\":\"SkeletonCard1367558068__root\",\"headerLoading\":\"SkeletonCard1367558068__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_ = \"SkeletonCard3564487254\";\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\":\"SkeletonCard3564487254__root\",\"headerLoading\":\"SkeletonCard3564487254__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_ = "SlidingModal1100826876";
+var _namespace_ = "SlidingModal1938275932";
 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": "SlidingModal1100826876__root"
+  "root": "SlidingModal1938275932__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_ = \"SlidingModal1100826876\";\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\":\"SlidingModal1100826876__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_ = \"SlidingModal1938275932\";\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\":\"SlidingModal1938275932__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/TableSections/TableSectionRow.js

@@ -43,8 +43,8 @@ const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwar
     }));
   }
   if (isSectionRow && Array.isArray(children) && children.length > 0) {
-    const section = state.renderSection(rowData.item);
-    if (!section) {
+    const sectionWithCount = state.getSectionWithCount(rowData);
+    if (!sectionWithCount) {
       return /*#__PURE__*/_react.default.createElement(RegularTrElement, (0, _extends2.default)({}, regularTrElementProps, {
         __self: void 0,
         __source: {
@@ -81,7 +81,7 @@ const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwar
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
-      section: section,
+      section: sectionWithCount,
       biComponentType: "TableSections",
       skin: "neutral",
       dataHook: "table-section-header",

package/dist/cjs/components/TableSections/TableSectionRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TableSectionRow","exports","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","section","renderSection","item","position","colSpan","scope","padding","CollectionSectionHeader","biComponentType","skin","dataHook"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nexport const TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const section = state.renderSection(rowData.item);\n\n    if (!section) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <CollectionSectionHeader\n            section={section}\n            biComponentType=\"TableSections\"\n            skin=\"neutral\"\n            dataHook=\"table-section-header\"\n          />\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TableSectionRow","exports","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","sectionWithCount","getSectionWithCount","position","colSpan","scope","padding","CollectionSectionHeader","section","biComponentType","skin","dataHook"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nexport const TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const sectionWithCount = state.getSectionWithCount(rowData);\n\n    if (!sectionWithCount) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <CollectionSectionHeader\n            section={sectionWithCount}\n            biComponentType=\"TableSections\"\n            skin=\"neutral\"\n            dataHook=\"table-section-header\"\n          />\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionsState.js

@@ -14,47 +14,106 @@ class TableSectionsState {
     this.table = table;
     this.renderSection = renderSection;
     (0, _mobx.makeObservable)(this, {
-      sectionsKeyedItems: _mobx.computed
+      sectionsKeyedItems: _mobx.computed,
+      sectionCounts: _mobx.computed
     });
   }
   generateSectionId(firstItemId) {
     return `${SECTION_PREFIX}${firstItemId}`;
   }
-  get sectionsKeyedItems() {
-    const result = [];
-    let currentSection = null;
-
-    // For design purposes, we add an invisible row to the beginning of the table,
-    // so the width of the columns won't be affected by the section headers.
-    if (this.table.keyedItems.length > 0) {
-      result.push({
-        id: INVISIBLE_ROW_ID,
-        key: INVISIBLE_ROW_ID,
-        item: this.table.keyedItems[0].item,
-        index: result.length,
-        pageIndex: 0,
-        indexWithinPage: result.length
-      });
+  get computeSectionData() {
+    const counts = new Map();
+    const keyedItems = [];
+    if (this.table.keyedItems.length === 0) {
+      return {
+        counts,
+        keyedItems
+      };
     }
-    this.table.keyedItems.forEach(keyedItem => {
-      var _currentSection;
+
+    // Add invisible row for design purposes
+    keyedItems.push({
+      id: INVISIBLE_ROW_ID,
+      key: INVISIBLE_ROW_ID,
+      item: this.table.keyedItems[0].item,
+      index: 0,
+      pageIndex: 0,
+      indexWithinPage: 0
+    });
+    let currentSectionId = null;
+    let currentSectionIndex = 0;
+    let currentHeaderId = null;
+    let count = 0;
+    for (const keyedItem of this.table.keyedItems) {
       const section = this.renderSection(keyedItem.item);
-      if (section.id !== ((_currentSection = currentSection) == null ? void 0 : _currentSection.id)) {
-        const sectionId = this.generateSectionId(keyedItem.id);
+      const sectionId = section.id;
+      if (sectionId !== currentSectionId) {
+        // Store count for previous section
+        if (currentHeaderId) {
+          counts.set(currentHeaderId, {
+            count,
+            isComplete: true
+          });
+        }
+
+        // Start new section
+        currentSectionId = sectionId;
+        currentHeaderId = this.generateSectionId(`${sectionId}@${currentSectionIndex}`);
+        currentSectionIndex++;
+        count = 1;
+
+        // Add section header to keyed items
         const sectionKeyedItem = {
-          id: sectionId,
-          key: sectionId,
+          id: currentHeaderId,
+          key: currentHeaderId,
           item: keyedItem.item,
-          index: result.length,
+          index: keyedItems.length,
           pageIndex: 0,
-          indexWithinPage: result.length
+          indexWithinPage: keyedItems.length
         };
-        result.push(sectionKeyedItem);
-        currentSection = section;
+        keyedItems.push(sectionKeyedItem);
+      } else {
+        count++;
       }
-      result.push(keyedItem);
-    });
-    return result;
+
+      // Add the actual data item
+      keyedItems.push(keyedItem);
+    }
+
+    // Handle last section
+    if (currentHeaderId) {
+      const isLastSectionComplete = this.table.collection.fetchedLastPage;
+      counts.set(currentHeaderId, {
+        count,
+        isComplete: isLastSectionComplete
+      });
+    }
+    return {
+      counts,
+      keyedItems
+    };
+  }
+  get sectionCounts() {
+    return this.computeSectionData.counts;
+  }
+  get sectionsKeyedItems() {
+    return this.computeSectionData.keyedItems;
+  }
+  getSectionWithCount(sectionKeyedItem) {
+    const section = this.renderSection(sectionKeyedItem.item);
+    const headerId = sectionKeyedItem.id;
+    const sectionData = headerId ? this.sectionCounts.get(headerId) || {
+      count: 0,
+      isComplete: true
+    } : {
+      count: 0,
+      isComplete: true
+    };
+    return {
+      ...section,
+      count: sectionData.count,
+      hasMore: !sectionData.isComplete
+    };
   }
   isSectionRow(keyedItem) {
     return keyedItem.id.startsWith(SECTION_PREFIX);

package/dist/cjs/components/TableSections/TableSectionsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","generateSectionId","firstItemId","result","currentSection","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","forEach","keyedItem","_currentSection","section","sectionId","sectionKeyedItem","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  renderSection: RenderSection<T>;\n\n  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {\n    this.table = table;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    const result: KeyedItem<T>[] = [];\n    let currentSection: Section | null = null;\n\n    // For design purposes, we add an invisible row to the beginning of the table,\n    // so the width of the columns won't be affected by the section headers.\n    if (this.table.keyedItems.length > 0) {\n      result.push({\n        id: INVISIBLE_ROW_ID,\n        key: INVISIBLE_ROW_ID,\n        item: this.table.keyedItems[0].item,\n        index: result.length,\n        pageIndex: 0,\n        indexWithinPage: result.length,\n      });\n    }\n\n    this.table.keyedItems.forEach((keyedItem) => {\n      const section = this.renderSection(keyedItem.item);\n\n      if (section.id !== currentSection?.id) {\n        const sectionId = this.generateSectionId(keyedItem.id);\n\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: sectionId,\n          key: sectionId,\n          item: keyedItem.item,\n          index: result.length,\n          pageIndex: 0,\n          indexWithinPage: result.length,\n        };\n\n        result.push(sectionKeyedItem);\n        currentSection = section;\n      }\n\n      result.push(keyedItem);\n    });\n\n    return result;\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAKA,MAAMC,cAAc,GAAG,8BAA8B;AACrD,MAAMC,gBAAgB,GAAG,GAAGD,cAAc,WAAW;AAE9C,MAAME,kBAAkB,CAA0B;EAIvDC,WAAWA,CAACC,KAAuB,EAAEC,aAA+B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACpE,IAAI,CAACH,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,aAAa,GAAGA,aAAa;IAClC,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,kBAAkB,EAAEC;IACtB,CAAC,CAAC;EACJ;EAEQC,iBAAiBA,CAACC,WAAmB,EAAU;IACrD,OAAO,GAAGZ,cAAc,GAAGY,WAAW,EAAE;EAC1C;EAEA,IAAIH,kBAAkBA,CAAA,EAAmB;IACvC,MAAMI,MAAsB,GAAG,EAAE;IACjC,IAAIC,cAA8B,GAAG,IAAI;;IAEzC;IACA;IACA,IAAI,IAAI,CAACV,KAAK,CAACW,UAAU,CAACC,MAAM,GAAG,CAAC,EAAE;MACpCH,MAAM,CAACI,IAAI,CAAC;QACVC,EAAE,EAAEjB,gBAAgB;QACpBkB,GAAG,EAAElB,gBAAgB;QACrBmB,IAAI,EAAE,IAAI,CAAChB,KAAK,CAACW,UAAU,CAAC,CAAC,CAAC,CAACK,IAAI;QACnCC,KAAK,EAAER,MAAM,CAACG,MAAM;QACpBM,SAAS,EAAE,CAAC;QACZC,eAAe,EAAEV,MAAM,CAACG;MAC1B,CAAC,CAAC;IACJ;IAEA,IAAI,CAACZ,KAAK,CAACW,UAAU,CAACS,OAAO,CAAEC,SAAS,IAAK;MAAA,IAAAC,eAAA;MAC3C,MAAMC,OAAO,GAAG,IAAI,CAACtB,aAAa,CAACoB,SAAS,CAACL,IAAI,CAAC;MAElD,IAAIO,OAAO,CAACT,EAAE,OAAAQ,eAAA,GAAKZ,cAAc,qBAAdY,eAAA,CAAgBR,EAAE,GAAE;QACrC,MAAMU,SAAS,GAAG,IAAI,CAACjB,iBAAiB,CAACc,SAAS,CAACP,EAAE,CAAC;QAEtD,MAAMW,gBAA8B,GAAG;UACrCX,EAAE,EAAEU,SAAS;UACbT,GAAG,EAAES,SAAS;UACdR,IAAI,EAAEK,SAAS,CAACL,IAAI;UACpBC,KAAK,EAAER,MAAM,CAACG,MAAM;UACpBM,SAAS,EAAE,CAAC;UACZC,eAAe,EAAEV,MAAM,CAACG;QAC1B,CAAC;QAEDH,MAAM,CAACI,IAAI,CAACY,gBAAgB,CAAC;QAC7Bf,cAAc,GAAGa,OAAO;MAC1B;MAEAd,MAAM,CAACI,IAAI,CAACQ,SAAS,CAAC;IACxB,CAAC,CAAC;IAEF,OAAOZ,MAAM;EACf;EAEAiB,YAAYA,CAACL,SAAuB,EAAW;IAC7C,OAAOA,SAAS,CAACP,EAAE,CAACa,UAAU,CAAC/B,cAAc,CAAC;EAChD;EAEAgC,cAAcA,CAACP,SAAuB,EAAW;IAC/C,OAAOA,SAAS,CAACP,EAAE,KAAKjB,gBAAgB;EAC1C;AACF;AAACgC,OAAA,CAAA/B,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","sectionCounts","generateSectionId","firstItemId","computeSectionData","counts","Map","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","keyedItem","section","sectionId","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","getSectionWithCount","headerId","sectionData","get","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  renderSection: RenderSection<T>;\n\n  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {\n    this.table = table;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n      sectionCounts: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  private get computeSectionData(): {\n    counts: Map<string, { count: number; isComplete: boolean }>;\n    keyedItems: KeyedItem<T>[];\n  } {\n    const counts = new Map<string, { count: number; isComplete: boolean }>();\n    const keyedItems: KeyedItem<T>[] = [];\n\n    if (this.table.keyedItems.length === 0) {\n      return { counts, keyedItems };\n    }\n\n    // Add invisible row for design purposes\n    keyedItems.push({\n      id: INVISIBLE_ROW_ID,\n      key: INVISIBLE_ROW_ID,\n      item: this.table.keyedItems[0].item,\n      index: 0,\n      pageIndex: 0,\n      indexWithinPage: 0,\n    });\n\n    let currentSectionId: string | null = null;\n    let currentSectionIndex: number = 0;\n    let currentHeaderId: string | null = null;\n    let count = 0;\n\n    for (const keyedItem of this.table.keyedItems) {\n      const section = this.renderSection(keyedItem.item);\n      const sectionId = section.id;\n\n      if (sectionId !== currentSectionId) {\n        // Store count for previous section\n        if (currentHeaderId) {\n          counts.set(currentHeaderId, { count, isComplete: true });\n        }\n\n        // Start new section\n        currentSectionId = sectionId;\n        currentHeaderId = this.generateSectionId(\n          `${sectionId}@${currentSectionIndex}`,\n        );\n        currentSectionIndex++;\n        count = 1;\n\n        // Add section header to keyed items\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: currentHeaderId,\n          key: currentHeaderId,\n          item: keyedItem.item,\n          index: keyedItems.length,\n          pageIndex: 0,\n          indexWithinPage: keyedItems.length,\n        };\n        keyedItems.push(sectionKeyedItem);\n      } else {\n        count++;\n      }\n\n      // Add the actual data item\n      keyedItems.push(keyedItem);\n    }\n\n    // Handle last section\n    if (currentHeaderId) {\n      const isLastSectionComplete = this.table.collection.fetchedLastPage;\n      counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n    }\n\n    return { counts, keyedItems };\n  }\n\n  get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n    return this.computeSectionData.counts;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    return this.computeSectionData.keyedItems;\n  }\n\n  getSectionWithCount(\n    sectionKeyedItem: KeyedItem<T>,\n  ): Section & { count: number; hasMore: boolean } {\n    const section = this.renderSection(sectionKeyedItem.item);\n    const headerId = sectionKeyedItem.id;\n    const sectionData = headerId\n      ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }\n      : { count: 0, isComplete: true };\n\n    return {\n      ...section,\n      count: sectionData.count,\n      hasMore: !sectionData.isComplete,\n    };\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter3173755461";
+var _namespace_ = "TabsFilter204733255";
 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": "TabsFilter3173755461__root",
-  "title": "TabsFilter3173755461__title"
+  "root": "TabsFilter204733255__root",
+  "title": "TabsFilter204733255__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_ = \"TabsFilter3173755461\";\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\":\"TabsFilter3173755461__root\",\"title\":\"TabsFilter3173755461__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_ = \"TabsFilter204733255\";\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\":\"TabsFilter204733255__root\",\"title\":\"TabsFilter204733255__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,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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_ = "ManageTagsModal4257661307";
+var _namespace_ = "ManageTagsModal1611125177";
 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": "ManageTagsModal4257661307__root"
+  "root": "ManageTagsModal1611125177__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_ = \"ManageTagsModal4257661307\";\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\":\"ManageTagsModal4257661307__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_ = \"ManageTagsModal1611125177\";\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\":\"ManageTagsModal1611125177__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox2075484732";
+var _namespace_ = "ToolbarItemBox1995606764";
 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": "ToolbarItemBox2075484732__root"
+  "root": "ToolbarItemBox1995606764__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_ = \"ToolbarItemBox2075484732\";\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\":\"ToolbarItemBox2075484732__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_ = \"ToolbarItemBox1995606764\";\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\":\"ToolbarItemBox1995606764__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common927454859";
+var _namespace_ = "common2547936100";
 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": "common927454859__root",
-  "column": "common927454859__column",
-  "fullHeight": "common927454859__fullHeight"
+  "root": "common2547936100__root",
+  "column": "common2547936100__column",
+  "fullHeight": "common2547936100__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_ = \"common927454859\";\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\":\"common927454859__root\",\"column\":\"common927454859__column\",\"fullHeight\":\"common927454859__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":[]}
+{"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_ = \"common2547936100\";\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\":\"common2547936100__root\",\"column\":\"common2547936100__column\",\"fullHeight\":\"common2547936100__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useKanban.js

@@ -2,18 +2,63 @@
 
 exports.__esModule = true;
 exports.useKanban = void 0;
-var _KanbanState = require("../state/KanbanState");
-var _useOptionalCachedState = require("./useOptionalCachedState");
 var _react = require("@wix/bex-core/react");
+var _react2 = require("react");
+var _KanbanState = require("../state/KanbanState");
 const useKanban = params => {
   const container = (0, _react.useWixPatternsContainer)();
   if (!container) {
     throw new Error('useKanban must be used within a WixPatternsContainer');
   }
-  return (0, _useOptionalCachedState.useOptionalCachedState)(() => new _KanbanState.KanbanState({
+  const [currentKanbanState, setCurrentKanbanState] = (0, _react2.useState)(() => new _KanbanState.KanbanState({
     ...params,
     container
   }));
+  const previousKanbanIdRef = (0, _react2.useRef)(params.kanbanId);
+  const stateCleanupFunctionRef = (0, _react2.useRef)(null);
+  (0, _react2.useEffect)(() => {
+    const hasKanbanIdChanged = previousKanbanIdRef.current !== params.kanbanId;
+    if (hasKanbanIdChanged) {
+      const recreateKanbanStateForNewId = async () => {
+        const cleanupPreviousState = stateCleanupFunctionRef.current;
+        if (cleanupPreviousState) {
+          cleanupPreviousState();
+          stateCleanupFunctionRef.current = null;
+        }
+        const newKanbanState = new _KanbanState.KanbanState({
+          ...params,
+          container
+        });
+        const cleanupFunction = await newKanbanState.init();
+        stateCleanupFunctionRef.current = cleanupFunction;
+        setCurrentKanbanState(newKanbanState);
+        previousKanbanIdRef.current = params.kanbanId;
+      };
+      recreateKanbanStateForNewId();
+    }
+  }, [params.kanbanId, container]);
+  (0, _react2.useEffect)(() => {
+    const needsInitialization = !stateCleanupFunctionRef.current && previousKanbanIdRef.current === params.kanbanId;
+    if (needsInitialization) {
+      currentKanbanState.init().then(cleanupFunction => {
+        const isStillCurrentState = previousKanbanIdRef.current === params.kanbanId;
+        if (isStillCurrentState) {
+          stateCleanupFunctionRef.current = cleanupFunction;
+        } else {
+          cleanupFunction == null || cleanupFunction();
+        }
+      });
+    }
+  }, [currentKanbanState, params.kanbanId]);
+  (0, _react2.useEffect)(() => {
+    return () => {
+      const cleanupCurrentState = stateCleanupFunctionRef.current;
+      if (cleanupCurrentState) {
+        cleanupCurrentState();
+      }
+    };
+  }, []);
+  return currentKanbanState;
 };
 exports.useKanban = useKanban;
 //# sourceMappingURL=useKanban.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_KanbanState","require","_useOptionalCachedState","_react","useKanban","params","container","useWixPatternsContainer","Error","useOptionalCachedState","KanbanState","exports"],"sources":["../../../src/hooks/useKanban.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { KanbanState, KanbanStateBaseParams } from '../state/KanbanState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport const useKanban = <T, S, F extends FiltersMap = OptionalFiltersMap>(\n  params: KanbanStateBaseParams<T, S, F>,\n): KanbanState<T, S, F> => {\n  const container = useWixPatternsContainer();\n  if (!container) {\n    throw new Error('useKanban must be used within a WixPatternsContainer');\n  }\n\n  return useOptionalCachedState(\n    () =>\n      new KanbanState<T, S, F>({\n        ...params,\n        container,\n      }),\n  );\n};\n"],"mappings":";;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GACpBC,MAAsC,IACb;EACzB,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,IAAI,CAACD,SAAS,EAAE;IACd,MAAM,IAAIE,KAAK,CAAC,sDAAsD,CAAC;EACzE;EAEA,OAAO,IAAAC,8CAAsB,EAC3B,MACE,IAAIC,wBAAW,CAAU;IACvB,GAAGL,MAAM;IACTC;EACF,CAAC,CACL,CAAC;AACH,CAAC;AAACK,OAAA,CAAAP,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_KanbanState","useKanban","params","container","useWixPatternsContainer","Error","currentKanbanState","setCurrentKanbanState","useState","KanbanState","previousKanbanIdRef","useRef","kanbanId","stateCleanupFunctionRef","useEffect","hasKanbanIdChanged","current","recreateKanbanStateForNewId","cleanupPreviousState","newKanbanState","cleanupFunction","init","needsInitialization","then","isStillCurrentState","cleanupCurrentState","exports"],"sources":["../../../src/hooks/useKanban.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useRef, useState } from 'react';\nimport { KanbanState, KanbanStateBaseParams } from '../state/KanbanState';\n\nexport const useKanban = <T, S, F extends FiltersMap = OptionalFiltersMap>(\n  params: KanbanStateBaseParams<T, S, F>,\n): KanbanState<T, S, F> => {\n  const container = useWixPatternsContainer();\n  if (!container) {\n    throw new Error('useKanban must be used within a WixPatternsContainer');\n  }\n\n  const [currentKanbanState, setCurrentKanbanState] = useState<\n    KanbanState<T, S, F>\n  >(\n    () =>\n      new KanbanState<T, S, F>({\n        ...params,\n        container,\n      }),\n  );\n\n  const previousKanbanIdRef = useRef(params.kanbanId);\n  const stateCleanupFunctionRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    const hasKanbanIdChanged = previousKanbanIdRef.current !== params.kanbanId;\n\n    if (hasKanbanIdChanged) {\n      const recreateKanbanStateForNewId = async () => {\n        const cleanupPreviousState = stateCleanupFunctionRef.current;\n        if (cleanupPreviousState) {\n          cleanupPreviousState();\n          stateCleanupFunctionRef.current = null;\n        }\n\n        const newKanbanState = new KanbanState<T, S, F>({\n          ...params,\n          container,\n        });\n\n        const cleanupFunction = await newKanbanState.init();\n        stateCleanupFunctionRef.current = cleanupFunction;\n\n        setCurrentKanbanState(newKanbanState);\n        previousKanbanIdRef.current = params.kanbanId;\n      };\n\n      recreateKanbanStateForNewId();\n    }\n  }, [params.kanbanId, container]);\n\n  useEffect(() => {\n    const needsInitialization =\n      !stateCleanupFunctionRef.current &&\n      previousKanbanIdRef.current === params.kanbanId;\n\n    if (needsInitialization) {\n      currentKanbanState.init().then((cleanupFunction) => {\n        const isStillCurrentState =\n          previousKanbanIdRef.current === params.kanbanId;\n\n        if (isStillCurrentState) {\n          stateCleanupFunctionRef.current = cleanupFunction;\n        } else {\n          cleanupFunction?.();\n        }\n      });\n    }\n  }, [currentKanbanState, params.kanbanId]);\n\n  useEffect(() => {\n    return () => {\n      const cleanupCurrentState = stateCleanupFunctionRef.current;\n      if (cleanupCurrentState) {\n        cleanupCurrentState();\n      }\n    };\n  }, []);\n\n  return currentKanbanState;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GACpBC,MAAsC,IACb;EACzB,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,IAAI,CAACD,SAAS,EAAE;IACd,MAAM,IAAIE,KAAK,CAAC,sDAAsD,CAAC;EACzE;EAEA,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,gBAAQ,EAG1D,MACE,IAAIC,wBAAW,CAAU;IACvB,GAAGP,MAAM;IACTC;EACF,CAAC,CACL,CAAC;EAED,MAAMO,mBAAmB,GAAG,IAAAC,cAAM,EAACT,MAAM,CAACU,QAAQ,CAAC;EACnD,MAAMC,uBAAuB,GAAG,IAAAF,cAAM,EAAsB,IAAI,CAAC;EAEjE,IAAAG,iBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAGL,mBAAmB,CAACM,OAAO,KAAKd,MAAM,CAACU,QAAQ;IAE1E,IAAIG,kBAAkB,EAAE;MACtB,MAAME,2BAA2B,GAAG,MAAAA,CAAA,KAAY;QAC9C,MAAMC,oBAAoB,GAAGL,uBAAuB,CAACG,OAAO;QAC5D,IAAIE,oBAAoB,EAAE;UACxBA,oBAAoB,CAAC,CAAC;UACtBL,uBAAuB,CAACG,OAAO,GAAG,IAAI;QACxC;QAEA,MAAMG,cAAc,GAAG,IAAIV,wBAAW,CAAU;UAC9C,GAAGP,MAAM;UACTC;QACF,CAAC,CAAC;QAEF,MAAMiB,eAAe,GAAG,MAAMD,cAAc,CAACE,IAAI,CAAC,CAAC;QACnDR,uBAAuB,CAACG,OAAO,GAAGI,eAAe;QAEjDb,qBAAqB,CAACY,cAAc,CAAC;QACrCT,mBAAmB,CAACM,OAAO,GAAGd,MAAM,CAACU,QAAQ;MAC/C,CAAC;MAEDK,2BAA2B,CAAC,CAAC;IAC/B;EACF,CAAC,EAAE,CAACf,MAAM,CAACU,QAAQ,EAAET,SAAS,CAAC,CAAC;EAEhC,IAAAW,iBAAS,EAAC,MAAM;IACd,MAAMQ,mBAAmB,GACvB,CAACT,uBAAuB,CAACG,OAAO,IAChCN,mBAAmB,CAACM,OAAO,KAAKd,MAAM,CAACU,QAAQ;IAEjD,IAAIU,mBAAmB,EAAE;MACvBhB,kBAAkB,CAACe,IAAI,CAAC,CAAC,CAACE,IAAI,CAAEH,eAAe,IAAK;QAClD,MAAMI,mBAAmB,GACvBd,mBAAmB,CAACM,OAAO,KAAKd,MAAM,CAACU,QAAQ;QAEjD,IAAIY,mBAAmB,EAAE;UACvBX,uBAAuB,CAACG,OAAO,GAAGI,eAAe;QACnD,CAAC,MAAM;UACLA,eAAe,YAAfA,eAAe,CAAG,CAAC;QACrB;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACd,kBAAkB,EAAEJ,MAAM,CAACU,QAAQ,CAAC,CAAC;EAEzC,IAAAE,iBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,MAAMW,mBAAmB,GAAGZ,uBAAuB,CAACG,OAAO;MAC3D,IAAIS,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOnB,kBAAkB;AAC3B,CAAC;AAACoB,OAAA,CAAAzB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/model/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["columnSortOrder","exports","Ascending","Descending","ALL_ITEMS_VIEW_ID","SAVED_VIEWS_ID","PREDEFINED_VIEWS_ID","ALL_ITEMS_SORT_IND","SAVED_VIEWS_SORT_IND","PREDEFINED_VIEWS_SORT_IND"],"sources":["../../../src/model/view.ts"],"sourcesContent":["import { AllFilters, FiltersMap, ExtractFilterValue } from '@wix/bex-core';\nimport { InfoIconProps } from '@wix/design-system';\n\nexport type ColumnSortOrder = 'Ascending' | 'Descending';\n\nexport const columnSortOrder = {\n  Ascending: 'Ascending' as const,\n  Descending: 'Descending' as const,\n};\n\nexport interface ColumnViewConfig {\n  id: string;\n  name?: string;\n  isSelected?: boolean;\n}\n\nexport interface ColumnSortConfig {\n  columnId: string;\n  direction: ColumnSortOrder;\n}\n\nexport interface BasicCategory {\n  id: string;\n  /**\n   *\n   * What the category is called in the dropdown.\n   * @external\n   */\n  name: string;\n  /**\n   * [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)\n   * @external\n   */\n  info?: InfoIconProps;\n}\n\nexport interface Category<F extends FiltersMap> extends BasicCategory {\n  /**\n   * Unique identifier.\n   * @external\n   */\n  id: string;\n\n  /**\n   * Array of [view objects](./?path=%2Fstory%2Fcommon-types--view) that appear under the category in the dropdown.\n   * @external\n   */\n  views: View<F>[];\n}\n\nexport type ViewFiltersValues<F extends FiltersMap> = {\n  [P in keyof F]: {\n    value?: ExtractFilterValue<F[P]>;\n  } | null;\n};\n\nexport interface ViewBase<F extends FiltersMap> {\n  /**\n   * Filters to apply when the view is selected.\n   * @external\n   */\n  filters?: Partial<ViewFiltersValues<AllFilters<F>>> | null;\n  orderedColumns?: ColumnViewConfig[];\n  /**\n   * Array of the selected columns.\n   * @external\n   */\n  selectedColumns?: ColumnViewConfig[];\n  /**\n   * Array of sort directions.\n   * @external\n   */\n  sortDirections?: ColumnSortConfig[];\n}\n\nexport interface View<F extends FiltersMap> extends ViewBase<F> {\n  /**\n   * Unique identifier. Do not use category IDs, `saved-views`, or `predefined-views`.\n   * @external\n   */\n  id: string;\n\n  /**\n   * What the view is called in the dropdown.\n   * @external\n   */\n  name: string;\n\n  /**\n   * Whether the view is automatically applied when the table initially loads.\n   * @external\n   */\n  isDefaultView?: boolean;\n  createdAt?: string;\n}\n\nexport type AllItemsViewProps<F extends FiltersMap> = Omit<\n  View<F>,\n  'id' | 'createdAt' | 'filters' | 'isDefaultView' | 'name'\n> & {\n  /** A label to show instead of default 'All Items' */\n  name?: string;\n\n  /** Hides 'All Items' view from the list, default: false. Will be ignored if no presets are passed. */\n  hidden?: boolean;\n};\n\nexport type ViewActionNameBI =\n  | 'view-save-changes'\n  | 'view-save-new'\n  | 'view-rename'\n  | 'view-delete'\n  | 'view-set-as-default'\n  | 'view-unset-as-default';\n\nexport type PrivateView<F extends FiltersMap> = View<F> & {\n  categoryId?: string;\n  categorySortInd: string;\n  isPreset: boolean;\n};\n\nexport interface ViewsDTO<F extends FiltersMap> {\n  hiddenPresetIds?: string[];\n  views?: View<F>[];\n}\n\nexport const ALL_ITEMS_VIEW_ID = 'all-items-view';\nexport const SAVED_VIEWS_ID = 'saved-views';\nexport const PREDEFINED_VIEWS_ID = 'predefined-views';\n\nexport const ALL_ITEMS_SORT_IND = '0';\nexport const SAVED_VIEWS_SORT_IND = '1';\nexport const PREDEFINED_VIEWS_SORT_IND = '2';\n"],"mappings":";;;;AAKO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,SAAS,EAAE,WAAoB;EAC/BC,UAAU,EAAE;AACd,CAAC;AAsHM,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,gBAAgB;AAC1C,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,aAAa;AACpC,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,kBAAkB;AAE9C,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,GAAG;AAC9B,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAG,GAAG;AAChC,MAAMC,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG,GAAG","ignoreList":[]}
+{"version":3,"names":["columnSortOrder","exports","Ascending","Descending","ALL_ITEMS_VIEW_ID","SAVED_VIEWS_ID","PREDEFINED_VIEWS_ID","ALL_ITEMS_SORT_IND","SAVED_VIEWS_SORT_IND","PREDEFINED_VIEWS_SORT_IND"],"sources":["../../../src/model/view.ts"],"sourcesContent":["import { AllFilters, FiltersMap, ExtractFilterValue } from '@wix/bex-core';\nimport { InfoIconProps } from '@wix/design-system';\n\nexport type ColumnSortOrder = 'Ascending' | 'Descending';\n\nexport const columnSortOrder = {\n  Ascending: 'Ascending' as const,\n  Descending: 'Descending' as const,\n};\n\nexport interface ColumnViewConfig {\n  id: string;\n  name?: string;\n  isSelected?: boolean;\n}\n\nexport interface ColumnSortConfig {\n  columnId: string;\n  direction: ColumnSortOrder;\n}\n\nexport interface BasicCategory {\n  id: string;\n  /**\n   *\n   * What the category is called in the dropdown.\n   * @external\n   */\n  name: string;\n  /**\n   * [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)\n   * @external\n   */\n  info?: InfoIconProps;\n}\n\nexport interface Category<F extends FiltersMap> extends BasicCategory {\n  /**\n   * Unique identifier.\n   * @external\n   */\n  id: string;\n\n  /**\n   * Array of [view objects](./?path=%2Fstory%2Fcommon-types--view) that appear under the category in the dropdown.\n   * @external\n   */\n  views: View<F>[];\n}\n\nexport type ViewFiltersValues<F extends FiltersMap> = {\n  [P in keyof F]: {\n    value?: ExtractFilterValue<F[P]>;\n  } | null;\n};\n\nexport interface ViewBase<F extends FiltersMap> {\n  /**\n   * Filters to apply when the view is selected.\n   * @external\n   */\n  filters?: Partial<ViewFiltersValues<AllFilters<F>>> | null;\n  orderedColumns?: ColumnViewConfig[];\n  /**\n   * Array of the selected columns.\n   * @external\n   */\n  selectedColumns?: ColumnViewConfig[];\n  /**\n   * Array of sort directions.\n   * @external\n   */\n  sortDirections?: ColumnSortConfig[];\n}\n\nexport interface View<F extends FiltersMap> extends ViewBase<F> {\n  /**\n   * Unique identifier. Do not use category IDs, `saved-views`, or `predefined-views`.\n   * @external\n   */\n  id: string;\n\n  /**\n   * What the view is called in the dropdown.\n   * @external\n   */\n  name: string;\n\n  /**\n   * Whether the view is automatically applied when the table initially loads.\n   * @external\n   */\n  isDefaultView?: boolean;\n  createdAt?: string;\n  /**\n   * Extra data to be passed to the view.\n   * @external\n   */\n  extra?: string;\n}\n\nexport type AllItemsViewProps<F extends FiltersMap> = Omit<\n  View<F>,\n  'id' | 'createdAt' | 'filters' | 'isDefaultView' | 'name'\n> & {\n  /** A label to show instead of default 'All Items' */\n  name?: string;\n\n  /** Hides 'All Items' view from the list, default: false. Will be ignored if no presets are passed. */\n  hidden?: boolean;\n};\n\nexport type ViewActionNameBI =\n  | 'view-save-changes'\n  | 'view-save-new'\n  | 'view-rename'\n  | 'view-delete'\n  | 'view-set-as-default'\n  | 'view-unset-as-default';\n\nexport type PrivateView<F extends FiltersMap> = View<F> & {\n  categoryId?: string;\n  categorySortInd: string;\n  isPreset: boolean;\n};\n\nexport interface ViewsDTO<F extends FiltersMap> {\n  hiddenPresetIds?: string[];\n  views?: View<F>[];\n}\n\nexport const ALL_ITEMS_VIEW_ID = 'all-items-view';\nexport const SAVED_VIEWS_ID = 'saved-views';\nexport const PREDEFINED_VIEWS_ID = 'predefined-views';\n\nexport const ALL_ITEMS_SORT_IND = '0';\nexport const SAVED_VIEWS_SORT_IND = '1';\nexport const PREDEFINED_VIEWS_SORT_IND = '2';\n"],"mappings":";;;;AAKO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,SAAS,EAAE,WAAoB;EAC/BC,UAAU,EAAE;AACd,CAAC;AA2HM,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,gBAAgB;AAC1C,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,aAAa;AACpC,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,kBAAkB;AAE9C,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,GAAG;AAC9B,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAG,GAAG;AAChC,MAAMC,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG,GAAG","ignoreList":[]}