@wix/patterns 1.11.0 → 1.12.0

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_ = "common1190251205";
+var _namespace_ = "common1931237615";
 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": "common1190251205__root",
-  "column": "common1190251205__column",
-  "fullHeight": "common1190251205__fullHeight"
+  "root": "common1931237615__root",
+  "column": "common1931237615__column",
+  "fullHeight": "common1931237615__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_ = \"common1190251205\";\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\":\"common1190251205__root\",\"column\":\"common1190251205__column\",\"fullHeight\":\"common1190251205__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_ = \"common1931237615\";\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\":\"common1931237615__root\",\"column\":\"common1931237615__column\",\"fullHeight\":\"common1931237615__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/useCollectionPageChild/useCollectionPageChild.js

@@ -2,26 +2,36 @@
 
 exports.__esModule = true;
 exports.useCollectionPageChild = useCollectionPageChild;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _CollectionPageHeaderNew = require("../../components/CollectionPageHeaderNew");
 var _CollectionPageContent = require("../../components/CollectionPageContent");
+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; }
 function useCollectionPageChild(children) {
   // Mapping to raw WDS components since original Page filtering none expected components: https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-style-react/src/Page/Page.js#L626
-  return _react.Children.toArray(children).map(child => {
+  return _react.Children.toArray(children).map((child, index) => {
+    let newChild = null;
     if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
       switch (child.type) {
         case _CollectionPageHeaderNew.CollectionPageHeader:
           const header = child;
-          return header.type.useCollectionPageHeader(header);
+          newChild = header.type.useCollectionPageHeader(header);
+          break;
         case _CollectionPageContent.CollectionPageContent:
           const content = child;
-          return content.type.useCollectionPageContent(content);
+          newChild = content.type.useCollectionPageContent(content);
+          break;
         default:
           // WIP: Eventually once we will support all child types this will return null
-          return child;
+          newChild = child;
       }
     }
-    return null;
+    if (newChild === null) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.cloneElement(newChild, {
+      key: index
+    });
   }).filter(c => c);
 }
 //# sourceMappingURL=useCollectionPageChild.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_CollectionPageHeaderNew","_CollectionPageContent","useCollectionPageChild","children","Children","toArray","map","child","isValidElement","type","CollectionPageHeader","header","useCollectionPageHeader","CollectionPageContent","content","useCollectionPageContent","filter","c"],"sources":["../../../../src/hooks/useCollectionPageChild/useCollectionPageChild.tsx"],"sourcesContent":["import { isValidElement, Children, ReactNode } from 'react';\nimport {\n  CollectionPageHeader,\n  CollectionPageHeaderElement,\n} from '../../components/CollectionPageHeaderNew';\nimport {\n  CollectionPageContent,\n  CollectionPageContentElement,\n} from '../../components/CollectionPageContent';\n\nexport function useCollectionPageChild(children: ReactNode) {\n  // Mapping to raw WDS components since original Page filtering none expected components: https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-style-react/src/Page/Page.js#L626\n  return Children.toArray(children)\n    .map((child) => {\n      if (isValidElement(child)) {\n        switch (child.type) {\n          case CollectionPageHeader:\n            const header = child as CollectionPageHeaderElement;\n            return header.type.useCollectionPageHeader(header);\n          case CollectionPageContent:\n            const content = child as CollectionPageContentElement;\n            return content.type.useCollectionPageContent(content);\n          default:\n            // WIP: Eventually once we will support all child types this will return null\n            return child;\n        }\n      }\n\n      return null;\n    })\n    .filter((c) => c);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAIA,IAAAE,sBAAA,GAAAF,OAAA;AAKO,SAASG,sBAAsBA,CAACC,QAAmB,EAAE;EAC1D;EACA,OAAOC,eAAQ,CAACC,OAAO,CAACF,QAAQ,CAAC,CAC9BG,GAAG,CAAEC,KAAK,IAAK;IACd,kBAAI,IAAAC,qBAAc,EAACD,KAAK,CAAC,EAAE;MACzB,QAAQA,KAAK,CAACE,IAAI;QAChB,KAAKC,6CAAoB;UACvB,MAAMC,MAAM,GAAGJ,KAAoC;UACnD,OAAOI,MAAM,CAACF,IAAI,CAACG,uBAAuB,CAACD,MAAM,CAAC;QACpD,KAAKE,4CAAqB;UACxB,MAAMC,OAAO,GAAGP,KAAqC;UACrD,OAAOO,OAAO,CAACL,IAAI,CAACM,wBAAwB,CAACD,OAAO,CAAC;QACvD;UACE;UACA,OAAOP,KAAK;MAChB;IACF;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,CACDS,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC;AACrB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionPageHeaderNew","_CollectionPageContent","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCollectionPageChild","children","Children","toArray","map","child","index","newChild","isValidElement","type","CollectionPageHeader","header","useCollectionPageHeader","CollectionPageContent","content","useCollectionPageContent","React","cloneElement","key","filter","c"],"sources":["../../../../src/hooks/useCollectionPageChild/useCollectionPageChild.tsx"],"sourcesContent":["import React, { isValidElement, Children, ReactNode } from 'react';\nimport {\n  CollectionPageHeader,\n  CollectionPageHeaderElement,\n} from '../../components/CollectionPageHeaderNew';\nimport {\n  CollectionPageContent,\n  CollectionPageContentElement,\n} from '../../components/CollectionPageContent';\n\nexport function useCollectionPageChild(children: ReactNode) {\n  // Mapping to raw WDS components since original Page filtering none expected components: https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-style-react/src/Page/Page.js#L626\n  return Children.toArray(children)\n    .map((child, index) => {\n      let newChild = null;\n      if (isValidElement(child)) {\n        switch (child.type) {\n          case CollectionPageHeader:\n            const header = child as CollectionPageHeaderElement;\n            newChild = header.type.useCollectionPageHeader(header);\n            break;\n          case CollectionPageContent:\n            const content = child as CollectionPageContentElement;\n            newChild = content.type.useCollectionPageContent(content);\n            break;\n          default:\n            // WIP: Eventually once we will support all child types this will return null\n            newChild = child;\n        }\n      }\n\n      if (newChild === null) {\n        return null;\n      }\n      return React.cloneElement(newChild, { key: index });\n    })\n    .filter((c) => c);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAIA,IAAAE,sBAAA,GAAAF,OAAA;AAGgD,SAAAG,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,SAAAL,wBAAAK,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;AAEzC,SAASW,sBAAsBA,CAACC,QAAmB,EAAE;EAC1D;EACA,OAAOC,eAAQ,CAACC,OAAO,CAACF,QAAQ,CAAC,CAC9BG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IACrB,IAAIC,QAAQ,GAAG,IAAI;IACnB,kBAAI,IAAAC,qBAAc,EAACH,KAAK,CAAC,EAAE;MACzB,QAAQA,KAAK,CAACI,IAAI;QAChB,KAAKC,6CAAoB;UACvB,MAAMC,MAAM,GAAGN,KAAoC;UACnDE,QAAQ,GAAGI,MAAM,CAACF,IAAI,CAACG,uBAAuB,CAACD,MAAM,CAAC;UACtD;QACF,KAAKE,4CAAqB;UACxB,MAAMC,OAAO,GAAGT,KAAqC;UACrDE,QAAQ,GAAGO,OAAO,CAACL,IAAI,CAACM,wBAAwB,CAACD,OAAO,CAAC;UACzD;QACF;UACE;UACAP,QAAQ,GAAGF,KAAK;MACpB;IACF;IAEA,IAAIE,QAAQ,KAAK,IAAI,EAAE;MACrB,OAAO,IAAI;IACb;IACA,oBAAOS,cAAK,CAACC,YAAY,CAACV,QAAQ,EAAE;MAAEW,GAAG,EAAEZ;IAAM,CAAC,CAAC;EACrD,CAAC,CAAC,CACDa,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC;AACrB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_react2","useEntityPage","props","container","useWixPatternsContainer","state","useState","EntityPageState","formState","isSubmitSuccessful","isDirty","form","useEffect","isFormDirty"],"sources":["../../../src/hooks/useEntityPage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { EntityPageState, EntityPageStateParams } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FieldValues } from 'react-hook-form';\n\nexport interface UseEntityPageParams<T, V extends FieldValues = FieldValues>\n  extends Pick<\n    EntityPageStateParams<T, V>,\n    'fetch' | 'onSave' | 'saveErrorToast' | 'form' | 'parentPageId'\n  > {}\n\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  props: UseEntityPageParams<T, V>,\n): EntityPageState<T, V> {\n  const container = useWixPatternsContainer();\n  const [state] = useState(() => new EntityPageState({ container, ...props }));\n\n  const {\n    formState: { isSubmitSuccessful, isDirty },\n  } = props.form;\n\n  /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.\n  Therefore, make sure you invoke or read it before a render in order to enable the state update. */\n  useEffect(() => {\n    state.isSubmitSuccessful = isSubmitSuccessful;\n    state.isFormDirty = isDirty;\n  }, [isSubmitSuccessful, isDirty]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AASO,SAASG,aAAaA,CAC3BC,KAAgC,EACT;EACvB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,sBAAe,CAAC;IAAEJ,SAAS;IAAE,GAAGD;EAAM,CAAC,CAAC,CAAC;EAE5E,MAAM;IACJM,SAAS,EAAE;MAAEC,kBAAkB;MAAEC;IAAQ;EAC3C,CAAC,GAAGR,KAAK,CAACS,IAAI;;EAEd;AACF;EACE,IAAAC,gBAAS,EAAC,MAAM;IACdP,KAAK,CAACI,kBAAkB,GAAGA,kBAAkB;IAC7CJ,KAAK,CAACQ,WAAW,GAAGH,OAAO;EAC7B,CAAC,EAAE,CAACD,kBAAkB,EAAEC,OAAO,CAAC,CAAC;EAEjC,OAAOL,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_react2","useEntityPage","props","container","useWixPatternsContainer","state","useState","EntityPageState","formState","isSubmitSuccessful","isDirty","form","useEffect","isFormDirty"],"sources":["../../../src/hooks/useEntityPage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { EntityPageState, EntityPageStateParams } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FieldValues } from 'react-hook-form';\n\nexport interface UseEntityPageParams<T, V extends FieldValues = FieldValues>\n  extends Pick<\n    EntityPageStateParams<T, V>,\n    | 'fetch'\n    | 'onSave'\n    | 'saveSuccessToast'\n    | 'saveErrorToast'\n    | 'form'\n    | 'parentPageId'\n  > {}\n\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  props: UseEntityPageParams<T, V>,\n): EntityPageState<T, V> {\n  const container = useWixPatternsContainer();\n  const [state] = useState(() => new EntityPageState({ container, ...props }));\n\n  const {\n    formState: { isSubmitSuccessful, isDirty },\n  } = props.form;\n\n  /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.\n  Therefore, make sure you invoke or read it before a render in order to enable the state update. */\n  useEffect(() => {\n    state.isSubmitSuccessful = isSubmitSuccessful;\n    state.isFormDirty = isDirty;\n  }, [isSubmitSuccessful, isDirty]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAcO,SAASG,aAAaA,CAC3BC,KAAgC,EACT;EACvB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,sBAAe,CAAC;IAAEJ,SAAS;IAAE,GAAGD;EAAM,CAAC,CAAC,CAAC;EAE5E,MAAM;IACJM,SAAS,EAAE;MAAEC,kBAAkB;MAAEC;IAAQ;EAC3C,CAAC,GAAGR,KAAK,CAACS,IAAI;;EAEd;AACF;EACE,IAAAC,gBAAS,EAAC,MAAM;IACdP,KAAK,CAACI,kBAAkB,GAAGA,kBAAkB;IAC7CJ,KAAK,CAACQ,WAAW,GAAGH,OAAO;EAC7B,CAAC,EAAE,CAACD,kBAAkB,EAAEC,OAAO,CAAC,CAAC;EAEjC,OAAOL,KAAK;AACd","ignoreList":[]}

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

@@ -14,6 +14,7 @@ class EntityPageState {
     (0, _defineProperty2.default)(this, "submitTask", new _bexCore.TaskState());
     (0, _defineProperty2.default)(this, "fetch", void 0);
     (0, _defineProperty2.default)(this, "onSave", void 0);
+    (0, _defineProperty2.default)(this, "saveSuccessToast", void 0);
     (0, _defineProperty2.default)(this, "saveErrorToast", void 0);
     (0, _defineProperty2.default)(this, "_entity", null);
     (0, _defineProperty2.default)(this, "_form", void 0);
@@ -27,6 +28,7 @@ class EntityPageState {
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     this.fetch = params.fetch;
     this.onSave = params.onSave;
+    this.saveSuccessToast = params.saveSuccessToast;
     this.saveErrorToast = params.saveErrorToast;
     this._form = params.form;
     this._parentPageId = params.parentPageId;
@@ -46,7 +48,8 @@ class EntityPageState {
       isFetching: _mobx.computed,
       _entity: _mobx.observable.ref,
       setEntity: _mobx.action,
-      _isFormDirty: _mobx.observable.ref
+      _isFormDirty: _mobx.observable.ref,
+      isFormDirty: _mobx.computed
     });
   }
   init() {
@@ -59,10 +62,9 @@ class EntityPageState {
     } = container;
     const onBeforeUnloadSubscription = onBeforeUnload == null ? void 0 : onBeforeUnload((0, _mobx.action)(event => {
       const {
-        form,
-        formPage
+        form
       } = this;
-      if (form.formState.isSubmitSuccessful || !(form.formState.isDirty || formPage.isDirty)) {
+      if (form.formState.isSubmitSuccessful || !this.isFormDirty) {
         return;
       }
       event.preventDefault();
@@ -100,7 +102,7 @@ class EntityPageState {
     this._isFormDirty = flag;
   }
   get isFormDirty() {
-    return this._isFormDirty;
+    return this._isFormDirty || this.formPage.isDirty;
   }
   onCancel() {
     this.bi.reportButtonClick({
@@ -134,12 +136,13 @@ class EntityPageState {
       } : undefined
     });
   }
-  _showSuccessToast(successToastText) {
-    var _this$container$showT2, _this$container3;
+  _showSuccessToast() {
+    var _this$saveSuccessToas, _this$container$showT2, _this$container3;
+    const message = typeof this.saveSuccessToast === 'string' ? this.saveSuccessToast : (_this$saveSuccessToas = this.saveSuccessToast) == null ? void 0 : _this$saveSuccessToas.message;
     (_this$container$showT2 = (_this$container3 = this.container).showToast) == null || _this$container$showT2.call(_this$container3, {
       type: 'SUCCESS',
       biName: 'cairo-entity-page-save-success-toast',
-      message: successToastText ?? this.container.translate('cairo.entityPage.success.toast')
+      message: message ?? this.container.translate('cairo.entityPage.success.toast')
     });
   }
   async handleSubmit(e) {
@@ -170,15 +173,14 @@ class EntityPageState {
           isValid: true
         });
         try {
-          const result = await this.onSave({
-            widgetsFormData: {
-              ...extraFields
-            }
-          });
-          const {
-            successToastText
-          } = result ?? {};
-          this._showSuccessToast(successToastText);
+          if (this.isFormDirty) {
+            await this.onSave({
+              widgetsFormData: {
+                ...extraFields
+              }
+            });
+          }
+          this._showSuccessToast();
         } catch (err) {
           this._showErrorToast(err, e);
           this.container.errorMonitor.captureException(err);

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","undefined","FormPageState","EventEmitter","fetch","onSave","saveErrorToast","_form","form","_parentPageId","parentPageId","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","_isFormDirty","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formPage","formState","isSubmitSuccessful","isDirty","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","entity","appLoaded","call","remove","retryFetch","newEntity","isLoading","isIdle","flag","_isSubmitSuccessful","isFormDirty","onCancel","reportButtonClick","ctaName","navigateToParent","_this$container$navig","_this$container","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container2","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","successToastText","_this$container$showT2","_this$container3","submitTask","events","emit","isValid","extraFields","validate","run","result","widgetsFormData","errorMonitor","captureException","setError","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that may contain a 'successToastText' string, or it may resolve to void.\n   */\n  onSave: (\n    params: OnSaveParams,\n  ) => Promise<{ successToastText?: string } | void>;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   */\n  parentPageId: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _isSubmitSuccessful?: boolean = undefined;\n  _isFormDirty = false;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n      _isFormDirty: observable.ref,\n    });\n  }\n\n  init() {\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        const { form, formPage } = this;\n        if (\n          form.formState.isSubmitSuccessful ||\n          !(form.formState.isDirty || formPage.isDirty)\n        ) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  get isFormDirty() {\n    return this._isFormDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent() {\n    this.container.navigateTo?.({\n      pageId: this._parentPageId,\n    });\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast(successToastText?: string) {\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        successToastText ??\n        this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const { form, submitTask, bi } = this;\n\n    submitTask.run(async () => {\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            const result = await this.onSave({\n              widgetsFormData: { ...extraFields },\n            });\n            const { successToastText } = result ?? {};\n            this._showSuccessToast(successToastText);\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      this.navigateToParent();\n    });\n    await this.submitTask.status.promise;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","undefined","FormPageState","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","_form","form","_parentPageId","parentPageId","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","_isFormDirty","isFormDirty","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","entity","appLoaded","call","remove","retryFetch","newEntity","isLoading","isIdle","flag","_isSubmitSuccessful","formPage","isDirty","onCancel","reportButtonClick","ctaName","navigateToParent","_this$container$navig","_this$container","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container2","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container3","submitTask","events","emit","isValid","extraFields","validate","run","widgetsFormData","errorMonitor","captureException","setError","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   */\n  parentPageId: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _isSubmitSuccessful?: boolean = undefined;\n  _isFormDirty = false;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n      _isFormDirty: observable.ref,\n      isFormDirty: computed,\n    });\n  }\n\n  init() {\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  get isFormDirty() {\n    return this._isFormDirty || this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent() {\n    this.container.navigateTo?.({\n      pageId: this._parentPageId,\n    });\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const { form, submitTask, bi } = this;\n\n    submitTask.run(async () => {\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (this.isFormDirty) {\n              await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      this.navigateToParent();\n    });\n    await this.submitTask.status.promise;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAuDO,MAAMI,eAAe,CAE5B;EA2BEC,WAAWA,CAACC,MAAmC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,oBA1B7B,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,sBACb,IAAIC,kBAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAOjB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,+BAQQE,SAAS;IAAA,IAAAH,gBAAA,CAAAC,OAAA,wBAC1B,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAEA,IAAIG,sBAAa,CAAC,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA,kBAErB,IAAII,oBAAY,CAAC,CAAC;IAMlC,IAAI,CAACC,KAAK,GAAGP,MAAM,CAACO,KAAK;IACzB,IAAI,CAACC,MAAM,GAAGR,MAAM,CAACQ,MAAM;IAC3B,IAAI,CAACC,gBAAgB,GAAGT,MAAM,CAACS,gBAAgB;IAC/C,IAAI,CAACC,cAAc,GAAGV,MAAM,CAACU,cAAc;IAC3C,IAAI,CAACC,KAAK,GAAGX,MAAM,CAACY,IAAI;IACxB,IAAI,CAACC,aAAa,GAAGb,MAAM,CAACc,YAAY;IAExC,IAAI,CAACC,SAAS,GAAGf,MAAM,CAACe,SAAS;IAEjC,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACD,SAAS,CAACE,cAAc,CAAC;MAC5CC,aAAa,EAAE,aAAa;MAC5BC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACzB,CAAC,CAAC;IAEF,IAAI,CAACC,EAAE,GAAG,IAAIC,oDAAyB,CAAC;MACtCT,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBU,eAAe,EAAE;IACnB,CAAC,CAAC;IACF,IAAI,CAACF,EAAE,CAACG,IAAI,CAAC,CAAC;IAEd,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,YAAY,EAAEC,YAAM;MACpBC,UAAU,EAAEC,cAAQ;MACpBC,OAAO,EAAEC,gBAAU,CAACC,GAAG;MACvBC,SAAS,EAAEN,YAAM;MACjBO,YAAY,EAAEH,gBAAU,CAACC,GAAG;MAC5BG,WAAW,EAAEN;IACf,CAAC,CAAC;EACJ;EAEAL,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEY,QAAQ;MAAExB;IAAU,CAAC,GAAG,IAAI;IACpC,MAAM;MAAEyB;IAAe,CAAC,GAAGzB,SAAS;IAEpC,MAAM0B,0BAA0B,GAAGD,cAAc,oBAAdA,cAAc,CAC/C,IAAAV,YAAM,EAAEY,KAAK,IAAK;MAChB,MAAM;QAAE9B;MAAK,CAAC,GAAG,IAAI;MACrB,IAAIA,IAAI,CAAC+B,SAAS,CAACC,kBAAkB,IAAI,CAAC,IAAI,CAACN,WAAW,EAAE;QAC1D;MACF;MACAI,KAAK,CAACG,cAAc,CAAC,CAAC;MACtB,IAAI,CAACrB,EAAE,CAACsB,oBAAoB,CAAC,CAAC;IAChC,CAAC,CACH,CAAC;IAEDP,QAAQ,CAACQ,OAAO,CAAC,YAAY;MAAA,IAAAC,kBAAA,EAAAC,QAAA;MAC3B,MAAM,CAACC,IAAI,CAAC,GAAG,MAAMC,OAAO,CAACC,GAAG,CAAC,CAC/B,IAAI,CAAC7C,KAAK,CAAC,CAAC,EACZQ,SAAS,CAACwB,QAAQ,CAACc,MAAM,CAACC,OAAO,CAClC,CAAC;MAEF,IAAI,CAAClB,SAAS,CAACc,IAAI,CAACK,MAAM,IAAI,IAAI,CAAC;MACnC,CAAAP,kBAAA,IAAAC,QAAA,OAAI,CAACzB,EAAE,EAACgC,SAAS,aAAjBR,kBAAA,CAAAS,IAAA,CAAAR,QAAoB,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,MAAM;MACXR,0BAA0B,YAA1BA,0BAA0B,CAAEiB,MAAM,CAAC,CAAC;IACtC,CAAC;EACH;EAEAC,UAAUA,CAAA,EAAG;IACX,IAAI,CAACpB,QAAQ,CAACQ,OAAO,CAAC,CAAC;EACzB;EAEAX,SAASA,CAACwB,SAAmB,EAAE;IAC7B,IAAI,CAAC3B,OAAO,GAAG2B,SAAS;EAC1B;EAEA,IAAIL,MAAMA,CAAA,EAAa;IACrB,OAAO,IAAI,CAACtB,OAAO;EACrB;EAEA,IAAIF,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACQ,QAAQ,CAACc,MAAM,CAACQ,SAAS,IAAI,IAAI,CAACtB,QAAQ,CAACc,MAAM,CAACS,MAAM;EACtE;EAEA,IAAIlD,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACD,KAAK;EACnB;EAEA,IAAIiC,kBAAkBA,CAACmB,IAAa,EAAE;IACpC,IAAI,CAACC,mBAAmB,GAAGD,IAAI;EACjC;EAEA,IAAIzB,WAAWA,CAACyB,IAAa,EAAE;IAC7B,IAAI,CAAC1B,YAAY,GAAG0B,IAAI;EAC1B;EAEA,IAAIzB,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACD,YAAY,IAAI,IAAI,CAAC4B,QAAQ,CAACC,OAAO;EACnD;EAEAC,QAAQA,CAAA,EAAG;IACT,IAAI,CAAC3C,EAAE,CAAC4C,iBAAiB,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC,CAAC;IAChD,IAAI,CAACC,gBAAgB,CAAC,CAAC;EACzB;EAEAA,gBAAgBA,CAAA,EAAG;IAAA,IAAAC,qBAAA,EAAAC,eAAA;IACjB,CAAAD,qBAAA,IAAAC,eAAA,OAAI,CAACzD,SAAS,EAAC0D,UAAU,aAAzBF,qBAAA,CAAAd,IAAA,CAAAe,eAAA,EAA4B;MAC1BE,MAAM,EAAE,IAAI,CAAC7D;IACf,CAAC,CAAC;EACJ;EAEA8D,eAAeA,CAACC,GAAQ,EAAEC,CAA4B,EAAE;IAAA,IAAAC,oBAAA,EAAAC,qBAAA,EAAAC,gBAAA;IACtD,MAAMC,UAAU,IAAAH,oBAAA,GAAG,IAAI,CAACpE,cAAc,qBAAnBoE,oBAAA,CAAArB,IAAA,KAAI,EAAkBmB,GAAG,CAAC;IAC7C,MAAMM,OAAO,GACX,OAAOD,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAGA,UAAU,oBAAVA,UAAU,CAAEC,OAAO;IACnE,MAAMC,YAAY,GAChB,OAAOF,UAAU,KAAK,QAAQ,GAAG,IAAI,GAAG,CAAAA,UAAU,oBAAVA,UAAU,CAAEG,QAAQ,MAAK,KAAK;IAExE,CAAAL,qBAAA,IAAAC,gBAAA,OAAI,CAACjE,SAAS,EAACsE,SAAS,aAAxBN,qBAAA,CAAAtB,IAAA,CAAAuB,gBAAA,EAA2B;MACzBM,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE,oCAAoC;MAC5CL,OAAO,EACLA,OAAO,IACP,IAAI,CAACnE,SAAS,CAACyE,SAAS,CACtB,CAAAZ,GAAG,oBAAHA,GAAG,CAAEa,IAAI,MAAK,aAAa,GACvB,sDAAsD,GACtD,wDACN,CAAC;MACH3D,MAAM,EAAEqD,YAAY,GAChB;QACEO,MAAM,EAAE,MAAM;QACdC,IAAI,EAAE,IAAI,CAAC5E,SAAS,CAACyE,SAAS,CAAC,mBAAmB,CAAC;QACnDI,OAAO,EAAEA,CAAA,KAAM;UACb,IAAI,CAACpE,EAAE,CAACqE,kBAAkB,CAAC,CAAC;UAC5B,IAAI,CAAChE,YAAY,CAACgD,CAAC,CAAC;QACtB,CAAC;QACDiB,kBAAkB,EAAE;MACtB,CAAC,GACD1F;IACN,CAAC,CAAC;EACJ;EAEA2F,iBAAiBA,CAAA,EAAG;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,gBAAA;IAClB,MAAMhB,OAAO,GACX,OAAO,IAAI,CAACzE,gBAAgB,KAAK,QAAQ,GACrC,IAAI,CAACA,gBAAgB,IAAAuF,qBAAA,GACrB,IAAI,CAACvF,gBAAgB,qBAArBuF,qBAAA,CAAuBd,OAAO;IAEpC,CAAAe,sBAAA,IAAAC,gBAAA,OAAI,CAACnF,SAAS,EAACsE,SAAS,aAAxBY,sBAAA,CAAAxC,IAAA,CAAAyC,gBAAA,EAA2B;MACzBZ,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE,sCAAsC;MAC9CL,OAAO,EACLA,OAAO,IAAI,IAAI,CAACnE,SAAS,CAACyE,SAAS,CAAC,gCAAgC;IACxE,CAAC,CAAC;EACJ;EACA,MAAM3D,YAAYA,CAACgD,CAA4B,EAAE;IAC/C,IAAI,IAAI,CAACsB,UAAU,CAAC9C,MAAM,CAACQ,SAAS,EAAE;MACpC;IACF;IAEA,IAAI,CAACuC,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;IAExB,MAAM;MAAEC,OAAO;MAAEpD,IAAI,EAAEqD;IAAY,CAAC,GAAG,MAAM,IAAI,CAACtC,QAAQ,CAACuC,QAAQ,CAAC,CAAC;IAErE,IAAI,CAACF,OAAO,EAAE;MACZ,IAAI,CAAC9E,EAAE,CAAC4C,iBAAiB,CAAC;QAAEC,OAAO,EAAE,MAAM;QAAEiC,OAAO,EAAE;MAAM,CAAC,CAAC;MAC9D;IACF;IAEA,MAAM;MAAE1F,IAAI;MAAEuF,UAAU;MAAE3E;IAAG,CAAC,GAAG,IAAI;IAErC2E,UAAU,CAACM,GAAG,CAAC,YAAY;MACzB,MAAM7F,IAAI,CAACiB,YAAY,CACrB,YAAY;QACVL,EAAE,CAAC4C,iBAAiB,CAAC;UAAEC,OAAO,EAAE,MAAM;UAAEiC,OAAO,EAAE;QAAK,CAAC,CAAC;QACxD,IAAI;UACF,IAAI,IAAI,CAAChE,WAAW,EAAE;YACpB,MAAM,IAAI,CAAC9B,MAAM,CAAC;cAChBkG,eAAe,EAAE;gBAAE,GAAGH;cAAY;YACpC,CAAC,CAAC;UACJ;UACA,IAAI,CAACR,iBAAiB,CAAC,CAAC;QAC1B,CAAC,CAAC,OAAOnB,GAAG,EAAE;UACZ,IAAI,CAACD,eAAe,CAACC,GAAG,EAAEC,CAAC,CAAC;UAC5B,IAAI,CAAC9D,SAAS,CAAC4F,YAAY,CAACC,gBAAgB,CAAChC,GAAG,CAAC;UACjD,IAAI,CAACwB,MAAM,CAACC,IAAI,CAAC,WAAW,EAAEzB,GAAG,CAAC;UAClChE,IAAI,CAACiG,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC;MACF,CAAC,EACD,MAAM;QACJrF,EAAE,CAAC4C,iBAAiB,CAAC;UAAEC,OAAO,EAAE,MAAM;UAAEiC,OAAO,EAAE;QAAM,CAAC,CAAC;MAC3D,CAAC,CAAE;MACL,CAAC,CAACzB,CAAC,CAAC;MAEJ,IAAI,CAACjE,IAAI,CAAC+B,SAAS,CAACC,kBAAkB,EAAE;QACtC;MACF;MAEA,IAAI,CAAC0B,gBAAgB,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,IAAI,CAAC6B,UAAU,CAAC9C,MAAM,CAACC,OAAO;EACtC;AACF;AAACwD,OAAA,CAAAhH,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/state/GridBaseState.js

@@ -15,6 +15,7 @@ class GridBaseState {
     (0, _defineProperty2.default)(this, "collection", void 0);
     (0, _defineProperty2.default)(this, "_containerRectState", void 0);
     (0, _defineProperty2.default)(this, "_responsiveColumnsState", void 0);
+    (0, _defineProperty2.default)(this, "parentState", void 0);
     (0, _defineProperty2.default)(this, "sizePreset", void 0);
     (0, _defineProperty2.default)(this, "trailingItemsCount", 0);
     (0, _defineProperty2.default)(this, "minItemWidth", 196);
@@ -34,6 +35,7 @@ class GridBaseState {
     });
     this.container = params.container;
     this.collection = params.collection;
+    this.parentState = params.parentState;
     this._containerRectState = new _RectState.RectState({
       container: this.container
     });
@@ -227,6 +229,24 @@ class GridBaseState {
       role: 'list'
     };
   }
+  _subscribe() {
+    const {
+      parentState: {
+        _subGrids
+      }
+    } = this;
+    if (!_subGrids) {
+      return;
+    }
+    _subGrids.push(this);
+    return () => {
+      const i = _subGrids.indexOf(this);
+      i !== -1 && _subGrids.splice(i, 1);
+    };
+  }
+  init() {
+    return this._subscribe();
+  }
 }
 exports.GridBaseState = GridBaseState;
 //# sourceMappingURL=GridBaseState.js.map

package/dist/cjs/state/GridBaseState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","constructor","params","_params$range","_params$range2","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","_containerRectState","RectState","_responsiveColumnsState","ResponsiveColumnsState","gap","minItemWidth","rectState","sizePreset","_localLimit","range","length","_localStart","start","makeObservable","_dnd","observable","ref","trailingItemsCount","forceRenderIndexes","preset","_draggable","draggable","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","itemsContentWidth","imagePlacement","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","indexInCollection","errorMonitor","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n  readonly range?: { start: number; length: number };\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  sizePreset;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  gap = 24;\n  smallCardWidthThreshold = 200;\n  preset: 'full' | 'title' | 'empty' = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null | undefined;\n  _localStart: number;\n  _dnd?: DragAndDropState<T, F> | null = null;\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gap: this.gap,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this.sizePreset = params.sizePreset;\n    this._localLimit = params.range?.length;\n    this._localStart = params.range?.start ?? 0;\n\n    makeObservable(this, {\n      _dnd: observable.ref,\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      _localStart: observable.ref,\n      itemsContentWidth: computed,\n      sizePreset: observable.ref,\n    });\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return collection.fetchedLastPage ||\n      (_localLimit != null && _localStart + _localLimit < keyedItems.length)\n      ? itemsCount + trailingItemsCount\n      : itemsCount - Math.floor(itemsCount % this.columnsCount);\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    const indexInCollection = index + _localStart;\n\n    if (indexInCollection >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[indexInCollection];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n    } = this;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight = cardTopImageHeight + cardFooterHeight + 1;\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","constructor","params","_params$range","_params$range2","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","parentState","_containerRectState","RectState","_responsiveColumnsState","ResponsiveColumnsState","gap","minItemWidth","rectState","sizePreset","_localLimit","range","length","_localStart","start","makeObservable","_dnd","observable","ref","trailingItemsCount","forceRenderIndexes","preset","_draggable","draggable","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","itemsContentWidth","imagePlacement","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","indexInCollection","errorMonitor","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","_subscribe","_subGrids","push","i","indexOf","splice","init","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n  readonly range?: { start: number; length: number };\n  readonly parentState: {\n    _subGrids?: GridBaseState<T, F>[];\n  };\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  readonly parentState;\n  sizePreset;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  gap = 24;\n  smallCardWidthThreshold = 200;\n  preset: 'full' | 'title' | 'empty' = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null | undefined;\n  _localStart: number;\n  _dnd?: DragAndDropState<T, F> | null = null;\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this.parentState = params.parentState;\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gap: this.gap,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this.sizePreset = params.sizePreset;\n    this._localLimit = params.range?.length;\n    this._localStart = params.range?.start ?? 0;\n\n    makeObservable(this, {\n      _dnd: observable.ref,\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      _localStart: observable.ref,\n      itemsContentWidth: computed,\n      sizePreset: observable.ref,\n    });\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return collection.fetchedLastPage ||\n      (_localLimit != null && _localStart + _localLimit < keyedItems.length)\n      ? itemsCount + trailingItemsCount\n      : itemsCount - Math.floor(itemsCount % this.columnsCount);\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    const indexInCollection = index + _localStart;\n\n    if (indexInCollection >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[indexInCollection];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n    } = this;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight = cardTopImageHeight + cardFooterHeight + 1;\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n\n  _subscribe() {\n    const {\n      parentState: { _subGrids },\n    } = this;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(this);\n\n    return () => {\n      const i = _subGrids.indexOf(this);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }\n\n  init() {\n    return this._subscribe();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/GridFoldersState.js

@@ -18,6 +18,7 @@ class GridFoldersState {
     (0, _defineProperty2.default)(this, "folders", void 0);
     (0, _defineProperty2.default)(this, "collections", void 0);
     (0, _defineProperty2.default)(this, "bi", void 0);
+    (0, _defineProperty2.default)(this, "_subGrids", []);
     (0, _defineProperty2.default)(this, "showAllFolders", false);
     (0, _defineProperty2.default)(this, "toggleShowAllFolders", (0, _mobx.action)(() => {
       this.showAllFolders = !this.showAllFolders;
@@ -38,13 +39,15 @@ class GridFoldersState {
       collection: params.items,
       container: params.container,
       toolbar: this.toolbar,
-      sizePreset: _gridSizePresets.topGridSizePreset
+      sizePreset: _gridSizePresets.topGridSizePreset,
+      parentState: this
     });
     this.folders = new _GridBaseState.GridBaseState({
       collection: params.folders,
       container: params.container,
       toolbar: this.toolbar,
-      sizePreset: _gridSizePresets.sideGridSizePreset
+      sizePreset: _gridSizePresets.sideGridSizePreset,
+      parentState: this
     });
     this.bi = new _GridFoldersBIReporter.GridFoldersBIReporter({
       state: this

package/dist/cjs/state/GridFoldersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_GridBaseState","require","_mobx","_ToolbarCollectionState","_FoldersAndItemsCollectionsState","_gridSizePresets","_GridFoldersBIReporter","GridFoldersState","constructor","params","_defineProperty2","default","action","showAllFolders","bi","onToggleShowAllButtonClick","toolbar","retryErrorState","container","ToolbarCollectionState","collection","items","componentType","collections","FoldersAndItemsCollectionsState","GridBaseState","sizePreset","topGridSizePreset","folders","sideGridSizePreset","GridFoldersBIReporter","state","makeObservable","observable","ref","foldersLocalLimit","computed","effectiveFoldersLocalLimit","showToggleShowAllLessButton","showItemsSection","showItemsSectionHeader","showFoldersSection","showFoldersSectionHeader","showLoadingSection","columnsCount","result","size","isEmptyAndNotFetching","hasFoldersOnlyActiveFilters","fetchedLastPage","initTask","showErrorState","multi","errorStatus","showLoadingState","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","hasItemsOnlyActiveFilters","isLoadingToolbarAndCollection","showInitialLoader","status","isLoading","isIdle","showRefreshLoader","init","disposers","reaction","_localLimit","fireImmediately","forEach","d","exports"],"sources":["../../../src/state/GridFoldersState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { GridBaseState } from './GridBaseState';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport {\n  FoldersAndItemsCollectionsState,\n  FoldersAndItemsCollectionsStateInitParams,\n  PartialAllFilters,\n} from './FoldersAndItemsCollectionsState';\nimport { sideGridSizePreset, topGridSizePreset } from './gridSizePresets';\nimport { GridFoldersBIReporter } from './GridFoldersBIReporter';\n\nexport interface GridFoldersStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n  readonly collections?: FoldersAndItemsCollectionsState<T1, F1, T2, F2>;\n}\n\ninterface GridFoldersStateInitParams\n  extends FoldersAndItemsCollectionsStateInitParams {}\n\nexport class GridFoldersState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly container;\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n  readonly collections;\n  readonly bi;\n\n  showAllFolders = false;\n\n  constructor(params: GridFoldersStateParams<T1, F1, T2, F2>) {\n    this.container = params.container;\n\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.items as CollectionState<T1, {}> as CollectionState<\n          T1,\n          PartialAllFilters<F1, F2>\n        >,\n        container: params.container,\n        componentType: 'GridFolders',\n      });\n\n    this.collections =\n      params.collections ??\n      new FoldersAndItemsCollectionsState({\n        ...params,\n        toolbar: this.toolbar,\n      });\n\n    this.items = new GridBaseState({\n      collection: params.items,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F1>>,\n      sizePreset: topGridSizePreset,\n    });\n\n    this.folders = new GridBaseState({\n      collection: params.folders,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F2>>,\n      sizePreset: sideGridSizePreset,\n    });\n\n    this.bi = new GridFoldersBIReporter({\n      state: this,\n    });\n\n    makeObservable(this, {\n      showAllFolders: observable.ref,\n      foldersLocalLimit: computed,\n      effectiveFoldersLocalLimit: computed,\n      showToggleShowAllLessButton: computed,\n      showItemsSection: computed,\n      showItemsSectionHeader: computed,\n      showFoldersSection: computed,\n      showFoldersSectionHeader: computed,\n      showLoadingSection: computed,\n    });\n  }\n\n  toggleShowAllFolders = action(() => {\n    this.showAllFolders = !this.showAllFolders;\n    this.bi.onToggleShowAllButtonClick();\n  });\n\n  get foldersLocalLimit() {\n    return this.folders.columnsCount * 2;\n  }\n\n  get effectiveFoldersLocalLimit() {\n    return this.showAllFolders ? null : this.folders.columnsCount * 2;\n  }\n\n  get showToggleShowAllLessButton() {\n    return this.collections.folders.result.size > this.foldersLocalLimit;\n  }\n\n  get showFoldersSectionHeader() {\n    return this.showToggleShowAllLessButton || this.showItemsSection;\n  }\n\n  get showItemsSection() {\n    return (\n      !this.collections.items.result.isEmptyAndNotFetching &&\n      !this.collections.hasFoldersOnlyActiveFilters &&\n      (!this.showAllFolders || this.folders.collection.fetchedLastPage)\n    );\n  }\n\n  get initTask() {\n    return this.toolbar.initTask;\n  }\n\n  get showErrorState() {\n    return this.toolbar.multi.showErrorState;\n  }\n\n  get errorStatus() {\n    return this.toolbar.multi.errorStatus;\n  }\n\n  retryErrorState = action(() => this.toolbar.retryErrorState());\n\n  get showLoadingState() {\n    return this.toolbar.multi.showLoadingState;\n  }\n\n  get showEmptyState() {\n    return this.collections.showEmptyState;\n  }\n\n  get hasAvailableItems() {\n    return this.collections.hasAvailableItems;\n  }\n\n  get resultOriginQuerySearch() {\n    return this.collections.resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    return this.collections.hasNonPersistentActiveFilters;\n  }\n\n  get showItemsSectionHeader() {\n    return this.showFoldersSection;\n  }\n\n  get showFoldersSection() {\n    return (\n      !this.collections.folders.result.isEmptyAndNotFetching &&\n      !this.collections.hasItemsOnlyActiveFilters\n    );\n  }\n\n  get showLoadingSection() {\n    const {\n      collections: { hasFoldersOnlyActiveFilters, hasItemsOnlyActiveFilters },\n      toolbar: { initTask, multi },\n    } = this;\n\n    const isLoadingToolbarAndCollection = () =>\n      (multi.showInitialLoader && initTask.status.isLoading) ||\n      initTask.status.isIdle;\n\n    return (\n      !hasFoldersOnlyActiveFilters &&\n      !hasItemsOnlyActiveFilters &&\n      (multi.showRefreshLoader || isLoadingToolbarAndCollection())\n    );\n  }\n\n  init(params: GridFoldersStateInitParams) {\n    const disposers = [\n      this.collections.init(params),\n      reaction(\n        () => this.effectiveFoldersLocalLimit,\n        (effectiveFoldersLocalLimit) => {\n          this.folders._localLimit = effectiveFoldersLocalLimit;\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridBaseState","require","_mobx","_ToolbarCollectionState","_FoldersAndItemsCollectionsState","_gridSizePresets","_GridFoldersBIReporter","GridFoldersState","constructor","params","_defineProperty2","default","action","showAllFolders","bi","onToggleShowAllButtonClick","toolbar","retryErrorState","container","ToolbarCollectionState","collection","items","componentType","collections","FoldersAndItemsCollectionsState","GridBaseState","sizePreset","topGridSizePreset","parentState","folders","sideGridSizePreset","GridFoldersBIReporter","state","makeObservable","observable","ref","foldersLocalLimit","computed","effectiveFoldersLocalLimit","showToggleShowAllLessButton","showItemsSection","showItemsSectionHeader","showFoldersSection","showFoldersSectionHeader","showLoadingSection","columnsCount","result","size","isEmptyAndNotFetching","hasFoldersOnlyActiveFilters","fetchedLastPage","initTask","showErrorState","multi","errorStatus","showLoadingState","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","hasItemsOnlyActiveFilters","isLoadingToolbarAndCollection","showInitialLoader","status","isLoading","isIdle","showRefreshLoader","init","disposers","reaction","_localLimit","fireImmediately","forEach","d","exports"],"sources":["../../../src/state/GridFoldersState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { GridBaseState } from './GridBaseState';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport {\n  FoldersAndItemsCollectionsState,\n  FoldersAndItemsCollectionsStateInitParams,\n  PartialAllFilters,\n} from './FoldersAndItemsCollectionsState';\nimport { sideGridSizePreset, topGridSizePreset } from './gridSizePresets';\nimport { GridFoldersBIReporter } from './GridFoldersBIReporter';\n\nexport interface GridFoldersStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n  readonly collections?: FoldersAndItemsCollectionsState<T1, F1, T2, F2>;\n}\n\ninterface GridFoldersStateInitParams\n  extends FoldersAndItemsCollectionsStateInitParams {}\n\nexport class GridFoldersState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly container;\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n  readonly collections;\n  readonly bi;\n\n  readonly _subGrids = [] as GridBaseState<any, any>[];\n\n  showAllFolders = false;\n\n  constructor(params: GridFoldersStateParams<T1, F1, T2, F2>) {\n    this.container = params.container;\n\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.items as CollectionState<T1, {}> as CollectionState<\n          T1,\n          PartialAllFilters<F1, F2>\n        >,\n        container: params.container,\n        componentType: 'GridFolders',\n      });\n\n    this.collections =\n      params.collections ??\n      new FoldersAndItemsCollectionsState({\n        ...params,\n        toolbar: this.toolbar,\n      });\n\n    this.items = new GridBaseState({\n      collection: params.items,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F1>>,\n      sizePreset: topGridSizePreset,\n      parentState: this,\n    });\n\n    this.folders = new GridBaseState({\n      collection: params.folders,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F2>>,\n      sizePreset: sideGridSizePreset,\n      parentState: this,\n    });\n\n    this.bi = new GridFoldersBIReporter({\n      state: this,\n    });\n\n    makeObservable(this, {\n      showAllFolders: observable.ref,\n      foldersLocalLimit: computed,\n      effectiveFoldersLocalLimit: computed,\n      showToggleShowAllLessButton: computed,\n      showItemsSection: computed,\n      showItemsSectionHeader: computed,\n      showFoldersSection: computed,\n      showFoldersSectionHeader: computed,\n      showLoadingSection: computed,\n    });\n  }\n\n  toggleShowAllFolders = action(() => {\n    this.showAllFolders = !this.showAllFolders;\n    this.bi.onToggleShowAllButtonClick();\n  });\n\n  get foldersLocalLimit() {\n    return this.folders.columnsCount * 2;\n  }\n\n  get effectiveFoldersLocalLimit() {\n    return this.showAllFolders ? null : this.folders.columnsCount * 2;\n  }\n\n  get showToggleShowAllLessButton() {\n    return this.collections.folders.result.size > this.foldersLocalLimit;\n  }\n\n  get showFoldersSectionHeader() {\n    return this.showToggleShowAllLessButton || this.showItemsSection;\n  }\n\n  get showItemsSection() {\n    return (\n      !this.collections.items.result.isEmptyAndNotFetching &&\n      !this.collections.hasFoldersOnlyActiveFilters &&\n      (!this.showAllFolders || this.folders.collection.fetchedLastPage)\n    );\n  }\n\n  get initTask() {\n    return this.toolbar.initTask;\n  }\n\n  get showErrorState() {\n    return this.toolbar.multi.showErrorState;\n  }\n\n  get errorStatus() {\n    return this.toolbar.multi.errorStatus;\n  }\n\n  retryErrorState = action(() => this.toolbar.retryErrorState());\n\n  get showLoadingState() {\n    return this.toolbar.multi.showLoadingState;\n  }\n\n  get showEmptyState() {\n    return this.collections.showEmptyState;\n  }\n\n  get hasAvailableItems() {\n    return this.collections.hasAvailableItems;\n  }\n\n  get resultOriginQuerySearch() {\n    return this.collections.resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    return this.collections.hasNonPersistentActiveFilters;\n  }\n\n  get showItemsSectionHeader() {\n    return this.showFoldersSection;\n  }\n\n  get showFoldersSection() {\n    return (\n      !this.collections.folders.result.isEmptyAndNotFetching &&\n      !this.collections.hasItemsOnlyActiveFilters\n    );\n  }\n\n  get showLoadingSection() {\n    const {\n      collections: { hasFoldersOnlyActiveFilters, hasItemsOnlyActiveFilters },\n      toolbar: { initTask, multi },\n    } = this;\n\n    const isLoadingToolbarAndCollection = () =>\n      (multi.showInitialLoader && initTask.status.isLoading) ||\n      initTask.status.isIdle;\n\n    return (\n      !hasFoldersOnlyActiveFilters &&\n      !hasItemsOnlyActiveFilters &&\n      (multi.showRefreshLoader || isLoadingToolbarAndCollection())\n    );\n  }\n\n  init(params: GridFoldersStateInitParams) {\n    const disposers = [\n      this.collections.init(params),\n      reaction(\n        () => this.effectiveFoldersLocalLimit,\n        (effectiveFoldersLocalLimit) => {\n          this.folders._localLimit = effectiveFoldersLocalLimit;\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse570091275__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse570091275__exit{height:0}.CollectionToolbar3030356183__left{min-width:0}.CollectionToolbar3030356183__left.CollectionToolbar3030356183--expandable{flex:auto}.CollectionToolbar3030356183__root .CollectionToolbar3030356183__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar3030356183__root .CollectionToolbar3030356183__right.CollectionToolbar3030356183__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter4116964433__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly1739093437__root.AutoCompleteReadonly1739093437--disableEditing{cursor:pointer}.AutoCompleteReadonly1739093437__root.AutoCompleteReadonly1739093437--disableEditing input{cursor:pointer}.ViewsDropdown774740761__root{width:200px}.CustomFieldsViewWidgetSection3013699437__breakWord{overflow-wrap:break-word}.DragHandle1144744316__root{display:flex;align-items:center}.DragHandle1144744316__root:not(.DragHandle1144744316--disabled){cursor:grab;color:#a8caff}.DragHandle1144744316__root.DragHandle1144744316--disabled{color:#acafc4}.DragHandle1144744316__root:focus-visible:not(.DragHandle1144744316--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1144744316__root.DragHandle1144744316--disabled{pointer-events:none}.DragHandle1144744316__root.DragHandle1144744316--dragging:not(.DragHandle1144744316--disabled){cursor:grabbing}.Fade2444169035__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2444169035__root.Fade2444169035--exit{opacity:0}.Heading1302236471__root{visibility:visible}.Heading1302236471__root.Heading1302236471--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2951809130__root.InputOverflow2951809130--selected:not(.InputOverflow2951809130--focused) input::placeholder{color:#000624}.MaxHeightText4141814705__root{opacity:1}.MaxHeightText4141814705__root.MaxHeightText4141814705--height24{line-height:24px}.MaxLines1148283265__root{overflow:hidden}.MaxLines1148283265__root.MaxLines1148283265--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2370392866__root{min-width:0}.NestedTableRow1302323744__firstLevel{background-color:#f7f8f8}.NestedTableRow1302323744__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1302323744__root.NestedTableRow1302323744--expandable{cursor:pointer}.NestedTableRow1302323744__placeholder td{padding-top:0!important;padding-bottom:0!important}.NestedTableRow1302323744__root:hover{background-color:#e7f0ff}.NestedTableRow1302323744__root:hover td:first-of-type::before,.NestedTableRow1302323744__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.PickerContent200475752__root{display:flex}.PickerContentAdditionalStep3988217984__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3988217984__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2029032227__root{box-sizing:border-box}.ScrollableContent2975360638__root.ScrollableContent2975360638--overflowY{overflow-y:auto}.ScrollableContent2975360638__root.ScrollableContent2975360638--overflowX{overflow-x:auto}.ScrollableContent2975360638__root.ScrollableContent2975360638--smooth{scroll-behavior:smooth}.SkeletonCard3127404973__headerLoading{display:block!important}.SlidingModal72244394__root{box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12);transition:transform .4s ease 0s;position:fixed;z-index:1}.TableVirtual2573699037__root{display:flex;min-width:100%;width:auto}.TableVirtual2573699037__thead{display:inline-flex;min-width:100%}.TableVirtual2573699037__root td,.TableVirtual2573699037__root th{align-items:center;display:flex}.TableVirtual2573699037__root.TableVirtual2573699037--horizontalScroll td,.TableVirtual2573699037__root.TableVirtual2573699037--horizontalScroll th{flex-shrink:0}.TableVirtual2573699037__root th{justify-content:start}.TabsFilter965554144__root .TabsFilter965554144__title{color:inherit!important}.ManageTagsModal73733898__root{display:flex}.ToolbarItemBox2950645008__root{min-width:0}.ToolbarItemBox2950645008__root.ToolbarItemBox2950645008--removeStartPadding{margin-left:-24px}.ToolbarItemBox2950645008__root.ToolbarItemBox2950645008--expandable{flex:1 0}.common1190251205__column{display:flex;flex-direction:column}.common1190251205__fullHeight{height:100%;min-height:0}
+.Collapse2740605068__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2740605068__exit{height:0}.CollectionToolbar144262344__left{min-width:0}.CollectionToolbar144262344__left.CollectionToolbar144262344--expandable{flex:auto}.CollectionToolbar144262344__root .CollectionToolbar144262344__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar144262344__root .CollectionToolbar144262344__right.CollectionToolbar144262344__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter2064571352__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2342577484__root.AutoCompleteReadonly2342577484--disableEditing{cursor:pointer}.AutoCompleteReadonly2342577484__root.AutoCompleteReadonly2342577484--disableEditing input{cursor:pointer}.ViewsDropdown992667438__root{width:200px}.CustomFieldsViewWidgetSection4091997558__breakWord{overflow-wrap:break-word}.DragHandle492387075__root{display:flex;align-items:center}.DragHandle492387075__root:not(.DragHandle492387075--disabled){cursor:grab;color:#a8caff}.DragHandle492387075__root.DragHandle492387075--disabled{color:#acafc4}.DragHandle492387075__root:focus-visible:not(.DragHandle492387075--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle492387075__root.DragHandle492387075--disabled{pointer-events:none}.DragHandle492387075__root.DragHandle492387075--dragging:not(.DragHandle492387075--disabled){cursor:grabbing}.Fade1985381060__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1985381060__root.Fade1985381060--exit{opacity:0}.Heading1073157661__root{visibility:visible}.Heading1073157661__root.Heading1073157661--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow697550583__root.InputOverflow697550583--selected:not(.InputOverflow697550583--focused) input::placeholder{color:#000624}.MaxHeightText1566353541__root{opacity:1}.MaxHeightText1566353541__root.MaxHeightText1566353541--height24{line-height:24px}.MaxLines589991866__root{overflow:hidden}.MaxLines589991866__root.MaxLines589991866--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1140527917__root{min-width:0}.NestedTableRow3445848428__firstLevel{background-color:#f7f8f8}.NestedTableRow3445848428__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3445848428__root.NestedTableRow3445848428--expandable{cursor:pointer}.NestedTableRow3445848428__placeholder td{padding-top:0!important;padding-bottom:0!important}.NestedTableRow3445848428__root:hover{background-color:#e7f0ff}.NestedTableRow3445848428__root:hover td:first-of-type::before,.NestedTableRow3445848428__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.PickerContent3629113188__root{display:flex}.PickerContentAdditionalStep1914780629__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1914780629__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2375934690__root{box-sizing:border-box}.ScrollableContent3875386268__root.ScrollableContent3875386268--overflowY{overflow-y:auto}.ScrollableContent3875386268__root.ScrollableContent3875386268--overflowX{overflow-x:auto}.ScrollableContent3875386268__root.ScrollableContent3875386268--smooth{scroll-behavior:smooth}.SkeletonCard1927146606__headerLoading{display:block!important}.SlidingModal3560892247__root{box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12);transition:transform .4s ease 0s;position:fixed;z-index:1}.TableVirtual3283709421__root{display:flex;min-width:100%;width:auto}.TableVirtual3283709421__thead{display:inline-flex;min-width:100%}.TableVirtual3283709421__root td,.TableVirtual3283709421__root th{align-items:center;display:flex}.TableVirtual3283709421__root.TableVirtual3283709421--horizontalScroll td,.TableVirtual3283709421__root.TableVirtual3283709421--horizontalScroll th{flex-shrink:0}.TableVirtual3283709421__root th{justify-content:start}.TabsFilter1030839883__root .TabsFilter1030839883__title{color:inherit!important}.ManageTagsModal2389139827__root{display:flex}.ToolbarItemBox710540229__root{min-width:0}.ToolbarItemBox710540229__root.ToolbarItemBox710540229--removeStartPadding{margin-left:-24px}.ToolbarItemBox710540229__root.ToolbarItemBox710540229--expandable{flex:1 0}.common1931237615__column{display:flex;flex-direction:column}.common1931237615__fullHeight{height:100%;min-height:0}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.11.0';
+const version = exports.version = 'patterns@1.12.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.11.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.12.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse570091275";
+var _namespace_ = "Collapse2740605068";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse570091275__root", "exit": "Collapse570091275__exit" };
+export var classes = { "root": "Collapse2740605068__root", "exit": "Collapse2740605068__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar3030356183";
+var _namespace_ = "CollectionToolbar144262344";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar3030356183__root", "left": "CollectionToolbar3030356183__left", "right": "CollectionToolbar3030356183__right", "fullWidth": "CollectionToolbar3030356183__fullWidth" };
+export var classes = { "root": "CollectionToolbar144262344__root", "left": "CollectionToolbar144262344__left", "right": "CollectionToolbar144262344__right", "fullWidth": "CollectionToolbar144262344__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,MAAM,EAAC,mCAAmC,EAAC,OAAO,EAAC,oCAAoC,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AAC/M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,MAAM,EAAC,kCAAkC,EAAC,OAAO,EAAC,mCAAmC,EAAC,WAAW,EAAC,uCAAuC,EAAC,CAAC;AAC3M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter4116964433";
+var _namespace_ = "SearchOrCustomFilter2064571352";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter4116964433__root", "search": "SearchOrCustomFilter4116964433__search" };
+export var classes = { "root": "SearchOrCustomFilter2064571352__root", "search": "SearchOrCustomFilter2064571352__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};