@wix/patterns 1.25.0 → 1.27.0

package/dist/cjs/components/Table/TableVirtualHeader.st.css.js

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

package/dist/cjs/components/Table/TableVirtualHeader.st.css.js.map

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter1631446957";
+var _namespace_ = "TabsFilter200284916";
 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": "TabsFilter1631446957__root",
-  "title": "TabsFilter1631446957__title"
+  "root": "TabsFilter200284916__root",
+  "title": "TabsFilter200284916__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

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

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

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

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -35,7 +35,7 @@ function useToolbarCollectionSyncProps(props) {
     return () => {
       var _pageState$pageState$;
       const scrollTop = (_pageState$pageState$ = pageState.pageState.scrollableContentRef.current) == null ? void 0 : _pageState$pageState$.scrollTop;
-      if (scrollTop) {
+      if (scrollTop !== undefined) {
         state.scrollTopBeforeUnmount = scrollTop;
       }
     };

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","useEffect","reaction","scrollTopBeforeUnmount","fireImmediately","_pageState$pageState$","scrollTop","scrollableContentRef","current","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","hasHeader","minimizedHeaderHeight","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  useEffect(() => {\n    reaction(\n      () => state.scrollTopBeforeUnmount,\n      (scrollTopBeforeUnmount) => {\n        pageState.scrollTopBeforeUnmount = scrollTopBeforeUnmount;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEO,SAASI,6BAA6BA,CAC3CC,KAMC,EACD;EACA,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,IAAI;IACJC,YAAY;IACZC,qBAAqB;IACrBC,YAAY;IACZC,MAAM;IACNC,OAAO;IACPC,kBAAkB;IAClBC,yBAAyB;IACzBC,uBAAuB;IACvBC,cAAc;IACdC,0BAA0B;IAC1BC;EACF,CAAC,GAAGd,KAAK;EAET,IAAAe,0DAA4B,EAACf,KAAK,CAAC;EAEnCC,KAAK,CAACe,cAAc,GAAGhB,KAAK,CAACgB,cAAc;EAE3C,MAAMC,SAAS,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAE5C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAAC,cAAQ,EACN,MAAMnB,KAAK,CAACoB,sBAAsB,EACjCA,sBAAsB,IAAK;MAC1BJ,SAAS,CAACI,sBAAsB,GAAGA,sBAAsB;IAC3D,CAAC,EACD;MAAEC,eAAe,EAAE;IAAK,CAC1B,CAAC;IAED,OAAO,MAAM;MAAA,IAAAC,qBAAA;MACX,MAAMC,SAAS,IAAAD,qBAAA,GACbN,SAAS,CAACA,SAAS,CAACQ,oBAAoB,CAACC,OAAO,qBAAhDH,qBAAA,CAAkDC,SAAS;MAC7D,IAAIA,SAAS,EAAE;QACbvB,KAAK,CAACoB,sBAAsB,GAAGG,SAAS;MAC1C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,sBAAsB,GAAGA,CAAA,KAC7B,CAAC;EACC;;EAEEzB,KAAK;EACL;EACC,CAACA,KAAK,CAACF,KAAK;EACX;EACA;EACA,CAACE,KAAK,CAACF,KAAK,CAAC4B,iBAAiB;EAC9B;EACA,CAAC1B,KAAK,CAACF,KAAK,CAAC4B,iBAAiB,CAACC,MAAM,CAAC,CAE3C;EAEH,IAAAV,gBAAS,EAAC,MAAM;IACd,IAAIf,YAAY,EAAE;MAChBH,KAAK,CAAC6B,kBAAkB,CAAC1B,YAAY,CAAC2B,GAAG,CAAC3B,YAAY,CAAC;IACzD;IAEA,OAAO,MAAM;MACXH,KAAK,CAAC6B,kBAAkB,CAAC1B,YAAY,CAAC2B,GAAG,CAAC,IAAI,CAAC;IACjD,CAAC;EACH,CAAC,EAAE,CAAC3B,YAAY,CAAC,CAAC;EAElB,MAAM4B,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAO9B,IAAI,YAAJA,IAAI,CAAEH,KAAK,GACd;MACEkC,MAAM,EAAE/B,IAAI,CAACH,KAAK,CAACkC;IACrB,CAAC,GACDC,SAAS;EACf,CAAC,EAAE,CAAChC,IAAI,CAAC,CAAC;EAEV,IAAAgB,gBAAS,EACP,MACE,IAAAC,cAAQ,EACN,MAAMH,SAAS,CAACmB,SAAS,EACxBA,SAAS,IAAK;IACb,IAAIA,SAAS,EAAE;MACbnC,KAAK,CAACoC,qBAAqB,GAAG,EAAE;IAClC;EACF,CAAC,EACD;IACEf,eAAe,EAAE;EACnB,CACF,CAAC,EACH,EACF,CAAC;EAED,IAAAH,gBAAS,EACP,MACE,IAAAC,cAAQ,EACN,MACEnB,KAAK,CAACqC,UAAU,CAACC,QAAQ,CAACC,MAAM,CAACC,SAAS,IAAIxC,KAAK,CAACqC,UAAU,CAACI,KAAK,EACrEA,KAAK,IAAK;IACTzB,SAAS,CAACyB,KAAK,GAAGA,KAAK;EACzB,CACF,CAAC,EACH,EACF,CAAC;EAED,IAAAvB,gBAAS,EAAC,MAAM;IACd,IAAAwB,iBAAW,EAAC,MAAM;MAChB1C,KAAK,CAACI,qBAAqB,GAAGA,qBAAqB;IACrD,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAuC,eAAQ,EAAC,MAAM1C,KAAK,oBAALA,KAAK,CAAE2C,IAAI,CAACC,aAAa,CAAC7C,KAAK,EAAEC,KAAK,oBAALA,KAAK,CAAEF,KAAK,CAAC,CAAC;EAE9D,IAAAmB,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACX9C,KAAK,CAAC+C,UAAU,GAAG9C,KAAK,oBAALA,KAAK,CAAEF,KAAK;EACjC,CAAC,CAAC,EACF,CAACE,KAAK,CACR,CAAC;EAED,IAAA0C,eAAQ,EAAC,MAAM;IAAA,IAAAK,qBAAA,EAAAC,YAAA,EAAAC,aAAA;IACb,CAAAF,qBAAA,GAAAjD,KAAK,CAACoD,qBAAqB,aAA3BH,qBAAA,CAA6BI,cAAc,CAACpD,KAAK,CAAC;IAElDA,KAAK,CAACqD,oBAAoB,GAAG;MAC3BC,iBAAiB,EAAEhD,MAAM,KAAK,KAAK;MACnCiD,cAAc,EAAE,CAAC,CAAChD,OAAO;MACzBC,kBAAkB;MAClBC,yBAAyB;MACzBC,uBAAuB;MACvBC,cAAc;MACdC,0BAA0B;MAC1B4C,WAAW,EAAE,CAAC,CAACzD,KAAK,CAAC0D,IAAI;MACzBC,WAAW,EAAE,CAAC,CAACxD,IAAI;MACnByD,iBAAiB,EAAE,CAAC,CAAC9C;IACvB,CAAC;IAEDb,KAAK,CAAC4D,8BAA8B,GAAG;MACrCC,oBAAoB,EAAE,CAAC,GAAAZ,YAAA,GAAClD,KAAK,CAAC+D,KAAK,aAAXb,YAAA,CAAalD,KAAK,CAACgE,QAAQ;MACnDC,sBAAsB,EAAE,CAAC,GAAAd,aAAA,GAACnD,KAAK,CAAC+D,KAAK,aAAXZ,aAAA,CAAanD,KAAK,CAACkE,SAAS;MACtDC,0BAA0B,EAAE,CAAC,CAACnE,KAAK,CAACM,YAAY;MAChD8D,mBAAmB,EAAE,CAAC,CAACpE,KAAK,CAACqE,WAAW;MACxCC,mBAAmB,EAAE3C,sBAAsB,CAAC,CAAC;MAC7C4C,uBAAuB,EAAE,CAAC,CAACvE,KAAK,CAACwE,UAAU;MAC3CC,2BAA2B,EAAE,CAAC,CAACzE,KAAK,CAAC0E,cAAc;MACnDC,uBAAuB,EAAE,CAAC,CAAC3E,KAAK,CAAC4E;IACnC,CAAC;EACH,CAAC,CAAC;EAEF,IAAAzD,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACX,IAAIf,eAAe,YAAfA,eAAe,CAAEE,MAAM,EAAE;MAC3BjC,KAAK,CAAC+B,eAAe,GAAGA,eAAe;MACvCA,eAAe,CAACE,MAAM,CAAC2C,UAAU,GAAG,IAAI;IAC1C;EACF,CAAC,CAAC,EACF,CAAC7C,eAAe,CAClB,CAAC;EAED,IAAAb,gBAAS,EAAC,MAAM;IACd,IAAAwB,iBAAW,EAAC,MAAM;MAChB1C,KAAK,CAAC6E,IAAI,CAACxE,YAAY,GAAGA,YAAY;IACxC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAOL,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","useEffect","reaction","scrollTopBeforeUnmount","fireImmediately","_pageState$pageState$","scrollTop","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  useEffect(() => {\n    reaction(\n      () => state.scrollTopBeforeUnmount,\n      (scrollTopBeforeUnmount) => {\n        pageState.scrollTopBeforeUnmount = scrollTopBeforeUnmount;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3686311020";
+var _namespace_ = "common575235695";
 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": "common3686311020__root",
-  "column": "common3686311020__column",
-  "fullHeight": "common3686311020__fullHeight"
+  "root": "common575235695__root",
+  "column": "common575235695__column",
+  "fullHeight": "common575235695__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_ = \"common3686311020\";\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\":\"common3686311020__root\",\"column\":\"common3686311020__column\",\"fullHeight\":\"common3686311020__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_ = \"common575235695\";\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\":\"common575235695__root\",\"column\":\"common575235695__column\",\"fullHeight\":\"common575235695__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iBAAiB;AACnC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useCachedUpdatedEntity.js

@@ -0,0 +1,101 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCachedUpdatedEntity = useCachedUpdatedEntity;
+var _react = require("react");
+var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
+var _react2 = require("@wix/bex-core/react");
+var _useSelector = require("../useSelector");
+function useCachedUpdatedEntity(cachedState) {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  const routeState = (0, _useSelector.useSelector)(() => router == null ? void 0 : router.currentState);
+  const [currentToast, setCurrentToast] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (cachedState) {
+      try {
+        if (routeState) {
+          const routeStateObject = JSON.parse(routeState);
+          const updatedEntity = routeStateObject._updatedEntity;
+          if (updatedEntity) {
+            const collection = cachedState.toolbar.collection;
+            collection.changeItem(updatedEntity);
+            const fetchPageForItem = itemQuery => {
+              var _collection$getKeyedI;
+              const itemKey = collection.itemKey(updatedEntity);
+              const currentIndex = (_collection$getKeyedI = collection.getKeyedItem(itemKey)) == null ? void 0 : _collection$getKeyedI.indexWithinPage;
+              collection.fetchData(itemQuery).then(updatedData => {
+                const newIndex = updatedData.items.findIndex(item => itemKey === collection.itemKey(item));
+                if (currentIndex !== newIndex) {
+                  const toast = container.showToast == null ? void 0 : container.showToast({
+                    type: 'STANDARD',
+                    timeout: 'NONE',
+                    message: container.translate('cairo.updatedView.collectionPage.toast.desc'),
+                    onCloseClick: () => {
+                      setCurrentToast(null);
+                    },
+                    biName: 'cairo-collection-page-updated-toast',
+                    action: {
+                      text: container.translate('cairo.updatedView.collectionPage.toast.cta'),
+                      onClick: () => {
+                        collection.refreshAllPages();
+                        setCurrentToast(null);
+                      }
+                    }
+                  });
+                  if (toast) {
+                    setCurrentToast(toast);
+                  }
+                }
+              });
+            };
+            const checkIfViewWasUpdated = () => {
+              const itemKey = collection.itemKey(updatedEntity);
+              let fetchedPageInfo = null;
+              for (let fetchIndex = collection.fetchesHistory.length - 1; fetchIndex >= 0; fetchIndex--) {
+                const fetch = collection.fetchesHistory[fetchIndex];
+                if (fetch.itemsKeys.some(fetchedItemKey => fetchedItemKey === itemKey)) {
+                  fetchedPageInfo = fetch.queryPageInfo;
+                  break;
+                }
+              }
+              if (!fetchedPageInfo) {
+                console.error('Fetched page info for updated entity not found');
+                return;
+              }
+              const itemQuery = {
+                ...collection.query.asComputed,
+                ...fetchedPageInfo
+              };
+              fetchPageForItem(itemQuery);
+            };
+            setTimeout(checkIfViewWasUpdated, 3000);
+          }
+        }
+      } catch (e) {} finally {
+        if (router) {
+          router.setCurrentState(null);
+        }
+      }
+    }
+  }, [cachedState, routeState]);
+  (0, _react.useEffect)(() => {
+    if (!currentToast || !cachedState) {
+      return () => {};
+    }
+    const removeToast = () => {
+      currentToast == null || currentToast.remove();
+      setCurrentToast(null);
+    };
+    const collection = cachedState.toolbar.collection;
+    collection.emitter.on('fetch', () => {
+      removeToast();
+    });
+    return () => {
+      collection.emitter.off('fetch', () => {
+        removeToast();
+      });
+    };
+  }, [currentToast]);
+}
+//# sourceMappingURL=useCachedUpdatedEntity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_react2","_useSelector","useCachedUpdatedEntity","cachedState","container","useWixPatternsContainer","router","useWixPatternsRouter","routeState","useSelector","currentState","currentToast","setCurrentToast","useState","useEffect","routeStateObject","JSON","parse","updatedEntity","_updatedEntity","collection","toolbar","changeItem","fetchPageForItem","itemQuery","_collection$getKeyedI","itemKey","currentIndex","getKeyedItem","indexWithinPage","fetchData","then","updatedData","newIndex","items","findIndex","item","toast","showToast","type","timeout","message","translate","onCloseClick","biName","action","text","onClick","refreshAllPages","checkIfViewWasUpdated","fetchedPageInfo","fetchIndex","fetchesHistory","length","fetch","itemsKeys","some","fetchedItemKey","queryPageInfo","console","error","query","asComputed","setTimeout","e","setCurrentState","removeToast","remove","emitter","on","off"],"sources":["../../../src/hooks/useCachedUpdatedEntity.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ComputedQuery, RemoveToast } from '@wix/bex-core';\nimport { useSelector } from '../useSelector';\n\nexport function useCachedUpdatedEntity<T extends ICollectionComponentState>(\n  cachedState?: T,\n) {\n  const container = useWixPatternsContainer();\n  const router = useWixPatternsRouter();\n\n  const routeState = useSelector(() => router?.currentState);\n\n  const [currentToast, setCurrentToast] = useState<{\n    remove: RemoveToast;\n  } | null>(null);\n\n  useEffect(() => {\n    if (cachedState) {\n      try {\n        if (routeState) {\n          const routeStateObject = JSON.parse(routeState as string);\n          const updatedEntity = routeStateObject._updatedEntity;\n\n          if (updatedEntity) {\n            const collection = cachedState.toolbar.collection;\n            collection.changeItem(updatedEntity);\n\n            const fetchPageForItem = (itemQuery: ComputedQuery<any>) => {\n              const itemKey = collection.itemKey(updatedEntity);\n              const currentIndex =\n                collection.getKeyedItem(itemKey)?.indexWithinPage;\n\n              collection.fetchData(itemQuery).then((updatedData) => {\n                const newIndex = updatedData.items.findIndex(\n                  (item) => itemKey === collection.itemKey(item),\n                );\n\n                if (currentIndex !== newIndex) {\n                  const toast = container.showToast?.({\n                    type: 'STANDARD',\n                    timeout: 'NONE',\n                    message: container.translate(\n                      'cairo.updatedView.collectionPage.toast.desc',\n                    ),\n                    onCloseClick: () => {\n                      setCurrentToast(null);\n                    },\n                    biName: 'cairo-collection-page-updated-toast',\n                    action: {\n                      text: container.translate(\n                        'cairo.updatedView.collectionPage.toast.cta',\n                      ),\n                      onClick: () => {\n                        collection.refreshAllPages();\n                        setCurrentToast(null);\n                      },\n                    },\n                  });\n\n                  if (toast) {\n                    setCurrentToast(toast);\n                  }\n                }\n              });\n            };\n\n            const checkIfViewWasUpdated = () => {\n              const itemKey = collection.itemKey(updatedEntity);\n              let fetchedPageInfo = null;\n              for (\n                let fetchIndex = collection.fetchesHistory.length - 1;\n                fetchIndex >= 0;\n                fetchIndex--\n              ) {\n                const fetch = collection.fetchesHistory[fetchIndex];\n                if (\n                  fetch.itemsKeys.some(\n                    (fetchedItemKey) => fetchedItemKey === itemKey,\n                  )\n                ) {\n                  fetchedPageInfo = fetch.queryPageInfo;\n                  break;\n                }\n              }\n\n              if (!fetchedPageInfo) {\n                console.error('Fetched page info for updated entity not found');\n                return;\n              }\n\n              const itemQuery = {\n                ...collection.query.asComputed,\n                ...fetchedPageInfo,\n              };\n\n              fetchPageForItem(itemQuery);\n            };\n\n            setTimeout(checkIfViewWasUpdated, 3000);\n          }\n        }\n      } catch (e) {\n      } finally {\n        if (router) {\n          router.setCurrentState(null);\n        }\n      }\n    }\n  }, [cachedState, routeState]);\n\n  useEffect(() => {\n    if (!currentToast || !cachedState) {\n      return () => {};\n    }\n\n    const removeToast = () => {\n      currentToast?.remove();\n      setCurrentToast(null);\n    };\n\n    const collection = cachedState.toolbar.collection;\n    collection.emitter.on('fetch', () => {\n      removeToast();\n    });\n    return () => {\n      collection.emitter.off('fetch', () => {\n        removeToast();\n      });\n    };\n  }, [currentToast]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useColumnsSyncProps.js

@@ -5,6 +5,7 @@ exports.useColumnsSyncProps = useColumnsSyncProps;
 var _react = require("react");
 var _mobx = require("mobx");
 var _react2 = require("@wix/bex-core/react");
+var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
 function useColumnsSyncProps(props) {
   const {
     toolbar,
@@ -14,6 +15,7 @@ function useColumnsSyncProps(props) {
   const {
     modalsContainerRef
   } = (0, _react2.usePageContext)();
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
   const customColumnsProps = (0, _react.useMemo)(() => {
     if (customColumns == null) {
       return null;
@@ -39,6 +41,9 @@ function useColumnsSyncProps(props) {
     });
   }, [customColumnsProps]);
   (0, _react.useEffect)(() => {
+    if (router != null && router.isUsingCache) {
+      return;
+    }
     toolbar._adjustSortWithNewColumns(tableColumns);
   }, [tableColumns.map((e, i) => e.id ?? i).join('')]);
   (0, _react.useEffect)(() => {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_react2","useColumnsSyncProps","props","toolbar","customColumns","columns","tableColumns","modalsContainerRef","usePageContext","customColumnsProps","useMemo","onColumnClick","dragAndDrop","type","useState","setCustomColumnsState","useEffect","runInAction","_adjustSortWithNewColumns","map","e","i","id","join","setNewColumns","customColumnsStateInitialized","customColumnsDependency","JSON","stringify","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","_adjustSelectedColumns"],"sources":["../../../src/hooks/useColumnsSyncProps.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { TableColumn } from '../model';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsElement } from '../components/assertComponentType';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseColumnsSyncPropsParams<T, F extends FiltersMap> {\n  customColumns?: CustomColumnsElement | null;\n  columns: TableColumn<T>[];\n  toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport function useColumnsSyncProps<T, F extends FiltersMap>(\n  props: UseColumnsSyncPropsParams<T, F>,\n) {\n  const { toolbar, customColumns, columns: tableColumns } = props;\n  const { modalsContainerRef } = usePageContext();\n\n  const customColumnsProps = useMemo(() => {\n    if (customColumns == null) {\n      return null;\n    }\n\n    const { onColumnClick } = customColumns.props;\n\n    return {\n      onColumnClick,\n      dragAndDrop: customColumns.type.dragAndDrop,\n    };\n  }, [customColumns]);\n\n  useState(() =>\n    customColumns?.type.setCustomColumnsState({\n      toolbar,\n      customColumnsProps: {\n        dragAndDrop: customColumnsProps?.dragAndDrop,\n      },\n      modalsContainerRef,\n    }),\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      toolbar.customColumnsProps = customColumnsProps;\n    });\n  }, [customColumnsProps]);\n\n  useEffect(() => {\n    toolbar._adjustSortWithNewColumns(tableColumns);\n  }, [tableColumns.map((e, i) => e.id ?? i).join('')]);\n\n  useEffect(() => {\n    toolbar.setNewColumns(tableColumns);\n  }, [\n    tableColumns,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n\n  const customColumnsDependency = useMemo(\n    () =>\n      JSON.stringify(\n        tableColumns.map(\n          (\n            { id, reorderDisabled, hiddenFromCustomColumnsSelection, hideable },\n            i,\n          ) => ({\n            id: id ?? i,\n            reorderDisabled,\n            hiddenFromCustomColumnsSelection,\n            hideable,\n          }),\n        ),\n      ),\n    [tableColumns],\n  );\n\n  useEffect(() => {\n    toolbar._adjustSelectedColumns();\n  }, [\n    customColumnsDependency,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAF,OAAA;AAQO,SAASG,mBAAmBA,CACjCC,KAAsC,EACtC;EACA,MAAM;IAAEC,OAAO;IAAEC,aAAa;IAAEC,OAAO,EAAEC;EAAa,CAAC,GAAGJ,KAAK;EAC/D,MAAM;IAAEK;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,IAAIN,aAAa,IAAI,IAAI,EAAE;MACzB,OAAO,IAAI;IACb;IAEA,MAAM;MAAEO;IAAc,CAAC,GAAGP,aAAa,CAACF,KAAK;IAE7C,OAAO;MACLS,aAAa;MACbC,WAAW,EAAER,aAAa,CAACS,IAAI,CAACD;IAClC,CAAC;EACH,CAAC,EAAE,CAACR,aAAa,CAAC,CAAC;EAEnB,IAAAU,eAAQ,EAAC,MACPV,aAAa,oBAAbA,aAAa,CAAES,IAAI,CAACE,qBAAqB,CAAC;IACxCZ,OAAO;IACPM,kBAAkB,EAAE;MAClBG,WAAW,EAAEH,kBAAkB,oBAAlBA,kBAAkB,CAAEG;IACnC,CAAC;IACDL;EACF,CAAC,CACH,CAAC;EAED,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChBd,OAAO,CAACM,kBAAkB,GAAGA,kBAAkB;IACjD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC;EAExB,IAAAO,gBAAS,EAAC,MAAM;IACdb,OAAO,CAACe,yBAAyB,CAACZ,YAAY,CAAC;EACjD,CAAC,EAAE,CAACA,YAAY,CAACa,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,EAAE,IAAID,CAAC,CAAC,CAACE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;EAEpD,IAAAP,gBAAS,EAAC,MAAM;IACdb,OAAO,CAACqB,aAAa,CAAClB,YAAY,CAAC;EACrC,CAAC,EAAE,CACDA,YAAY,EACZG,kBAAkB,IAAI,IAAI,EAC1BN,OAAO,CAACsB,6BAA6B,CACtC,CAAC;EAEF,MAAMC,uBAAuB,GAAG,IAAAhB,cAAO,EACrC,MACEiB,IAAI,CAACC,SAAS,CACZtB,YAAY,CAACa,GAAG,CACd,CACE;IAAEG,EAAE;IAAEO,eAAe;IAAEC,gCAAgC;IAAEC;EAAS,CAAC,EACnEV,CAAC,MACG;IACJC,EAAE,EAAEA,EAAE,IAAID,CAAC;IACXQ,eAAe;IACfC,gCAAgC;IAChCC;EACF,CAAC,CACH,CACF,CAAC,EACH,CAACzB,YAAY,CACf,CAAC;EAED,IAAAU,gBAAS,EAAC,MAAM;IACdb,OAAO,CAAC6B,sBAAsB,CAAC,CAAC;EAClC,CAAC,EAAE,CACDN,uBAAuB,EACvBjB,kBAAkB,IAAI,IAAI,EAC1BN,OAAO,CAACsB,6BAA6B,CACtC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_react2","_WixPatternsRouterProvider","useColumnsSyncProps","props","toolbar","customColumns","columns","tableColumns","modalsContainerRef","usePageContext","router","useWixPatternsRouter","customColumnsProps","useMemo","onColumnClick","dragAndDrop","type","useState","setCustomColumnsState","useEffect","runInAction","isUsingCache","_adjustSortWithNewColumns","map","e","i","id","join","setNewColumns","customColumnsStateInitialized","customColumnsDependency","JSON","stringify","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","_adjustSelectedColumns"],"sources":["../../../src/hooks/useColumnsSyncProps.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { TableColumn } from '../model';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsElement } from '../components/assertComponentType';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\n\nexport interface UseColumnsSyncPropsParams<T, F extends FiltersMap> {\n  customColumns?: CustomColumnsElement | null;\n  columns: TableColumn<T>[];\n  toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport function useColumnsSyncProps<T, F extends FiltersMap>(\n  props: UseColumnsSyncPropsParams<T, F>,\n) {\n  const { toolbar, customColumns, columns: tableColumns } = props;\n  const { modalsContainerRef } = usePageContext();\n  const router = useWixPatternsRouter();\n\n  const customColumnsProps = useMemo(() => {\n    if (customColumns == null) {\n      return null;\n    }\n\n    const { onColumnClick } = customColumns.props;\n\n    return {\n      onColumnClick,\n      dragAndDrop: customColumns.type.dragAndDrop,\n    };\n  }, [customColumns]);\n\n  useState(() =>\n    customColumns?.type.setCustomColumnsState({\n      toolbar,\n      customColumnsProps: {\n        dragAndDrop: customColumnsProps?.dragAndDrop,\n      },\n      modalsContainerRef,\n    }),\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      toolbar.customColumnsProps = customColumnsProps;\n    });\n  }, [customColumnsProps]);\n\n  useEffect(() => {\n    if (router?.isUsingCache) {\n      return;\n    }\n\n    toolbar._adjustSortWithNewColumns(tableColumns);\n  }, [tableColumns.map((e, i) => e.id ?? i).join('')]);\n\n  useEffect(() => {\n    toolbar.setNewColumns(tableColumns);\n  }, [\n    tableColumns,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n\n  const customColumnsDependency = useMemo(\n    () =>\n      JSON.stringify(\n        tableColumns.map(\n          (\n            { id, reorderDisabled, hiddenFromCustomColumnsSelection, hideable },\n            i,\n          ) => ({\n            id: id ?? i,\n            reorderDisabled,\n            hiddenFromCustomColumnsSelection,\n            hideable,\n          }),\n        ),\n      ),\n    [tableColumns],\n  );\n\n  useEffect(() => {\n    toolbar._adjustSelectedColumns();\n  }, [\n    customColumnsDependency,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAQO,SAASI,mBAAmBA,CACjCC,KAAsC,EACtC;EACA,MAAM;IAAEC,OAAO;IAAEC,aAAa;IAAEC,OAAO,EAAEC;EAAa,CAAC,GAAGJ,KAAK;EAC/D,MAAM;IAAEK;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAC/C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,IAAIR,aAAa,IAAI,IAAI,EAAE;MACzB,OAAO,IAAI;IACb;IAEA,MAAM;MAAES;IAAc,CAAC,GAAGT,aAAa,CAACF,KAAK;IAE7C,OAAO;MACLW,aAAa;MACbC,WAAW,EAAEV,aAAa,CAACW,IAAI,CAACD;IAClC,CAAC;EACH,CAAC,EAAE,CAACV,aAAa,CAAC,CAAC;EAEnB,IAAAY,eAAQ,EAAC,MACPZ,aAAa,oBAAbA,aAAa,CAAEW,IAAI,CAACE,qBAAqB,CAAC;IACxCd,OAAO;IACPQ,kBAAkB,EAAE;MAClBG,WAAW,EAAEH,kBAAkB,oBAAlBA,kBAAkB,CAAEG;IACnC,CAAC;IACDP;EACF,CAAC,CACH,CAAC;EAED,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChBhB,OAAO,CAACQ,kBAAkB,GAAGA,kBAAkB;IACjD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC;EAExB,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAIT,MAAM,YAANA,MAAM,CAAEW,YAAY,EAAE;MACxB;IACF;IAEAjB,OAAO,CAACkB,yBAAyB,CAACf,YAAY,CAAC;EACjD,CAAC,EAAE,CAACA,YAAY,CAACgB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,EAAE,IAAID,CAAC,CAAC,CAACE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;EAEpD,IAAAR,gBAAS,EAAC,MAAM;IACdf,OAAO,CAACwB,aAAa,CAACrB,YAAY,CAAC;EACrC,CAAC,EAAE,CACDA,YAAY,EACZK,kBAAkB,IAAI,IAAI,EAC1BR,OAAO,CAACyB,6BAA6B,CACtC,CAAC;EAEF,MAAMC,uBAAuB,GAAG,IAAAjB,cAAO,EACrC,MACEkB,IAAI,CAACC,SAAS,CACZzB,YAAY,CAACgB,GAAG,CACd,CACE;IAAEG,EAAE;IAAEO,eAAe;IAAEC,gCAAgC;IAAEC;EAAS,CAAC,EACnEV,CAAC,MACG;IACJC,EAAE,EAAEA,EAAE,IAAID,CAAC;IACXQ,eAAe;IACfC,gCAAgC;IAChCC;EACF,CAAC,CACH,CACF,CAAC,EACH,CAAC5B,YAAY,CACf,CAAC;EAED,IAAAY,gBAAS,EAAC,MAAM;IACdf,OAAO,CAACgC,sBAAsB,CAAC,CAAC;EAClC,CAAC,EAAE,CACDN,uBAAuB,EACvBlB,kBAAkB,IAAI,IAAI,EAC1BR,OAAO,CAACyB,6BAA6B,CACtC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/hooks/useCreateWSRColumnBase.js

@@ -24,7 +24,8 @@ function useCreateWSRColumnBase({
         flexShrink: 0,
         flexGrow: 1
       } : {
-        flex: 1
+        flexBasis: width ?? 0,
+        flexGrow: 1
       } : undefined,
       width: lastColumn && !horizontalScroll ? undefined : width,
       sortable: id && sortable ? true : undefined,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCreateWSRColumnBase","horizontalScroll","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","lastColumn","key","style","flexBasis","flexShrink","flexGrow","flex","undefined","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.ts"],"sourcesContent":["import { TableColumn } from '../model';\nimport { useCallback } from 'react';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps } = column;\n      const lastColumn = index === length - 1;\n\n      return {\n        id,\n        key: id ?? index,\n        title,\n        style: lastColumn\n          ? horizontalScroll\n            ? {\n                flexBasis: width ?? 0,\n                flexShrink: 0,\n                flexGrow: 1,\n              }\n            : { flex: 1 }\n          : undefined,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll],\n  );\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMO,SAASC,sBAAsBA,CAAC;EACrCC;AAC4B,CAAC,EAAE;EAC/B,OAAO,IAAAC,kBAAW,EAChB,CACEC,MAAsD,EACtDC,KAAa,EACbC,MAAc,KACX;IACH,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAiB,CAAC,GAAGP,MAAM;IAC/D,MAAMQ,UAAU,GAAGP,KAAK,KAAKC,MAAM,GAAG,CAAC;IAEvC,OAAO;MACLC,EAAE;MACFM,GAAG,EAAEN,EAAE,IAAIF,KAAK;MAChBG,KAAK;MACLM,KAAK,EAAEF,UAAU,GACbV,gBAAgB,GACd;QACEa,SAAS,EAAEN,KAAK,IAAI,CAAC;QACrBO,UAAU,EAAE,CAAC;QACbC,QAAQ,EAAE;MACZ,CAAC,GACD;QAAEC,IAAI,EAAE;MAAE,CAAC,GACbC,SAAS;MACbV,KAAK,EAAEG,UAAU,IAAI,CAACV,gBAAgB,GAAGiB,SAAS,GAAGV,KAAK;MAC1DC,QAAQ,EAAEH,EAAE,IAAIG,QAAQ,GAAG,IAAI,GAAGS,SAAS;MAC3CR,gBAAgB,EAAEA,gBAAgB,YAAhBA,gBAAgB,CAAES,OAAO,GACvCT,gBAAgB,GAChBQ;IACN,CAAC;EACH,CAAC,EACD,CAACjB,gBAAgB,CACnB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","require","useCreateWSRColumnBase","horizontalScroll","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","lastColumn","key","style","flexBasis","flexShrink","flexGrow","undefined","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.ts"],"sourcesContent":["import { TableColumn } from '../model';\nimport { useCallback } from 'react';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps } = column;\n      const lastColumn = index === length - 1;\n\n      return {\n        id,\n        key: id ?? index,\n        title,\n        style: lastColumn\n          ? horizontalScroll\n            ? {\n                flexBasis: width ?? 0,\n                flexShrink: 0,\n                flexGrow: 1,\n              }\n            : {\n                flexBasis: width ?? 0,\n                flexGrow: 1,\n              }\n          : undefined,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll],\n  );\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMO,SAASC,sBAAsBA,CAAC;EACrCC;AAC4B,CAAC,EAAE;EAC/B,OAAO,IAAAC,kBAAW,EAChB,CACEC,MAAsD,EACtDC,KAAa,EACbC,MAAc,KACX;IACH,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAiB,CAAC,GAAGP,MAAM;IAC/D,MAAMQ,UAAU,GAAGP,KAAK,KAAKC,MAAM,GAAG,CAAC;IAEvC,OAAO;MACLC,EAAE;MACFM,GAAG,EAAEN,EAAE,IAAIF,KAAK;MAChBG,KAAK;MACLM,KAAK,EAAEF,UAAU,GACbV,gBAAgB,GACd;QACEa,SAAS,EAAEN,KAAK,IAAI,CAAC;QACrBO,UAAU,EAAE,CAAC;QACbC,QAAQ,EAAE;MACZ,CAAC,GACD;QACEF,SAAS,EAAEN,KAAK,IAAI,CAAC;QACrBQ,QAAQ,EAAE;MACZ,CAAC,GACHC,SAAS;MACbT,KAAK,EAAEG,UAAU,IAAI,CAACV,gBAAgB,GAAGgB,SAAS,GAAGT,KAAK;MAC1DC,QAAQ,EAAEH,EAAE,IAAIG,QAAQ,GAAG,IAAI,GAAGQ,SAAS;MAC3CP,gBAAgB,EAAEA,gBAAgB,YAAhBA,gBAAgB,CAAEQ,OAAO,GACvCR,gBAAgB,GAChBO;IACN,CAAC;EACH,CAAC,EACD,CAAChB,gBAAgB,CACnB,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useOptionalCachedState.js

@@ -5,12 +5,19 @@ exports.useOptionalCachedState = useOptionalCachedState;
 var _react = require("react");
 var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
 var _getCollectionComponentUniqueId = require("../utils/getCollectionComponentUniqueId");
+var _useCachedUpdatedEntity = require("./useCachedUpdatedEntity");
 function useOptionalCachedState(createState) {
   const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
-  const [state] = (0, _react.useState)(() => {
-    const maybeNewState = createState();
+  const [maybeNewState] = (0, _react.useState)(() => createState());
+  const [cachedState] = (0, _react.useState)(() => {
     const uniqueId = (0, _getCollectionComponentUniqueId.getCollectionComponentUniqueId)(maybeNewState);
-    const cachedState = router == null ? void 0 : router.stateRefs.get(uniqueId);
+    return router == null ? void 0 : router.stateRefs.get(uniqueId);
+  });
+  (0, _useCachedUpdatedEntity.useCachedUpdatedEntity)(cachedState);
+  const [state] = (0, _react.useState)(() => {
+    if (router) {
+      router.isUsingCache = !!cachedState;
+    }
     if (cachedState) {
       return cachedState;
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","useOptionalCachedState","createState","router","useWixPatternsRouter","state","useState","maybeNewState","uniqueId","getCollectionComponentUniqueId","cachedState","stateRefs","get","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\n\nexport function useOptionalCachedState<T extends ICollectionComponentState>(\n  createState: () => T,\n): T {\n  const router = useWixPatternsRouter();\n  const [state] = useState<T>(() => {\n    const maybeNewState = createState();\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    const cachedState = router?.stateRefs.get(uniqueId) as T | undefined;\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<T>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAEO,SAASG,sBAAsBA,CACpCC,WAAoB,EACjB;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EACrC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAM;IAChC,MAAMC,aAAa,GAAGL,WAAW,CAAC,CAAC;IACnC,MAAMM,QAAQ,GAAG,IAAAC,8DAA8B,EAACF,aAAa,CAAC;IAC9D,MAAMG,WAAW,GAAGP,MAAM,oBAANA,MAAM,CAAEQ,SAAS,CAACC,GAAG,CAACJ,QAAQ,CAAkB;IAEpE,IAAIE,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAP,MAAM,YAANA,MAAM,CAAEU,SAAS,CAAIN,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOF,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","_useCachedUpdatedEntity","useOptionalCachedState","createState","router","useWixPatternsRouter","maybeNewState","useState","cachedState","uniqueId","getCollectionComponentUniqueId","stateRefs","get","useCachedUpdatedEntity","state","isUsingCache","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { useCachedUpdatedEntity } from './useCachedUpdatedEntity';\n\nexport function useOptionalCachedState<T extends ICollectionComponentState>(\n  createState: () => T,\n): T {\n  const router = useWixPatternsRouter();\n\n  const [maybeNewState] = useState<T>(() => createState());\n  const [cachedState] = useState<T | undefined>(() => {\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    return router?.stateRefs.get(uniqueId) as T | undefined;\n  });\n\n  useCachedUpdatedEntity(cachedState);\n\n  const [state] = useState<T>(() => {\n    if (router) {\n      router.isUsingCache = !!cachedState;\n    }\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<T>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAEO,SAASI,sBAAsBA,CACpCC,WAAoB,EACjB;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAM,CAACC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAMJ,WAAW,CAAC,CAAC,CAAC;EACxD,MAAM,CAACK,WAAW,CAAC,GAAG,IAAAD,eAAQ,EAAgB,MAAM;IAClD,MAAME,QAAQ,GAAG,IAAAC,8DAA8B,EAACJ,aAAa,CAAC;IAC9D,OAAOF,MAAM,oBAANA,MAAM,CAAEO,SAAS,CAACC,GAAG,CAACH,QAAQ,CAAC;EACxC,CAAC,CAAC;EAEF,IAAAI,8CAAsB,EAACL,WAAW,CAAC;EAEnC,MAAM,CAACM,KAAK,CAAC,GAAG,IAAAP,eAAQ,EAAI,MAAM;IAChC,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACW,YAAY,GAAG,CAAC,CAACP,WAAW;IACrC;IAEA,IAAIA,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAJ,MAAM,YAANA,MAAM,CAAEY,SAAS,CAAIV,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOQ,KAAK;AACd","ignoreList":[]}

package/dist/cjs/providers/WixPatternsRouterProvider.js

@@ -9,15 +9,25 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const WixPatternsRouterContext = exports.WixPatternsRouterContext = /*#__PURE__*/(0, _react.createContext)(null);
 const WixPatternsRouterProvider = ({
+  history,
   children
 }) => {
   const [routerState] = (0, _react.useState)(() => new _WixPatternsRouterState.WixPatternsRouterState());
+  (0, _react.useEffect)(() => {
+    history.listen(({
+      location
+    }) => {
+      if (location.state) {
+        routerState.setCurrentState(location.state);
+      }
+    });
+  }, []);
   return /*#__PURE__*/_react.default.createElement(WixPatternsRouterContext.Provider, {
     value: routerState,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 28,
       columnNumber: 5
     }
   }, children);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsRouterState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsRouterContext","exports","createContext","WixPatternsRouterProvider","children","routerState","useState","WixPatternsRouterState","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","useWixPatternsRouter","useContext"],"sources":["../../../src/providers/WixPatternsRouterProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\n\nexport const WixPatternsRouterContext =\n  createContext<WixPatternsRouterState | null>(null);\n\nexport interface WixPatternsRouterProviderProps {\n  children: React.ReactNode;\n}\n\nexport const WixPatternsRouterProvider = ({\n  children,\n}: WixPatternsRouterProviderProps) => {\n  const [routerState] = useState(() => new WixPatternsRouterState());\n\n  return (\n    <WixPatternsRouterContext.Provider value={routerState}>\n      {children}\n    </WixPatternsRouterContext.Provider>\n  );\n};\n\nexport const useWixPatternsRouter = () => {\n  const value = useContext(WixPatternsRouterContext);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAAyE,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,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;AAElE,MAAMW,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBACnC,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAM7C,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AAC8B,CAAC,KAAK;EACpC,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,8CAAsB,CAAC,CAAC,CAAC;EAElE,oBACEhC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAACR,wBAAwB,CAACS,QAAQ;IAACC,KAAK,EAAEL,WAAY;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDX,QACgC,CAAC;AAExC,CAAC;AAACH,OAAA,CAAAE,yBAAA,GAAAA,yBAAA;AAEK,MAAMa,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMN,KAAK,GAAG,IAAAO,iBAAU,EAACjB,wBAAwB,CAAC;EAClD,OAAOU,KAAK;AACd,CAAC;AAACT,OAAA,CAAAe,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsRouterState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsRouterContext","exports","createContext","WixPatternsRouterProvider","history","children","routerState","useState","WixPatternsRouterState","useEffect","listen","location","state","setCurrentState","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","useWixPatternsRouter","useContext"],"sources":["../../../src/providers/WixPatternsRouterProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\nimport { BrowserHistory } from 'history';\n\nexport const WixPatternsRouterContext =\n  createContext<WixPatternsRouterState | null>(null);\n\nexport interface WixPatternsRouterProviderProps {\n  history: BrowserHistory;\n  children: React.ReactNode;\n}\n\nexport const WixPatternsRouterProvider = ({\n  history,\n  children,\n}: WixPatternsRouterProviderProps) => {\n  const [routerState] = useState(() => new WixPatternsRouterState());\n\n  useEffect(() => {\n    history.listen(({ location }) => {\n      if (location.state) {\n        routerState.setCurrentState(location.state);\n      }\n    });\n  }, []);\n\n  return (\n    <WixPatternsRouterContext.Provider value={routerState}>\n      {children}\n    </WixPatternsRouterContext.Provider>\n  );\n};\n\nexport const useWixPatternsRouter = () => {\n  const value = useContext(WixPatternsRouterContext);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAAyE,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,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;AAGlE,MAAMW,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBACnC,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAO7C,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC,OAAO;EACPC;AAC8B,CAAC,KAAK;EACpC,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,8CAAsB,CAAC,CAAC,CAAC;EAElE,IAAAC,gBAAS,EAAC,MAAM;IACdL,OAAO,CAACM,MAAM,CAAC,CAAC;MAAEC;IAAS,CAAC,KAAK;MAC/B,IAAIA,QAAQ,CAACC,KAAK,EAAE;QAClBN,WAAW,CAACO,eAAe,CAACF,QAAQ,CAACC,KAAK,CAAC;MAC7C;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErC,MAAA,CAAAW,OAAA,CAAA4B,aAAA,CAACd,wBAAwB,CAACe,QAAQ;IAACC,KAAK,EAAEV,WAAY;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDhB,QACgC,CAAC;AAExC,CAAC;AAACJ,OAAA,CAAAE,yBAAA,GAAAA,yBAAA;AAEK,MAAMmB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMN,KAAK,GAAG,IAAAO,iBAAU,EAACvB,wBAAwB,CAAC;EAClD,OAAOgB,KAAK;AACd,CAAC;AAACf,OAAA,CAAAqB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -16,6 +16,7 @@ class EntityPageState {
     (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, "transformEntityToCollectionItem", void 0);
     (0, _defineProperty2.default)(this, "_entity", null);
     (0, _defineProperty2.default)(this, "_form", void 0);
     (0, _defineProperty2.default)(this, "_parentPageId", void 0);
@@ -34,6 +35,7 @@ class EntityPageState {
     this.saveErrorToast = params.saveErrorToast;
     this._form = params.form;
     this._parentPageId = params.parentPageId;
+    this.transformEntityToCollectionItem = params.transformEntityToCollectionItem || (anEntity => anEntity);
     this._parentPath = params.parentPath;
     this.container = params.container;
     this.reportBI = this.container.createBILogger({
@@ -117,12 +119,18 @@ class EntityPageState {
     });
     this.navigateToParent();
   }
-  navigateToParent() {
+  navigateToParent(updatedEntity) {
+    const entityString = updatedEntity ? JSON.stringify({
+      _updatedEntity: updatedEntity
+    }) : undefined;
     if (this._withinRouter) {
-      this.container.navigate(this._parentPath);
+      this.container.navigate(this._parentPath, {
+        state: entityString
+      });
     } else {
       this.container.navigateTo({
-        pageId: this._parentPageId
+        pageId: this._parentPageId,
+        appState: entityString
       });
     }
   }
@@ -177,6 +185,7 @@ class EntityPageState {
       bi
     } = this;
     submitTask.run(async () => {
+      let savedEntity;
       await form.handleSubmit(async () => {
         bi.reportButtonClick({
           ctaName: 'Save',
@@ -184,11 +193,12 @@ class EntityPageState {
         });
         try {
           if (this.isFormDirty) {
-            await this.onSave({
+            const onSaveResult = await this.onSave({
               widgetsFormData: {
                 ...extraFields
               }
             });
+            savedEntity = onSaveResult == null ? void 0 : onSaveResult.updatedEntity;
           }
           this._showSuccessToast();
         } catch (err) {
@@ -207,7 +217,8 @@ class EntityPageState {
       if (!form.formState.isSubmitSuccessful) {
         return;
       }
-      this.navigateToParent();
+      const transformedItem = savedEntity && this.transformEntityToCollectionItem ? this.transformEntityToCollectionItem(savedEntity) : savedEntity;
+      this.navigateToParent(transformedItem);
     });
     await this.submitTask.status.promise;
   }