@wix/patterns 1.41.0 → 1.43.0

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_ = "SkeletonCard193931560";
+var _namespace_ = "SkeletonCard3540712578";
 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": "SkeletonCard193931560__root",
-  "headerLoading": "SkeletonCard193931560__headerLoading"
+  "root": "SkeletonCard3540712578__root",
+  "headerLoading": "SkeletonCard3540712578__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_ = \"SkeletonCard193931560\";\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\":\"SkeletonCard193931560__root\",\"headerLoading\":\"SkeletonCard193931560__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,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,6BAA6B;EAAC,eAAe,EAAC;AAAsC,CAAC;AAC3G,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_ = \"SkeletonCard3540712578\";\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\":\"SkeletonCard3540712578__root\",\"headerLoading\":\"SkeletonCard3540712578__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_ = "SlidingModal980196266";
+var _namespace_ = "SlidingModal3671699233";
 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": "SlidingModal980196266__root"
+  "root": "SlidingModal3671699233__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_ = \"SlidingModal980196266\";\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\":\"SlidingModal980196266__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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3671699233\";\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\":\"SlidingModal3671699233__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/TableBaseRow.js

@@ -11,6 +11,7 @@ var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cj
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const TableBaseRow = exports.TableBaseRow = (0, _mobxReactLite.observer)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var _rest$style;
   const {
     state,
     rowData,
@@ -22,29 +23,30 @@ const TableBaseRow = exports.TableBaseRow = (0, _mobxReactLite.observer)( /*#__P
     ref: ref
   }, rest, {
     style: {
-      position: isLoadingRow ? 'relative' : undefined,
-      ...rest.style
+      ...rest.style,
+      position: isLoadingRow ? 'relative' : (_rest$style = rest.style) == null ? void 0 : _rest$style.position
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 16,
       columnNumber: 7
     }
-  }), isLoadingRow && Array.isArray(children) ? children == null ? void 0 : children.map(child => {
-    return /*#__PURE__*/_react.default.cloneElement(child, {
+  }), isLoadingRow && Array.isArray(children) ? children.map((child, index) => {
+    return index === children.length - 1 ? /*#__PURE__*/_react.default.createElement(_LoadingRowTD.LoadingRowTD, {
+      state: state,
+      replacedCell: child,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 27,
+        columnNumber: 17
+      }
+    }) : ( /*#__PURE__*/_react.default.cloneElement(child, {
       style: {
         visibility: 'hidden'
       }
-    });
-  }) : children, isLoadingRow && /*#__PURE__*/_react.default.createElement(_LoadingRowTD.LoadingRowTD, {
-    state: state,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 32,
-      columnNumber: 26
-    }
-  }));
+    }));
+  }) : children);
 }));
 //# sourceMappingURL=TableBaseRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_LoadingRowTD","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TableBaseRow","exports","observer","forwardRef","props","ref","state","rowData","children","rest","isLoadingRow","isLoading","id","createElement","_extends2","style","position","undefined","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","map","child","React","cloneElement","visibility","LoadingRowTD"],"sources":["../../../../src/components/Table/TableBaseRow.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { LoadingRowState } from '../LoadingRow/LoadingRowState';\nimport { LoadingRowTD } from '../LoadingRow/LoadingRowTD';\n\ninterface TableBaseRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  state: LoadingRowState;\n  rowData: { id: string };\n}\n\nexport const TableBaseRow = observer(\n  forwardRef((props: PropsWithChildren<TableBaseRowProps>, ref: any) => {\n    const { state, rowData, children, ...rest } = props;\n    const isLoadingRow = state.isLoading(rowData.id);\n\n    return (\n      <tr\n        ref={ref}\n        {...rest}\n        style={{\n          position: isLoadingRow ? 'relative' : undefined,\n          ...rest.style,\n        }}\n      >\n        {isLoadingRow && Array.isArray(children)\n          ? children?.map((child) => {\n              return React.cloneElement(child, {\n                style: { visibility: 'hidden' },\n              });\n            })\n          : children}\n        {isLoadingRow && <LoadingRowTD state={state} />}\n      </tr>\n    );\n  }),\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAA0D,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOnD,MAAMW,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,gBAClC,IAAAC,iBAAU,EAAC,CAACC,KAA2C,EAAEC,GAAQ,KAAK;EACpE,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EACnD,MAAMM,YAAY,GAAGJ,KAAK,CAACK,SAAS,CAACJ,OAAO,CAACK,EAAE,CAAC;EAEhD,oBACEtC,MAAA,CAAAY,OAAA,CAAA2B,aAAA,WAAAC,SAAA,CAAA5B,OAAA;IACEmB,GAAG,EAAEA;EAAI,GACLI,IAAI;IACRM,KAAK,EAAE;MACLC,QAAQ,EAAEN,YAAY,GAAG,UAAU,GAAGO,SAAS;MAC/C,GAAGR,IAAI,CAACM;IACV,CAAE;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDZ,YAAY,IAAIa,KAAK,CAACC,OAAO,CAAChB,QAAQ,CAAC,GACpCA,QAAQ,oBAARA,QAAQ,CAAEiB,GAAG,CAAEC,KAAK,IAAK;IACvB,oBAAOC,cAAK,CAACC,YAAY,CAACF,KAAK,EAAE;MAC/BX,KAAK,EAAE;QAAEc,UAAU,EAAE;MAAS;IAChC,CAAC,CAAC;EACJ,CAAC,CAAC,GACFrB,QAAQ,EACXE,YAAY,iBAAIpC,MAAA,CAAAY,OAAA,CAAA2B,aAAA,CAACnC,aAAA,CAAAoD,YAAY;IAACxB,KAAK,EAAEA,KAAM;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CAAC;AAET,CAAC,CACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_LoadingRowTD","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TableBaseRow","exports","observer","forwardRef","props","ref","_rest$style","state","rowData","children","rest","isLoadingRow","isLoading","id","createElement","_extends2","style","position","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","map","child","index","length","LoadingRowTD","replacedCell","React","cloneElement","visibility"],"sources":["../../../../src/components/Table/TableBaseRow.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { LoadingRowState } from '../LoadingRow/LoadingRowState';\nimport { LoadingRowTD } from '../LoadingRow/LoadingRowTD';\n\ninterface TableBaseRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  state: LoadingRowState;\n  rowData: { id: string };\n}\n\nexport const TableBaseRow = observer(\n  forwardRef((props: PropsWithChildren<TableBaseRowProps>, ref: any) => {\n    const { state, rowData, children, ...rest } = props;\n    const isLoadingRow = state.isLoading(rowData.id);\n    return (\n      <tr\n        ref={ref}\n        {...rest}\n        style={{\n          ...rest.style,\n          position: isLoadingRow ? 'relative' : rest.style?.position,\n        }}\n      >\n        {isLoadingRow && Array.isArray(children)\n          ? children.map((child, index) => {\n              return index === children.length - 1 ? (\n                <LoadingRowTD state={state} replacedCell={child} />\n              ) : (\n                React.cloneElement(child, {\n                  style: { visibility: 'hidden' },\n                })\n              );\n            })\n          : children}\n      </tr>\n    );\n  }),\n);\n"],"mappings":"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","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_ = "TableVirtualHeader3453736862";
+var _namespace_ = "TableVirtualHeader631373700";
 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": "TableVirtualHeader3453736862__root"
+  "root": "TableVirtualHeader631373700__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_ = \"TableVirtualHeader3453736862\";\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\":\"TableVirtualHeader3453736862__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_ = \"TableVirtualHeader631373700\";\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\":\"TableVirtualHeader631373700__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/TableSkeleton/TableSkeleton.js

@@ -45,14 +45,14 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 53,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -62,7 +62,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 54,
         columnNumber: 15
       }
     })))
@@ -79,7 +79,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 72,
         columnNumber: 16
       }
     }));
@@ -96,7 +96,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 81,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table, (0, _extends2.default)({
@@ -109,14 +109,18 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 82,
         columnNumber: 7
       }
-    }), /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      backgroundColor: "D80",
+      borderRadius: "0px 0px 8px 8px",
+      overflow: "hidden",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 90,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Content, {
@@ -124,7 +128,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 96,
         columnNumber: 11
       }
     }))))

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableSkeleton","props","state","dataHook","rowsCount","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","Table","skin","withWrapper","Card","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  Card,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState, ResponsiveColumnsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth) {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Card>\n          <Table.Content titleBarVisible={true} />\n        </Card>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableSkeleton","props","state","dataHook","rowsCount","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","Table","skin","withWrapper","backgroundColor","borderRadius","overflow","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState, ResponsiveColumnsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth) {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Box\n          direction=\"vertical\"\n          backgroundColor=\"D80\"\n          borderRadius=\"0px 0px 8px 8px\"\n          overflow=\"hidden\"\n        >\n          <Table.Content titleBarVisible={true} />\n        </Box>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\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_ = "TabsFilter3519979572";
+var _namespace_ = "TabsFilter185264216";
 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": "TabsFilter3519979572__root",
-  "title": "TabsFilter3519979572__title"
+  "root": "TabsFilter185264216__root",
+  "title": "TabsFilter185264216__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_ = \"TabsFilter3519979572\";\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\":\"TabsFilter3519979572__root\",\"title\":\"TabsFilter3519979572__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_ = \"TabsFilter185264216\";\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\":\"TabsFilter185264216__root\",\"title\":\"TabsFilter185264216__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_ = "ManageTagsModal3215574413";
+var _namespace_ = "ManageTagsModal3955318293";
 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": "ManageTagsModal3215574413__root"
+  "root": "ManageTagsModal3955318293__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_ = \"ManageTagsModal3215574413\";\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\":\"ManageTagsModal3215574413__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_ = \"ManageTagsModal3955318293\";\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\":\"ManageTagsModal3955318293__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_ = "ToolbarItemBox382267334";
+var _namespace_ = "ToolbarItemBox1999362265";
 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": "ToolbarItemBox382267334__root"
+  "root": "ToolbarItemBox1999362265__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_ = \"ToolbarItemBox382267334\";\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\":\"ToolbarItemBox382267334__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1999362265\";\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\":\"ToolbarItemBox1999362265__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_ = "common1673700424";
+var _namespace_ = "common227638127";
 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": "common1673700424__root",
-  "column": "common1673700424__column",
-  "fullHeight": "common1673700424__fullHeight"
+  "root": "common227638127__root",
+  "column": "common227638127__column",
+  "fullHeight": "common227638127__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_ = \"common1673700424\";\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\":\"common1673700424__root\",\"column\":\"common1673700424__column\",\"fullHeight\":\"common1673700424__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_ = \"common227638127\";\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\":\"common227638127__root\",\"column\":\"common227638127__column\",\"fullHeight\":\"common227638127__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

@@ -7,16 +7,32 @@ var _state = require("../state");
 var _useOptionalCachedState = require("./useOptionalCachedState");
 function useNestedTable(params) {
   const container = (0, _react.useWixPatternsContainer)();
+  const getNestedCollection = (nestedTableState, entity) => {
+    if (typeof entity.parentId === 'string') {
+      const parentState = nestedTableState.nested.getKeyedItem(entity.parentId);
+      if (!parentState) {
+        return null;
+      }
+      const childNode = parentState.item.state.parentKeyToChildrenMap.get(entity.parentId);
+      if (!childNode) {
+        return null;
+      }
+      return childNode.collection;
+    } else {
+      var _nestedTableState$nes;
+      return (_nestedTableState$nes = nestedTableState.nested.getKeyedItem(entity.id)) == null ? void 0 : _nestedTableState$nes.item.state.collection;
+    }
+  };
   const state = (0, _useOptionalCachedState.useOptionalCachedState)(() => new _state.NestedTableState({
     ...params,
     container
   }), (cachedState, entity) => {
-    var _nestedTableState$fla, _nestedTableState$nes;
+    var _nestedTableState$fla;
     const nestedTableState = cachedState;
+    const nestedModeCollection = getNestedCollection(nestedTableState, entity);
     const flatModeCollection = (_nestedTableState$fla = nestedTableState.flat.keyedItems.find(
     // 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].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","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":[]}
+{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useNestedTable","params","container","useWixPatternsContainer","getNestedCollection","nestedTableState","entity","parentId","parentState","nested","getKeyedItem","childNode","item","state","parentKeyToChildrenMap","get","collection","_nestedTableState$nes","id","useOptionalCachedState","NestedTableState","cachedState","_nestedTableState$fla","nestedModeCollection","flatModeCollection","flat","keyedItems","find","key","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 getNestedCollection = (\n    nestedTableState: NestedTableState,\n    entity: any,\n  ) => {\n    if (typeof entity.parentId === 'string') {\n      const parentState = nestedTableState.nested.getKeyedItem(entity.parentId);\n      if (!parentState) {\n        return null;\n      }\n\n      const childNode = parentState.item.state.parentKeyToChildrenMap.get(\n        entity.parentId,\n      );\n\n      if (!childNode) {\n        return null;\n      }\n\n      return childNode.collection;\n    } else {\n      return nestedTableState.nested.getKeyedItem(entity.id)?.item.state\n        .collection;\n    }\n  };\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      const nestedModeCollection = getNestedCollection(\n        nestedTableState,\n        entity,\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\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,mBAAmB,GAAGA,CAC1BC,gBAAkC,EAClCC,MAAW,KACR;IACH,IAAI,OAAOA,MAAM,CAACC,QAAQ,KAAK,QAAQ,EAAE;MACvC,MAAMC,WAAW,GAAGH,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACC,QAAQ,CAAC;MACzE,IAAI,CAACC,WAAW,EAAE;QAChB,OAAO,IAAI;MACb;MAEA,MAAMG,SAAS,GAAGH,WAAW,CAACI,IAAI,CAACC,KAAK,CAACC,sBAAsB,CAACC,GAAG,CACjET,MAAM,CAACC,QACT,CAAC;MAED,IAAI,CAACI,SAAS,EAAE;QACd,OAAO,IAAI;MACb;MAEA,OAAOA,SAAS,CAACK,UAAU;IAC7B,CAAC,MAAM;MAAA,IAAAC,qBAAA;MACL,QAAAA,qBAAA,GAAOZ,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACY,EAAE,CAAC,qBAA/CD,qBAAA,CAAiDL,IAAI,CAACC,KAAK,CAC/DG,UAAU;IACf;EACF,CAAC;EAED,MAAMH,KAAK,GAAG,IAAAM,8CAAsB,EAClC,MACE,IAAIC,uBAAgB,CAAI;IACtB,GAAGnB,MAAM;IACTC;EACF,CAAC,CAAC,EACJ,CAACmB,WAAsC,EAAEf,MAAW,KAAK;IAAA,IAAAgB,qBAAA;IACvD,MAAMjB,gBAAgB,GAAGgB,WAA+B;IACxD,MAAME,oBAAoB,GAAGnB,mBAAmB,CAC9CC,gBAAgB,EAChBC,MACF,CAAC;IACD,MAAMkB,kBAAkB,IAAAF,qBAAA,GAAGjB,gBAAgB,CAACoB,IAAI,CAACC,UAAU,CAACC,IAAI;IAC9D;IACCf,IAAI,IAAKA,IAAI,CAACgB,GAAG,KAAKtB,MAAM,CAACY,EAChC,CAAC,qBAH0BI,qBAAA,CAGxBV,IAAI,CAACC,KAAK,CAACG,UAAU;IAExB,OAAO,CAACO,oBAAoB,EAAEC,kBAAkB,CAAC,CAACK,MAAM,CACtDC,OACF,CAAC;EACH,CACF,CAAC;EAED,OAAOjB,KAAK;AACd","ignoreList":[]}

package/dist/cjs/hooks/useSyncCollectionOnEntityReturn.js

@@ -40,7 +40,9 @@ function useSyncCollectionOnEntityReturn({
       action: {
         text: container.translate('cairo.updatedView.collectionPage.toast.cta'),
         onClick: () => {
-          collections == null || collections.forEach(collection => collection.refreshAllPages());
+          collections == null || collections.forEach(collection => collection.clearResultAndMoveToStart({
+            force: true
+          }));
           setCurrentToast(null);
         }
       }

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","timeoutRef","useRef","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","timeoutId","setTimeout","Promise","all","map","then","results","isViewSynced","some","Boolean","current","removeToast","remove","onFetch","isUsingCache","emitter","on","off","clearTimeout","setCurrentState"],"sources":["../../../src/hooks/useSyncCollectionOnEntityReturn.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, 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  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\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      const timeoutId = 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      timeoutRef.current = timeoutId;\n    }\n  }, [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  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      currentToast?.remove();\n    };\n  }, [currentToast]);\n\n  useEffect(() => {\n    return () => {\n      router?.setCurrentState(null);\n    };\n  }, [router]);\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","timeoutRef","useRef","routeState","useSelector","currentState","entity","useMemo","collections","toolbar","collection","currentToast","setCurrentToast","useState","showViewUpdatedToast","toast","showToast","type","timeout","message","translate","onCloseClick","biName","action","text","onClick","forEach","clearResultAndMoveToStart","force","useEffect","timeoutId","setTimeout","Promise","all","map","then","results","isViewSynced","some","Boolean","current","removeToast","remove","onFetch","isUsingCache","emitter","on","off","clearTimeout","setCurrentState"],"sources":["../../../src/hooks/useSyncCollectionOnEntityReturn.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, 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  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\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) =>\n            collection.clearResultAndMoveToStart({ force: true }),\n          );\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      const timeoutId = 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      timeoutRef.current = timeoutId;\n    }\n  }, [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  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      currentToast?.remove();\n    };\n  }, [currentToast]);\n\n  useEffect(() => {\n    return () => {\n      router?.setCurrentState(null);\n    };\n  }, [router]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useTableCollection.js

@@ -6,7 +6,7 @@ var _react = require("@wix/bex-core/react");
 var _state = require("../state");
 var _useOptionalCachedState = require("./useOptionalCachedState");
 const useTableCollection = config => {
-  var _config$aiAssistance;
+  var _config$aiAssistant;
   const container = (0, _react.useWixPatternsContainer)();
   const createCollection = (0, _react.useCreateCollection)();
   const state = (0, _useOptionalCachedState.useOptionalCachedState)(() => {
@@ -15,7 +15,7 @@ const useTableCollection = config => {
       container
     });
   });
-  (_config$aiAssistance = config.aiAssistance) == null || _config$aiAssistance.useAiAssistance({
+  (_config$aiAssistant = config.aiAssistant) == null || _config$aiAssistant.useAiAssistant({
     collection: state.collection,
     loadingRowState: state.loadingRowState
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useTableCollection","config","_config$aiAssistance","container","useWixPatternsContainer","createCollection","useCreateCollection","state","useOptionalCachedState","TableState","collection","aiAssistance","useAiAssistance","loadingRowState","exports"],"sources":["../../../src/hooks/useTableCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { AiAssistance } from '../aiAssistance';\n\ntype TableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  aiAssistance?: AiAssistance;\n};\n\ntype TableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: TableCollectionConfig<T, F>,\n) => TableState<T, F>;\n\nexport const useTableCollection: TableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: TableCollectionConfig<T, F>,\n): TableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(() => {\n    return new TableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n    });\n  });\n\n  config.aiAssistance?.useAiAssistance({\n    collection: state.collection,\n    loadingRowState: state.loadingRowState,\n  });\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAcO,MAAMG,kBAAmC,GAI9CC,MAAmC,IACd;EAAA,IAAAC,oBAAA;EACrB,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iBAAU,CAAO;MAC1BC,UAAU,EAAEL,gBAAgB,CAAOJ,MAAM,CAAC;MAC1CE;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,CAAAD,oBAAA,GAAAD,MAAM,CAACU,YAAY,aAAnBT,oBAAA,CAAqBU,eAAe,CAAC;IACnCF,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BG,eAAe,EAAEN,KAAK,CAACM;EACzB,CAAC,CAAC;EACF,OAAON,KAAK;AACd,CAAC;AAACO,OAAA,CAAAd,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useTableCollection","config","_config$aiAssistant","container","useWixPatternsContainer","createCollection","useCreateCollection","state","useOptionalCachedState","TableState","collection","aiAssistant","useAiAssistant","loadingRowState","exports"],"sources":["../../../src/hooks/useTableCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { AiAssistant } from '../aiAssistant';\n\ntype TableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  aiAssistant?: AiAssistant;\n};\n\ntype TableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: TableCollectionConfig<T, F>,\n) => TableState<T, F>;\n\nexport const useTableCollection: TableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: TableCollectionConfig<T, F>,\n): TableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(() => {\n    return new TableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n    });\n  });\n\n  config.aiAssistant?.useAiAssistant({\n    collection: state.collection,\n    loadingRowState: state.loadingRowState,\n  });\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAcO,MAAMG,kBAAmC,GAI9CC,MAAmC,IACd;EAAA,IAAAC,mBAAA;EACrB,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iBAAU,CAAO;MAC1BC,UAAU,EAAEL,gBAAgB,CAAOJ,MAAM,CAAC;MAC1CE;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,CAAAD,mBAAA,GAAAD,MAAM,CAACU,WAAW,aAAlBT,mBAAA,CAAoBU,cAAc,CAAC;IACjCF,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BG,eAAe,EAAEN,KAAK,CAACM;EACzB,CAAC,CAAC;EACF,OAAON,KAAK;AACd,CAAC;AAACO,OAAA,CAAAd,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/index.js

@@ -387,12 +387,12 @@ var _CustomColumns = require("./components/CustomColumns");
 exports.CustomColumnsProps = _CustomColumns.CustomColumnsFullProps;
 exports.CustomColumns = _CustomColumns.CustomColumnsFull;
 exports.CustomColumnsLite = _CustomColumns.CustomColumns;
-var _aiAssistance = require("./aiAssistance");
-Object.keys(_aiAssistance).forEach(function (key) {
+var _aiAssistant = require("./aiAssistant");
+Object.keys(_aiAssistant).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _aiAssistance[key]) return;
-  exports[key] = _aiAssistance[key];
+  if (key in exports && exports[key] === _aiAssistant[key]) return;
+  exports[key] = _aiAssistant[key];
 });
 var _MultiLevelSorting = require("./components/MultiLevelSorting");
 Object.keys(_MultiLevelSorting).forEach(function (key) {