@wix/patterns 1.50.0 → 1.53.0

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_ = "TableVirtualHeader1758977929";
+var _namespace_ = "TableVirtualHeader1473690903";
 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": "TableVirtualHeader1758977929__root"
+  "root": "TableVirtualHeader1473690903__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_ = \"TableVirtualHeader1758977929\";\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\":\"TableVirtualHeader1758977929__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_ = \"TableVirtualHeader1473690903\";\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\":\"TableVirtualHeader1473690903__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -45,14 +45,14 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 53,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -62,7 +62,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 55,
         columnNumber: 15
       }
     })))
@@ -79,7 +79,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 73,
         columnNumber: 16
       }
     }));
@@ -96,7 +96,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 82,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table, (0, _extends2.default)({
@@ -109,18 +109,14 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 83,
         columnNumber: 7
       }
-    }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      direction: "vertical",
-      backgroundColor: "D80",
-      borderRadius: "0px 0px 8px 8px",
-      overflow: "hidden",
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 91,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Content, {
@@ -128,7 +124,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 92,
         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","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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,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,SAAAP,wBAAAO,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;AASpC,SAASW,cAAcA,CAC5BC,KAA+B,EAC/B;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS,GAAG,CAAC;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAEzD,MAAM,CAAC;IAAEK,WAAW;IAAEC,YAAY;IAAEC;EAAkB,CAAC,CAAC,GAAG,IAAAC,eAAQ,EACjE,MACE,IAAIC,6BAAsB,CAAC;IACzBC,SAAS,EAAE;MACTC,GAAG,EAAE;IACP,CAAC;IACDL,YAAY,EAAE,GAAG;IACjBM,SAAS,EAAEX,KAAK,CAACY,WAAW;IAC5BC,gBAAgB,EAAE;EACpB,CAAC,CACL,CAAC;EAED,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAClB,MACE,IAAIC,KAAK,CAACd,SAAS,CAAC,CACjBe,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,CAACC,CAAC,EAAEvB,CAAC,MAAM;IAAEwB,EAAE,EAAE,gBAAgBxB,CAAC;EAAG,CAAC,CAAC,CAAC,EACjD,CAACM,SAAS,CACZ,CAAC;EAED,MAAMmB,OAAO,GAAG,IAAAN,cAAO,EACrB,MACE,IAAIC,KAAK,CAACZ,WAAW,CAAC,CAACa,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEvB,CAAC,MAAM;IAC/C0B,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,mBAAmB3B,CAAC,EAAE;IAC3BK,QAAQ,EAAE,mBAAmBL,CAAC,EAAE;IAChC4B,MAAM,EAAEA,CAAA,kBACNrD,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAAoD,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,KAAK,EAAC,MAAM;MAACC,QAAQ,EAAE,GAAGxB,YAAY,IAAK;MAAAyB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACnE/D,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAA6D,aAAa;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACZ/D,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAA8D,YAAY;MAACR,KAAK,EAAC,MAAM;MAACS,SAAS,EAAC,KAAK;MAACC,YAAY,EAAC,KAAK;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAClD,CACZ;EAET,CAAC,CAAC,CAAC,EACL,CAAC9B,WAAW,CACd,CAAC;EAED,MAAM,CAACmC,aAAa,CAAC,GAAG,IAAAhC,eAAQ,EAAC,mBAC/B,IAAAiC,iBAAU,EACR,CACE;IAAEC,OAAO,EAAEC,QAAQ;IAAE,GAAGC;EAA+B,CAAC,EACxDC,GAGQ,KACL;IACH;IACA,oBAAOzE,MAAA,CAAAa,OAAA,CAAAyC,aAAA,WAAAoB,SAAA,CAAA7D,OAAA;MAAI4D,GAAG,EAAEA;IAAI,GAAKD,OAAO;MAAE,kBAAgBG,SAAU;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAE,CAAC;EACjE,CACF,CACF,CAAC;EACD,IAAI,CAAC5B,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EACA;IAAA;IACE;IACAnC,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAAoD,GAAG;MAACY,YAAY,EAAC,MAAM;MAACrC,QAAQ,EAAEA,QAAS;MAAA6B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1C/D,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAAyE,KAAK,MAAAF,SAAA,CAAA7D,OAAA;MACJgE,IAAI,EAAC,SAAS;MACdlC,IAAI,EAAEA,IAAK;MACXO,OAAO,EAAEA,OAAQ;MACjB4B,WAAW,EAAE,KAAM;MACbV;IAAa,GACfpC,IAAI;MAAA2B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAER/D,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAAoD,GAAG;MACFC,SAAS,EAAC,UAAU;MACpBuB,eAAe,EAAC,KAAK;MACrBC,YAAY,EAAC,iBAAiB;MAC9BC,QAAQ,EAAC,QAAQ;MAAAtB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjB/D,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACnD,aAAA,CAAAyE,KAAK,CAACM,OAAO;MAACC,eAAe,EAAE,IAAK;MAAAxB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpC,CACA,CACJ;EAAC;AAEV;AAEO,MAAMqB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAAC3D,cAAc,CAAC","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","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":[]}

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_ = "TabsFilter2397850057";
+var _namespace_ = "TabsFilter1713661661";
 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": "TabsFilter2397850057__root",
-  "title": "TabsFilter2397850057__title"
+  "root": "TabsFilter1713661661__root",
+  "title": "TabsFilter1713661661__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_ = \"TabsFilter2397850057\";\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\":\"TabsFilter2397850057__root\",\"title\":\"TabsFilter2397850057__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_ = \"TabsFilter1713661661\";\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\":\"TabsFilter1713661661__root\",\"title\":\"TabsFilter1713661661__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal431707908";
+var _namespace_ = "ManageTagsModal2957507998";
 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": "ManageTagsModal431707908__root"
+  "root": "ManageTagsModal2957507998__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_ = \"ManageTagsModal431707908\";\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\":\"ManageTagsModal431707908__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2957507998\";\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\":\"ManageTagsModal2957507998__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_ = "ToolbarItemBox3576971795";
+var _namespace_ = "ToolbarItemBox1087598453";
 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": "ToolbarItemBox3576971795__root"
+  "root": "ToolbarItemBox1087598453__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_ = \"ToolbarItemBox3576971795\";\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\":\"ToolbarItemBox3576971795__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_ = \"ToolbarItemBox1087598453\";\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\":\"ToolbarItemBox1087598453__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_ = "common2015970128";
+var _namespace_ = "common1299353908";
 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": "common2015970128__root",
-  "column": "common2015970128__column",
-  "fullHeight": "common2015970128__fullHeight"
+  "root": "common1299353908__root",
+  "column": "common1299353908__column",
+  "fullHeight": "common1299353908__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_ = \"common2015970128\";\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\":\"common2015970128__root\",\"column\":\"common2015970128__column\",\"fullHeight\":\"common2015970128__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_ = \"common1299353908\";\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\":\"common1299353908__root\",\"column\":\"common1299353908__column\",\"fullHeight\":\"common1299353908__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/useNestedTable.js

@@ -8,25 +8,23 @@ var _useOptionalCachedState = require("./useOptionalCachedState");
 function useNestedTable(params) {
   const container = (0, _react.useWixPatternsContainer)();
   const getNestedCollection = (nestedTableState, entity) => {
+    // if the entity has parent (in the code we check hardcoded parentId, we need to support other props)
     if (typeof entity.parentId === 'string') {
-      const parentState = nestedTableState.nested.getKeyedItem(entity.parentId);
-      if (!parentState) {
+      const parentKeyedItem = nestedTableState.nested.getKeyedItem(entity.parentId);
+      if (!parentKeyedItem) {
         return null;
       }
-      const childNode = parentState.item.state.parentKeyToChildrenMap.get(entity.parentId);
-      if (!childNode) {
+      const parentNodeState = parentKeyedItem.item.state.parentKeyToChildrenMap.get(entity.parentId);
+      if (!parentNodeState) {
         return null;
       }
-      return childNode.collection;
+      return parentNodeState.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) => {
+  const getCollectionsToUpdate = (cachedState, entity) => {
     var _nestedTableState$fla;
     const nestedTableState = cachedState;
     const nestedModeCollection = getNestedCollection(nestedTableState, entity);
@@ -34,6 +32,27 @@ function useNestedTable(params) {
     // We need to get the keyItem, for now we use hardcoded id prop
     item => item.key === entity.id)) == null ? void 0 : _nestedTableState$fla.item.state.collection;
     return [nestedModeCollection, flatModeCollection].filter(Boolean);
+  };
+  const shouldRemoveFromCache = ({
+    router,
+    uniqueId
+  }) => {
+    var _router$currentState, _nestedTableState$nes2;
+    const entity = router == null || (_router$currentState = router.currentState) == null ? void 0 : _router$currentState._updatedEntity;
+    if (!entity) {
+      return false;
+    }
+    const nestedTableState = router == null ? void 0 : router.stateRefs.get(uniqueId);
+    const newParentId = entity.parentId;
+    const oldParentId = nestedTableState == null || (_nestedTableState$nes2 = nestedTableState.nested.getKeyedItem(entity.id)) == null || (_nestedTableState$nes2 = _nestedTableState$nes2.item.originalKeyedItem) == null ? void 0 : _nestedTableState$nes2.item.parentId;
+    return newParentId !== oldParentId;
+  };
+  const state = (0, _useOptionalCachedState.useOptionalCachedState)(() => new _state.NestedTableState({
+    ...params,
+    container
+  }), {
+    getCollectionsToUpdate,
+    shouldRemoveFromCache
   });
   return state;
 }

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useNestedTable","params","container","useWixPatternsContainer","getNestedCollection","nestedTableState","entity","parentId","parentKeyedItem","nested","getKeyedItem","parentNodeState","item","state","parentKeyToChildrenMap","get","collection","_nestedTableState$nes","id","getCollectionsToUpdate","cachedState","_nestedTableState$fla","nestedModeCollection","flatModeCollection","flat","keyedItems","find","key","filter","Boolean","shouldRemoveFromCache","router","uniqueId","_router$currentState","_nestedTableState$nes2","currentState","_updatedEntity","stateRefs","newParentId","oldParentId","originalKeyedItem","useOptionalCachedState","NestedTableState"],"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';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\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 the entity has parent (in the code we check hardcoded parentId, we need to support other props)\n    if (typeof entity.parentId === 'string') {\n      const parentKeyedItem = nestedTableState.nested.getKeyedItem(\n        entity.parentId,\n      );\n      if (!parentKeyedItem) {\n        return null;\n      }\n\n      const parentNodeState =\n        parentKeyedItem.item.state.parentKeyToChildrenMap.get(entity.parentId);\n\n      if (!parentNodeState) {\n        return null;\n      }\n\n      return parentNodeState.collection;\n    } else {\n      return nestedTableState.nested.getKeyedItem(entity.id)?.item.state\n        .collection;\n    }\n  };\n\n  const getCollectionsToUpdate = (\n    cachedState: ICollectionComponentState,\n    entity: any,\n  ) => {\n    const nestedTableState = cachedState as NestedTableState;\n\n    const nestedModeCollection = getNestedCollection(nestedTableState, entity);\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  const shouldRemoveFromCache = ({\n    router,\n    uniqueId,\n  }: {\n    router: WixPatternsRouterState | null;\n    uniqueId: string;\n  }) => {\n    const entity = router?.currentState?._updatedEntity;\n    if (!entity) {\n      return false;\n    }\n    const nestedTableState = router?.stateRefs.get(\n      uniqueId,\n    ) as NestedTableState;\n\n    const newParentId = entity.parentId;\n    const oldParentId = nestedTableState?.nested.getKeyedItem(entity.id)?.item\n      .originalKeyedItem?.item.parentId;\n\n    return newParentId !== oldParentId;\n  };\n\n  const state = useOptionalCachedState(\n    () =>\n      new NestedTableState<C>({\n        ...params,\n        container,\n      }),\n    {\n      getCollectionsToUpdate,\n      shouldRemoveFromCache,\n    },\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAKO,SAASG,cAAcA,CAC5BC,MAAqC,EACrC;EACA,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,MAAMC,mBAAmB,GAAGA,CAC1BC,gBAAkC,EAClCC,MAAW,KACR;IACH;IACA,IAAI,OAAOA,MAAM,CAACC,QAAQ,KAAK,QAAQ,EAAE;MACvC,MAAMC,eAAe,GAAGH,gBAAgB,CAACI,MAAM,CAACC,YAAY,CAC1DJ,MAAM,CAACC,QACT,CAAC;MACD,IAAI,CAACC,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,MAAMG,eAAe,GACnBH,eAAe,CAACI,IAAI,CAACC,KAAK,CAACC,sBAAsB,CAACC,GAAG,CAACT,MAAM,CAACC,QAAQ,CAAC;MAExE,IAAI,CAACI,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,OAAOA,eAAe,CAACK,UAAU;IACnC,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,MAAMG,sBAAsB,GAAGA,CAC7BC,WAAsC,EACtCd,MAAW,KACR;IAAA,IAAAe,qBAAA;IACH,MAAMhB,gBAAgB,GAAGe,WAA+B;IAExD,MAAME,oBAAoB,GAAGlB,mBAAmB,CAACC,gBAAgB,EAAEC,MAAM,CAAC;IAC1E,MAAMiB,kBAAkB,IAAAF,qBAAA,GAAGhB,gBAAgB,CAACmB,IAAI,CAACC,UAAU,CAACC,IAAI;IAC9D;IACCd,IAAI,IAAKA,IAAI,CAACe,GAAG,KAAKrB,MAAM,CAACY,EAChC,CAAC,qBAH0BG,qBAAA,CAGxBT,IAAI,CAACC,KAAK,CAACG,UAAU;IAExB,OAAO,CAACM,oBAAoB,EAAEC,kBAAkB,CAAC,CAACK,MAAM,CACtDC,OACF,CAAC;EACH,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAC;IAC7BC,MAAM;IACNC;EAIF,CAAC,KAAK;IAAA,IAAAC,oBAAA,EAAAC,sBAAA;IACJ,MAAM5B,MAAM,GAAGyB,MAAM,aAAAE,oBAAA,GAANF,MAAM,CAAEI,YAAY,qBAApBF,oBAAA,CAAsBG,cAAc;IACnD,IAAI,CAAC9B,MAAM,EAAE;MACX,OAAO,KAAK;IACd;IACA,MAAMD,gBAAgB,GAAG0B,MAAM,oBAANA,MAAM,CAAEM,SAAS,CAACtB,GAAG,CAC5CiB,QACF,CAAqB;IAErB,MAAMM,WAAW,GAAGhC,MAAM,CAACC,QAAQ;IACnC,MAAMgC,WAAW,GAAGlC,gBAAgB,aAAA6B,sBAAA,GAAhB7B,gBAAgB,CAAEI,MAAM,CAACC,YAAY,CAACJ,MAAM,CAACY,EAAE,CAAC,cAAAgB,sBAAA,GAAhDA,sBAAA,CAAkDtB,IAAI,CACvE4B,iBAAiB,qBADAN,sBAAA,CACEtB,IAAI,CAACL,QAAQ;IAEnC,OAAO+B,WAAW,KAAKC,WAAW;EACpC,CAAC;EAED,MAAM1B,KAAK,GAAG,IAAA4B,8CAAsB,EAClC,MACE,IAAIC,uBAAgB,CAAI;IACtB,GAAGzC,MAAM;IACTC;EACF,CAAC,CAAC,EACJ;IACEiB,sBAAsB;IACtBW;EACF,CACF,CAAC;EAED,OAAOjB,KAAK;AACd","ignoreList":[]}

package/dist/cjs/hooks/useOptionalCachedState.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","_useSyncCollectionOnEntityCreate","_useSyncCollectionOnEntityUpdate","useOptionalCachedState","createState","getCollectionsToUpdate","router","useWixPatternsRouter","maybeNewState","useState","cachedState","uniqueId","getCollectionComponentUniqueId","stateRefs","get","useSyncCollectionOnEntityCreate","useSyncCollectionOnEntityUpdate","state","isUsingCache","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityCreate } from './useSyncCollectionOnEntityCreate';\nimport { useSyncCollectionOnEntityUpdate } from './useSyncCollectionOnEntityUpdate';\n\nexport function useOptionalCachedState<S extends ICollectionComponentState>(\n  createState: () => S,\n  getCollectionsToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any>[] | null,\n): S {\n  const router = useWixPatternsRouter();\n\n  const [maybeNewState] = useState<S>(() => createState());\n  const [cachedState] = useState<S | undefined>(() => {\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    return router?.stateRefs.get(uniqueId) as S | undefined;\n  });\n\n  useSyncCollectionOnEntityCreate(cachedState, getCollectionsToUpdate);\n  useSyncCollectionOnEntityUpdate(cachedState, getCollectionsToUpdate);\n\n  const [state] = useState<S>(() => {\n    if (router) {\n      router.isUsingCache = !!cachedState;\n    }\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<S>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAH,OAAA;AACA,IAAAI,gCAAA,GAAAJ,OAAA;AAEO,SAASK,sBAAsBA,CACpCC,WAAoB,EACpBC,sBAGkC,EAC/B;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAM,CAACC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAML,WAAW,CAAC,CAAC,CAAC;EACxD,MAAM,CAACM,WAAW,CAAC,GAAG,IAAAD,eAAQ,EAAgB,MAAM;IAClD,MAAME,QAAQ,GAAG,IAAAC,8DAA8B,EAACJ,aAAa,CAAC;IAC9D,OAAOF,MAAM,oBAANA,MAAM,CAAEO,SAAS,CAACC,GAAG,CAACH,QAAQ,CAAC;EACxC,CAAC,CAAC;EAEF,IAAAI,gEAA+B,EAACL,WAAW,EAAEL,sBAAsB,CAAC;EACpE,IAAAW,gEAA+B,EAACN,WAAW,EAAEL,sBAAsB,CAAC;EAEpE,MAAM,CAACY,KAAK,CAAC,GAAG,IAAAR,eAAQ,EAAI,MAAM;IAChC,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACY,YAAY,GAAG,CAAC,CAACR,WAAW;IACrC;IAEA,IAAIA,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAJ,MAAM,YAANA,MAAM,CAAEa,SAAS,CAAIX,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOS,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","_useSyncCollectionOnEntityCreate","_useSyncCollectionOnEntityUpdate","getCachedState","shouldRemoveFromCache","uniqueId","router","removeFromCache","stateRefs","delete","get","useOptionalCachedState","createState","getCollectionsToUpdate","useWixPatternsRouter","maybeNewState","useState","getCollectionComponentUniqueId","cachedState","useSyncCollectionOnEntityCreate","useSyncCollectionOnEntityUpdate","state","isUsingCache","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { CollectionState } from '@wix/bex-core';\nimport { useSyncCollectionOnEntityCreate } from './useSyncCollectionOnEntityCreate';\nimport { useSyncCollectionOnEntityUpdate } from './useSyncCollectionOnEntityUpdate';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\n\nexport interface IUseOptionalCachedStateOptions<\n  S extends ICollectionComponentState,\n> {\n  getCollectionsToUpdate?: (\n    state: S,\n    entity: any,\n  ) => CollectionState<any>[] | null;\n  shouldRemoveFromCache?: ({\n    router,\n    uniqueId,\n  }: {\n    router: WixPatternsRouterState | null;\n    uniqueId: string;\n  }) => boolean;\n}\n\nconst getCachedState = <S extends ICollectionComponentState>({\n  shouldRemoveFromCache,\n  uniqueId,\n  router,\n}: {\n  shouldRemoveFromCache?: ({\n    router,\n    uniqueId,\n  }: {\n    router: WixPatternsRouterState | null;\n    uniqueId: string;\n  }) => boolean;\n  uniqueId: string;\n  router: WixPatternsRouterState | null;\n}) => {\n  const removeFromCache = shouldRemoveFromCache?.({\n    router,\n    uniqueId,\n  });\n\n  if (removeFromCache) {\n    router?.stateRefs.delete(uniqueId);\n  }\n  return router?.stateRefs.get(uniqueId) as S | undefined;\n};\n\nexport function useOptionalCachedState<S extends ICollectionComponentState>(\n  createState: () => S,\n  {\n    getCollectionsToUpdate,\n    shouldRemoveFromCache,\n  }: IUseOptionalCachedStateOptions<S> = {},\n): S {\n  const router = useWixPatternsRouter();\n  const [maybeNewState] = useState<S>(() => createState());\n  const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n\n  const [cachedState] = useState<S | undefined>(\n    getCachedState<S>({ router, uniqueId, shouldRemoveFromCache }),\n  );\n\n  useSyncCollectionOnEntityCreate(cachedState, getCollectionsToUpdate);\n  useSyncCollectionOnEntityUpdate(cachedState, getCollectionsToUpdate);\n\n  const [state] = useState<S>(() => {\n    if (router) {\n      router.isUsingCache = !!cachedState;\n    }\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<S>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAH,OAAA;AACA,IAAAI,gCAAA,GAAAJ,OAAA;AAmBA,MAAMK,cAAc,GAAGA,CAAsC;EAC3DC,qBAAqB;EACrBC,QAAQ;EACRC;AAWF,CAAC,KAAK;EACJ,MAAMC,eAAe,GAAGH,qBAAqB,oBAArBA,qBAAqB,CAAG;IAC9CE,MAAM;IACND;EACF,CAAC,CAAC;EAEF,IAAIE,eAAe,EAAE;IACnBD,MAAM,YAANA,MAAM,CAAEE,SAAS,CAACC,MAAM,CAACJ,QAAQ,CAAC;EACpC;EACA,OAAOC,MAAM,oBAANA,MAAM,CAAEE,SAAS,CAACE,GAAG,CAACL,QAAQ,CAAC;AACxC,CAAC;AAEM,SAASM,sBAAsBA,CACpCC,WAAoB,EACpB;EACEC,sBAAsB;EACtBT;AACiC,CAAC,GAAG,CAAC,CAAC,EACtC;EACH,MAAME,MAAM,GAAG,IAAAQ,+CAAoB,EAAC,CAAC;EACrC,MAAM,CAACC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAMJ,WAAW,CAAC,CAAC,CAAC;EACxD,MAAMP,QAAQ,GAAG,IAAAY,8DAA8B,EAACF,aAAa,CAAC;EAE9D,MAAM,CAACG,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAC5Bb,cAAc,CAAI;IAAEG,MAAM;IAAED,QAAQ;IAAED;EAAsB,CAAC,CAC/D,CAAC;EAED,IAAAe,gEAA+B,EAACD,WAAW,EAAEL,sBAAsB,CAAC;EACpE,IAAAO,gEAA+B,EAACF,WAAW,EAAEL,sBAAsB,CAAC;EAEpE,MAAM,CAACQ,KAAK,CAAC,GAAG,IAAAL,eAAQ,EAAI,MAAM;IAChC,IAAIV,MAAM,EAAE;MACVA,MAAM,CAACgB,YAAY,GAAG,CAAC,CAACJ,WAAW;IACrC;IAEA,IAAIA,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAZ,MAAM,YAANA,MAAM,CAAEiB,SAAS,CAAIR,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOM,KAAK;AACd","ignoreList":[]}

package/dist/cjs/hooks/useSyncCollectionOnEntityReturn.js

@@ -52,19 +52,22 @@ function useSyncCollectionOnEntityReturn({
     }
   };
   (0, _react.useEffect)(() => {
-    if (entity && collections) {
+    if (entity && collections && router) {
       collections.forEach(collection => {
         updateCollection(collection, entity);
       });
       const timeoutId = setTimeout(() => {
         Promise.all(collections.map(collection => checkIfViewSynced(collection, entity))).then(results => {
-          const isViewSynced = results.some(Boolean);
+          const isViewSynced = results.some(Boolean) && !router.isCollectionStale;
           if (!isViewSynced) {
+            router.isCollectionStale = true;
             showViewUpdatedToast();
           }
         });
       }, 3000);
       timeoutRef.current = timeoutId;
+    } else if (router != null && router.isCollectionStale) {
+      showViewUpdatedToast();
     }
   }, [collections, entity]);
   (0, _react.useEffect)(() => {
@@ -79,6 +82,7 @@ function useSyncCollectionOnEntityReturn({
       removeToast();
       if (router) {
         router.isUsingCache = false;
+        router.isCollectionStale = false;
       }
     };
     collections == null || collections.forEach(collection => {

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","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":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAEO,SAASI,+BAA+BA,CAG7C;EACAC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,wBAAwB;EACxBC;AAaF,CAAC,EAAE;EACD,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EACrC,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEtD,MAAMC,UAAU,GAAG,IAAAC,wBAAW,EAAC,MAAML,MAAM,oBAANA,MAAM,CAAEM,YAAY,CAAC;EAE1D,MAAMC,MAAM,GAAG,IAAAC,cAAO,EACpB,MAAOJ,UAAU,GAAGR,wBAAwB,CAACQ,UAAU,CAAC,GAAG,IAAK,EAChE,CAACR,wBAAwB,EAAEQ,UAAU,CACvC,CAAC;EACD,MAAMK,WAAW,GAAG,IAAAD,cAAO,EAAC,MAAM;IAChC,IAAI,CAACf,WAAW,EAAE;MAChB,OAAO,IAAI;IACb;IACA,IAAI,CAACc,MAAM,EAAE;MACX,OAAO,CAACd,WAAW,CAACiB,OAAO,CAACC,UAAU,CAAC;IACzC;IAEA,OACE,CAAAd,sBAAsB,oBAAtBA,sBAAsB,CAAGJ,WAAW,EAAEc,MAAM,CAAC,KAAI,CAC/Cd,WAAW,CAACiB,OAAO,CAACC,UAAU,CAC/B;EAEL,CAAC,EAAE,CAAClB,WAAW,EAAEc,MAAM,CAAC,CAAC;EAEzB,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAEtC,IAAI,CAAC;EAEf,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;IACjC,MAAMC,KAAK,GAAGlB,SAAS,CAACmB,SAAS,oBAAnBnB,SAAS,CAACmB,SAAS,CAAG;MAClCC,IAAI,EAAE,UAAU;MAChBC,OAAO,EAAE,MAAM;MACfC,OAAO,EAAEtB,SAAS,CAACuB,SAAS,CAC1B,6CACF,CAAC;MACDC,YAAY,EAAEA,CAAA,KAAM;QAClBT,eAAe,CAAC,IAAI,CAAC;MACvB,CAAC;MACDU,MAAM,EAAE,qCAAqC;MAC7CC,MAAM,EAAE;QACNC,IAAI,EAAE3B,SAAS,CAACuB,SAAS,CAAC,4CAA4C,CAAC;QACvEK,OAAO,EAAEA,CAAA,KAAM;UACbjB,WAAW,YAAXA,WAAW,CAAEkB,OAAO,CAAEhB,UAAU,IAC9BA,UAAU,CAACiB,yBAAyB,CAAC;YAAEC,KAAK,EAAE;UAAK,CAAC,CACtD,CAAC;UACDhB,eAAe,CAAC,IAAI,CAAC;QACvB;MACF;IACF,CAAC,CAAC;IAEF,IAAIG,KAAK,EAAE;MACTH,eAAe,CAACG,KAAK,CAAC;IACxB;EACF,CAAC;EAED,IAAAc,gBAAS,EAAC,MAAM;IACd,IAAIvB,MAAM,IAAIE,WAAW,EAAE;MACzBA,WAAW,CAACkB,OAAO,CAAEhB,UAAU,IAAK;QAClCjB,gBAAgB,CAACiB,UAAU,EAAEJ,MAAM,CAAC;MACtC,CAAC,CAAC;MAEF,MAAMwB,SAAS,GAAGC,UAAU,CAAC,MAAM;QACjCC,OAAO,CAACC,GAAG,CACTzB,WAAW,CAAC0B,GAAG,CAAExB,UAAU,IACzBhB,iBAAiB,CAACgB,UAAU,EAAEJ,MAAM,CACtC,CACF,CAAC,CAAC6B,IAAI,CAAEC,OAAO,IAAK;UAClB,MAAMC,YAAY,GAAGD,OAAO,CAACE,IAAI,CAACC,OAAO,CAAC;UAE1C,IAAI,CAACF,YAAY,EAAE;YACjBvB,oBAAoB,CAAC,CAAC;UACxB;QACF,CAAC,CAAC;MACJ,CAAC,EAAE,IAAI,CAAC;MAERb,UAAU,CAACuC,OAAO,GAAGV,SAAS;IAChC;EACF,CAAC,EAAE,CAACtB,WAAW,EAAEF,MAAM,CAAC,CAAC;EAEzB,IAAAuB,gBAAS,EAAC,MAAM;IACd,IAAI,CAAClB,YAAY,IAAI,CAACnB,WAAW,EAAE;MACjC,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,MAAMiD,WAAW,GAAGA,CAAA,KAAM;MACxB9B,YAAY,YAAZA,YAAY,CAAE+B,MAAM,CAAC,CAAC;MACtB9B,eAAe,CAAC,IAAI,CAAC;IACvB,CAAC;IAED,MAAM+B,OAAO,GAAGA,CAAA,KAAM;MACpBF,WAAW,CAAC,CAAC;MACb,IAAI1C,MAAM,EAAE;QACVA,MAAM,CAAC6C,YAAY,GAAG,KAAK;MAC7B;IACF,CAAC;IAEDpC,WAAW,YAAXA,WAAW,CAAEkB,OAAO,CAAEhB,UAAU,IAAK;MACnCA,UAAU,YAAVA,UAAU,CAAEmC,OAAO,CAACC,EAAE,CAAC,OAAO,EAAE,MAAM;QACpCH,OAAO,CAAC,CAAC;MACX,CAAC,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,MAAM;MACXnC,WAAW,YAAXA,WAAW,CAAEkB,OAAO,CAAEhB,UAAU,IAAK;QACnCA,UAAU,YAAVA,UAAU,CAAEmC,OAAO,CAACE,GAAG,CAAC,OAAO,EAAE,MAAM;UACrCJ,OAAO,CAAC,CAAC;QACX,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EAAE,CAAChC,YAAY,EAAEH,WAAW,CAAC,CAAC;EAE/B,IAAAqB,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAI5B,UAAU,CAACuC,OAAO,EAAE;QACtBQ,YAAY,CAAC/C,UAAU,CAACuC,OAAO,CAAC;MAClC;MAEA7B,YAAY,YAAZA,YAAY,CAAE+B,MAAM,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,CAAC/B,YAAY,CAAC,CAAC;EAElB,IAAAkB,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX9B,MAAM,YAANA,MAAM,CAAEkD,eAAe,CAAC,IAAI,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAAClD,MAAM,CAAC,CAAC;AACd","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","isCollectionStale","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 && router) {\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 =\n            results.some(Boolean) && !router.isCollectionStale;\n          if (!isViewSynced) {\n            router.isCollectionStale = true;\n            showViewUpdatedToast();\n          }\n        });\n      }, 3000);\n\n      timeoutRef.current = timeoutId;\n    } else if (router?.isCollectionStale) {\n      showViewUpdatedToast();\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        router.isCollectionStale = 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/providers/WixPatternsRouterProvider.js

@@ -21,7 +21,7 @@ const WixPatternsRouterProvider = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 21,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/providers/WixPatternsRouterProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsRouterState","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsRouterContext","exports","createContext","WixPatternsRouterProvider","children","container","useWixPatternsContainer","routerState","useState","WixPatternsRouterState","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","useWixPatternsRouter","useContext"],"sources":["../../../src/providers/WixPatternsRouterProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\nimport { BrowserHistory } from 'history';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport const WixPatternsRouterContext =\n  createContext<WixPatternsRouterState | null>(null);\n\nexport interface WixPatternsRouterProviderProps {\n  history: BrowserHistory;\n  children: React.ReactNode;\n}\n\nexport const WixPatternsRouterProvider = ({\n  children,\n}: WixPatternsRouterProviderProps) => {\n  const container = useWixPatternsContainer();\n  const [routerState] = useState(\n    () => new WixPatternsRouterState({ container }),\n  );\n\n  return (\n    <WixPatternsRouterContext.Provider value={routerState}>\n      {children}\n    </WixPatternsRouterContext.Provider>\n  );\n};\n\nexport const useWixPatternsRouter = () => {\n  const value = useContext(WixPatternsRouterContext);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,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;AAEvD,MAAMW,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBACnC,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAO7C,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AAC8B,CAAC,KAAK;EACpC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAC5B,MAAM,IAAIC,8CAAsB,CAAC;IAAEJ;EAAU,CAAC,CAChD,CAAC;EAED,oBACE/B,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAACV,wBAAwB,CAACW,QAAQ;IAACC,KAAK,EAAEL,WAAY;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDb,QACgC,CAAC;AAExC,CAAC;AAACH,OAAA,CAAAE,yBAAA,GAAAA,yBAAA;AAEK,MAAMe,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMN,KAAK,GAAG,IAAAO,iBAAU,EAACnB,wBAAwB,CAAC;EAClD,OAAOY,KAAK;AACd,CAAC;AAACX,OAAA,CAAAiB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsRouterState","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsRouterContext","exports","createContext","WixPatternsRouterProvider","children","container","useWixPatternsContainer","routerState","useState","WixPatternsRouterState","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","useWixPatternsRouter","useContext"],"sources":["../../../src/providers/WixPatternsRouterProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport const WixPatternsRouterContext =\n  createContext<WixPatternsRouterState | null>(null);\n\nexport interface WixPatternsRouterProviderProps {\n  children: React.ReactNode;\n}\n\nexport const WixPatternsRouterProvider = ({\n  children,\n}: WixPatternsRouterProviderProps) => {\n  const container = useWixPatternsContainer();\n  const [routerState] = useState(\n    () => new WixPatternsRouterState({ container }),\n  );\n\n  return (\n    <WixPatternsRouterContext.Provider value={routerState}>\n      {children}\n    </WixPatternsRouterContext.Provider>\n  );\n};\n\nexport const useWixPatternsRouter = () => {\n  const value = useContext(WixPatternsRouterContext);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,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;AAEvD,MAAMW,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBACnC,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAM7C,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AAC8B,CAAC,KAAK;EACpC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAC5B,MAAM,IAAIC,8CAAsB,CAAC;IAAEJ;EAAU,CAAC,CAChD,CAAC;EAED,oBACE/B,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAACV,wBAAwB,CAACW,QAAQ;IAACC,KAAK,EAAEL,WAAY;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDb,QACgC,CAAC;AAExC,CAAC;AAACH,OAAA,CAAAE,yBAAA,GAAAA,yBAAA;AAEK,MAAMe,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMN,KAAK,GAAG,IAAAO,iBAAU,EAACnB,wBAAwB,CAAC;EAClD,OAAOY,KAAK;AACd,CAAC;AAACX,OAAA,CAAAiB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/state/EntityPage/EntityPageStateBIReporter.js

@@ -86,7 +86,7 @@ class EntityPageStateBIReporter {
   _commonDynamicBiParams() {
     return {
       url: window.location.href,
-      router_usage: this.entityPageState._withinRouter
+      routerUsage: this.entityPageState._withinRouter
     };
   }
 }

package/dist/cjs/state/EntityPage/EntityPageStateBIReporter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_bi","EntityPageStateBIReporter","constructor","params","_defineProperty2","default","entityPageState","reportBI","_getErrorType","e","isNetworkError","code","init","events","startTime","performance","now","disposers","addEventListener","action","once","err","reportSaveError","appLoaded","reportOnLoadStart","forEach","disposer","reportButtonClick","ctaName","isValid","withoutDefaults","cairoPageCtaClicked","ctaType","location","reportSaveTryAgain","cairoTryAgainClicked","actionName","loaction","cairoApiRequestDataLoadEnd","errorType","duration","reportOnBeforeUnload","values","form","getValues","fields","Object","keys","cairoPageDiscardChangesBeforeSave","numOfFields","length","numOfActions","reduce","prev","key","_this$entityPageState","getFieldState","isDirty","loadStart","_commonDynamicBiParams","reportOnLoadEnd","Math","round","endTime","loadEnd","loadingTime","url","window","href","router_usage","_withinRouter","exports"],"sources":["../../../../src/state/EntityPage/EntityPageStateBIReporter.ts"],"sourcesContent":["import { addEventListener, ReportBI, withoutDefaults } from '@wix/bex-core'; // withoutDefaults\nimport { EntityPageState } from './EntityPageState';\nimport { FieldValues } from 'react-hook-form';\nimport { action } from 'mobx';\nimport {\n  cairoTryAgainClicked,\n  cairoApiRequestDataLoadEnd,\n  cairoPageCtaClicked,\n  cairoPageDiscardChangesBeforeSave,\n  loadStart,\n  loadEnd,\n} from '@wix/bex-core/bi';\n\nexport interface EntityPageStateBIReporterParams<\n  T,\n  V extends FieldValues = FieldValues,\n> {\n  reportBI: ReportBI;\n  entityPageState: EntityPageState<T, V>;\n}\n\nexport class EntityPageStateBIReporter<T, V extends FieldValues> {\n  readonly entityPageState: EntityPageState<T, V>;\n  readonly reportBI: ReportBI;\n  appLoaded?: () => void;\n\n  constructor(params: EntityPageStateBIReporterParams<T, V>) {\n    this.entityPageState = params.entityPageState;\n    this.reportBI = params.reportBI;\n  }\n\n  _getErrorType(e: any) {\n    const isNetworkError = e?.code === 'ERR_NETWORK';\n    return isNetworkError ? 'Network error' : 'Technical issue';\n  }\n\n  init() {\n    const { events } = this.entityPageState;\n    const startTime = performance.now();\n    const disposers = [\n      addEventListener(\n        events,\n        'save',\n        action(() => {\n          events.once('saveError', (err) => {\n            this.reportSaveError(err, startTime);\n          });\n        }),\n      ),\n      (this.appLoaded = this.reportOnLoadStart(startTime)),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  reportButtonClick({\n    ctaName,\n    isValid,\n  }: {\n    ctaName: string;\n    isValid?: boolean;\n  }) {\n    this.reportBI(\n      withoutDefaults(cairoPageCtaClicked)({\n        ctaName,\n        ctaType: 'Main',\n        location: 'Entity page header',\n        isValid,\n      }),\n    );\n  }\n\n  reportSaveTryAgain() {\n    this.reportBI(\n      withoutDefaults(cairoTryAgainClicked)({\n        actionName: 'Saving Entity',\n        loaction: 'toast',\n      }),\n    );\n  }\n\n  reportSaveError(e: any, startTime: number) {\n    this.reportBI(\n      withoutDefaults(cairoApiRequestDataLoadEnd)({\n        errorType: this._getErrorType(e),\n        duration: performance.now() - startTime,\n      }),\n    );\n  }\n\n  reportOnBeforeUnload() {\n    const values = this.entityPageState.form.getValues();\n    const fields = Object.keys(values);\n    this.reportBI(\n      withoutDefaults(cairoPageDiscardChangesBeforeSave)({\n        numOfFields: fields.length,\n        numOfActions: fields.reduce(\n          (prev, key: any) =>\n            prev + +this.entityPageState.form.getFieldState(key)?.isDirty,\n          0,\n        ),\n      }),\n    );\n  }\n\n  reportOnLoadStart(startTime: number) {\n    this.reportBI(\n      withoutDefaults(loadStart)({\n        ...this._commonDynamicBiParams(),\n      }),\n    );\n    return () => {\n      this.reportOnLoadEnd(Math.round(performance.now() - startTime));\n    };\n  }\n\n  reportOnLoadEnd(endTime: number) {\n    this.reportBI(\n      withoutDefaults(loadEnd)({\n        ...this._commonDynamicBiParams(),\n        loadingTime: endTime,\n      }),\n    );\n  }\n\n  _commonDynamicBiParams() {\n    return {\n      url: window.location.href,\n      router_usage: this.entityPageState._withinRouter,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_bi","EntityPageStateBIReporter","constructor","params","_defineProperty2","default","entityPageState","reportBI","_getErrorType","e","isNetworkError","code","init","events","startTime","performance","now","disposers","addEventListener","action","once","err","reportSaveError","appLoaded","reportOnLoadStart","forEach","disposer","reportButtonClick","ctaName","isValid","withoutDefaults","cairoPageCtaClicked","ctaType","location","reportSaveTryAgain","cairoTryAgainClicked","actionName","loaction","cairoApiRequestDataLoadEnd","errorType","duration","reportOnBeforeUnload","values","form","getValues","fields","Object","keys","cairoPageDiscardChangesBeforeSave","numOfFields","length","numOfActions","reduce","prev","key","_this$entityPageState","getFieldState","isDirty","loadStart","_commonDynamicBiParams","reportOnLoadEnd","Math","round","endTime","loadEnd","loadingTime","url","window","href","routerUsage","_withinRouter","exports"],"sources":["../../../../src/state/EntityPage/EntityPageStateBIReporter.ts"],"sourcesContent":["import { addEventListener, ReportBI, withoutDefaults } from '@wix/bex-core'; // withoutDefaults\nimport { EntityPageState } from './EntityPageState';\nimport { FieldValues } from 'react-hook-form';\nimport { action } from 'mobx';\nimport {\n  cairoTryAgainClicked,\n  cairoApiRequestDataLoadEnd,\n  cairoPageCtaClicked,\n  cairoPageDiscardChangesBeforeSave,\n  loadStart,\n  loadEnd,\n} from '@wix/bex-core/bi';\n\nexport interface EntityPageStateBIReporterParams<\n  T,\n  V extends FieldValues = FieldValues,\n> {\n  reportBI: ReportBI;\n  entityPageState: EntityPageState<T, V>;\n}\n\nexport class EntityPageStateBIReporter<T, V extends FieldValues> {\n  readonly entityPageState: EntityPageState<T, V>;\n  readonly reportBI: ReportBI;\n  appLoaded?: () => void;\n\n  constructor(params: EntityPageStateBIReporterParams<T, V>) {\n    this.entityPageState = params.entityPageState;\n    this.reportBI = params.reportBI;\n  }\n\n  _getErrorType(e: any) {\n    const isNetworkError = e?.code === 'ERR_NETWORK';\n    return isNetworkError ? 'Network error' : 'Technical issue';\n  }\n\n  init() {\n    const { events } = this.entityPageState;\n    const startTime = performance.now();\n    const disposers = [\n      addEventListener(\n        events,\n        'save',\n        action(() => {\n          events.once('saveError', (err) => {\n            this.reportSaveError(err, startTime);\n          });\n        }),\n      ),\n      (this.appLoaded = this.reportOnLoadStart(startTime)),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  reportButtonClick({\n    ctaName,\n    isValid,\n  }: {\n    ctaName: string;\n    isValid?: boolean;\n  }) {\n    this.reportBI(\n      withoutDefaults(cairoPageCtaClicked)({\n        ctaName,\n        ctaType: 'Main',\n        location: 'Entity page header',\n        isValid,\n      }),\n    );\n  }\n\n  reportSaveTryAgain() {\n    this.reportBI(\n      withoutDefaults(cairoTryAgainClicked)({\n        actionName: 'Saving Entity',\n        loaction: 'toast',\n      }),\n    );\n  }\n\n  reportSaveError(e: any, startTime: number) {\n    this.reportBI(\n      withoutDefaults(cairoApiRequestDataLoadEnd)({\n        errorType: this._getErrorType(e),\n        duration: performance.now() - startTime,\n      }),\n    );\n  }\n\n  reportOnBeforeUnload() {\n    const values = this.entityPageState.form.getValues();\n    const fields = Object.keys(values);\n    this.reportBI(\n      withoutDefaults(cairoPageDiscardChangesBeforeSave)({\n        numOfFields: fields.length,\n        numOfActions: fields.reduce(\n          (prev, key: any) =>\n            prev + +this.entityPageState.form.getFieldState(key)?.isDirty,\n          0,\n        ),\n      }),\n    );\n  }\n\n  reportOnLoadStart(startTime: number) {\n    this.reportBI(\n      withoutDefaults(loadStart)({\n        ...this._commonDynamicBiParams(),\n      }),\n    );\n    return () => {\n      this.reportOnLoadEnd(Math.round(performance.now() - startTime));\n    };\n  }\n\n  reportOnLoadEnd(endTime: number) {\n    this.reportBI(\n      withoutDefaults(loadEnd)({\n        ...this._commonDynamicBiParams(),\n        loadingTime: endTime,\n      }),\n    );\n  }\n\n  _commonDynamicBiParams() {\n    return {\n      url: window.location.href,\n      routerUsage: this.entityPageState._withinRouter,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedCollectionFetchAllState.js

@@ -78,7 +78,7 @@ class NestedCollectionFetchAllState {
       }
     } = this;
     nestedCollectionState.total = total;
-    nestedCollectionState.expandAll = total >= expandAllThreshold;
+    nestedCollectionState.expandAll = total <= expandAllThreshold;
   }
   _populateParentIdRequestsCache() {
     const {