npm - @wix/patterns - Versions diffs - 1.483.0 → 1.484.0 - Mend

@wix/patterns 1.483.0 → 1.484.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (523) hide show

package/dist/cjs/hooks/useTableGridSwitchCollection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_TableGridSwitchState","exports","TableGridSwitchState","_useOptionalCachedState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useOptionalCachedState","collection"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n useWixPatternsContainer,\n useWixPatternsContainerOverrides,\n CollectionConfigWithConditionals,\n useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport { TableGridSwitchState } from '../state/TableGridSwitchState';\n\nexport type TableGridSwitchType = <\n T,\n F extends FiltersMap = OptionalFiltersMap,\n>(\n config: CollectionConfigWithConditionals<T, F>,\n) => TableGridSwitchState<T, F>;\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n T,\n F extends FiltersMap = OptionalFiltersMap,\n>(\n config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n const container = useWixPatternsContainer();\n const containerOverrides = useWixPatternsContainerOverrides();\n const createCollection = useCreateCollection();\n\n const state = useOptionalCachedState(\n () =>\n new TableGridSwitchState<T, F>({\n collection: createCollection<T, F>(config),\n container,\n containerOverrides,\n }),\n );\n\n return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;~~AAMA~~,IAAAC,qBAAA,GAAAD,OAAA;AAAqEE,OAAA,CAAAC,oBAAA,GAAAF,qBAAA,CAAAE,oBAAA;AACrE,IAAAC,uBAAA,GAAAJ,OAAA;~~AAWO~~,MAAMK,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIX,0CAAoB,CAAO;IAC7BY,UAAU,EAAEJ,gBAAgB,CAAOL,MAAM,CAAC;IAC1CC,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACX,OAAA,CAAAG,4BAAA,GAAAA,4BAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_TableGridSwitchState","exports","TableGridSwitchState","_useOptionalCachedState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useOptionalCachedState","collection"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n useWixPatternsContainer,\n useWixPatternsContainerOverrides,\n CollectionConfigWithConditionals,\n CollectionConfigWithoutPagination,\n CursorPaginationModeConfig,\n OffsetPaginationModeConfig,\n useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport { TableGridSwitchState } from '../state/TableGridSwitchState';\n\n// One overload per pagination branch: see `PaginationModeConfig`.\nexport type TableGridSwitchType = {\n <T, F extends FiltersMap = OptionalFiltersMap>(\n config: CollectionConfigWithoutPagination<T, F> &\n CursorPaginationModeConfig<T, F>,\n ): TableGridSwitchState<T, F>;\n <T, F extends FiltersMap = OptionalFiltersMap>(\n config: CollectionConfigWithoutPagination<T, F> &\n OffsetPaginationModeConfig<T, F>,\n ): TableGridSwitchState<T, F>;\n <T, F extends FiltersMap = OptionalFiltersMap>(\n config: CollectionConfigWithConditionals<T, F>,\n ): TableGridSwitchState<T, F>;\n};\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n T,\n F extends FiltersMap = OptionalFiltersMap,\n>(\n config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n const container = useWixPatternsContainer();\n const containerOverrides = useWixPatternsContainerOverrides();\n const createCollection = useCreateCollection();\n\n const state = useOptionalCachedState(\n () =>\n new TableGridSwitchState<T, F>({\n collection: createCollection<T, F>(config),\n container,\n containerOverrides,\n }),\n );\n\n return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,qBAAA,GAAAD,OAAA;AAAqEE,OAAA,CAAAC,oBAAA,GAAAF,qBAAA,CAAAE,oBAAA;AACrE,IAAAC,uBAAA,GAAAJ,OAAA;AAIA;;AAeO,MAAMK,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIX,0CAAoB,CAAO;IAC7BY,UAAU,EAAEJ,gBAAgB,CAAOL,MAAM,CAAC;IAC1CC,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACX,OAAA,CAAAG,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js CHANGED Viewed

@@ -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_ = "CollectionPageHeader267095604";
+var _namespace_ = "CollectionPageHeader4043934910";
 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": "CollectionPageHeader267095604__root",
-  "mobileMoreActions": "CollectionPageHeader267095604__mobileMoreActions"
+  "root": "CollectionPageHeader4043934910__root",
+  "mobileMoreActions": "CollectionPageHeader4043934910__mobileMoreActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map CHANGED Viewed

	@@ -1 +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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CollectionPageHeader267095604~~\";\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\":\"~~CollectionPageHeader267095604__root~~\",\"mobileMoreActions\":\"~~CollectionPageHeader267095604__mobileMoreActions~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG~~,+BAA+B~~;~~AACjD~~,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,~~qCAAqC~~;EAAC,mBAAmB,EAAC;~~AAAkD~~,CAAC;~~AACnI~~,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader4043934910\";\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\":\"CollectionPageHeader4043934910__root\",\"mobileMoreActions\":\"CollectionPageHeader4043934910__mobileMoreActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,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,sCAAsC;EAAC,mBAAmB,EAAC;AAAmD,CAAC;AACrI,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js CHANGED Viewed

@@ -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_ = "MobilePrimaryActionBar1294865113";
+var _namespace_ = "MobilePrimaryActionBar3461783598";
 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": "MobilePrimaryActionBar1294865113__root"
+  "root": "MobilePrimaryActionBar3461783598__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js.map CHANGED Viewed

	@@ -1 +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/state/CollectionPage/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~MobilePrimaryActionBar1294865113~~\";\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\":\"~~MobilePrimaryActionBar1294865113__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MobilePrimaryActionBar3461783598\";\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\":\"MobilePrimaryActionBar3461783598__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/TitleBadges.st.css.js CHANGED Viewed

@@ -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_ = "TitleBadges4199857246";
+var _namespace_ = "TitleBadges2019777006";
 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": "TitleBadges4199857246__root",
-  "tooltip": "TitleBadges4199857246__tooltip",
-  "tooltipTrigger": "TitleBadges4199857246__tooltipTrigger"
+  "root": "TitleBadges2019777006__root",
+  "tooltip": "TitleBadges2019777006__tooltip",
+  "tooltipTrigger": "TitleBadges2019777006__tooltipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/TitleBadges.st.css.js.map CHANGED Viewed

	@@ -1 +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/state/CollectionPage/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~TitleBadges4199857246~~\";\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\":\"~~TitleBadges4199857246__root~~\",\"tooltip\":\"~~TitleBadges4199857246__tooltip~~\",\"tooltipTrigger\":\"~~TitleBadges4199857246__tooltipTrigger~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,SAAS,EAAC,gCAAgC;EAAC,gBAAgB,EAAC;AAAuC,CAAC;AACxJ,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":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges2019777006\";\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\":\"TitleBadges2019777006__root\",\"tooltip\":\"TitleBadges2019777006__tooltip\",\"tooltipTrigger\":\"TitleBadges2019777006__tooltipTrigger\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,SAAS,EAAC,gCAAgC;EAAC,gBAAgB,EAAC;AAAuC,CAAC;AACxJ,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/state/CustomColumnsDragAndDropState.js CHANGED Viewed

@@ -109,12 +109,7 @@ class CustomColumnsDragAndDropState {
       columnsActions
     } = this;
     const disposers = [columnsActions.init(), (0, _util.addEventListener)(columnsActions.events, 'updated', async () => {
-      const {
-        customColumns: {
-          columnsCollection
-        }
-      } = this;
-      await columnsCollection.refreshAllPages();
+      await this.customColumns.refreshColumns();
     })];
     return () => {
       disposers.forEach(disposer => disposer == null ? void 0 : disposer());

package/dist/cjs/state/CustomColumnsDragAndDropState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_sortable","_util","_DragAndDrop","_mobx","_RectState","_indexOfCompareFn","CustomColumnsDragAndDropState","_dnd","_this$collectionDragA","collectionDragAndDropState","dnd","constructor","params","_defineProperty2","default","undefined","customColumns","dataSource","components","container","listRect","RectState","columnsActions","CollectionOptimisticActions","collection","columnsCollection","CollectionDragAndDropState","state","a11yContainer","modalsContainerRef","makeObservable","_onCustomColumnsReorder","action","bound","containerRect","computed","orderedColumns","orderedColumnsByReorderDisabled","columns","reduce","column","reorderDisabled","push","regular","selectedColumns","value","sort","indexOfCompareFn","c","id","rect","left","columnId","overColumnId","columnsArray","reorderedColumnsArray","arrayMove","findIndex","refresh","init","disposers","addEventListener","events","~~refreshAllPages~~","forEach","disposer","exports"],"sources":["../../../src/state/CustomColumnsDragAndDropState.ts"],"sourcesContent":["import { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\nimport { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { addEventListener } from '@wix/bex-core/util';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CollectionDragAndDropState } from '../components/DragAndDrop';\nimport { Column } from '../model';\nimport { action, computed, makeObservable } from 'mobx';\nimport { RectState } from './RectState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport interface DragAndDropColumnsDataSource {\n readonly columns: Column[];\n readonly selectedColumns: {\n readonly value: { id: string; isSelected?: boolean }[];\n refresh(value: { id: string; isSelected?: boolean }[]): void;\n };\n}\n\nexport interface CustomColumnsDragAndDropStateParams<T, F extends FiltersMap> {\n readonly customColumns: CustomColumnsPanelStateBase<T, F>;\n readonly dataSource: DragAndDropColumnsDataSource;\n readonly components: typeof CustomColumnsDragAndDrop;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport class CustomColumnsDragAndDropState<T, F extends FiltersMap> {\n readonly container;\n readonly customColumns;\n readonly dataSource;\n readonly columnsActions;\n readonly components;\n\n get _dnd() {\n return this.collectionDragAndDropState?.dnd;\n }\n\n collectionDragAndDropState: CollectionDragAndDropState<Column, {}> \| null =\n null;\n\n forceRenderIndexes: number[] \| undefined = undefined;\n\n reportBi = () => {\n // report columns re-order BI here\n };\n\n readonly listRect;\n\n constructor(params: CustomColumnsDragAndDropStateParams<T, F>) {\n const { customColumns, dataSource, components } = params;\n this.components = components;\n this.container = customColumns.container;\n this.listRect = new RectState({\n container: customColumns.container,\n });\n this.customColumns = customColumns;\n this.dataSource = dataSource;\n this.columnsActions = new CollectionOptimisticActions({\n container: this.container,\n collection: this.customColumns.columnsCollection,\n });\n\n this.collectionDragAndDropState = new CollectionDragAndDropState({\n state: this,\n a11yContainer: params.modalsContainerRef,\n container: this.container,\n });\n\n makeObservable(this, {\n _onCustomColumnsReorder: action.bound,\n containerRect: computed,\n orderedColumns: computed,\n orderedColumnsByReorderDisabled: computed,\n });\n }\n\n get orderedColumnsByReorderDisabled() {\n return this.dataSource.columns.reduce(\n (state, column) => {\n column.reorderDisabled\n ? state.reorderDisabled.push(column)\n : state.regular.push(column);\n\n return state;\n },\n { regular: [] as Column[], reorderDisabled: [] as Column[] },\n );\n }\n\n get orderedColumns(): Column[] {\n const { dataSource } = this;\n const {\n selectedColumns: { value: selectedColumns },\n } = dataSource;\n\n const { reorderDisabled, regular } = this.orderedColumnsByReorderDisabled;\n\n return [\n ...reorderDisabled,\n ...regular.sort(\n indexOfCompareFn(selectedColumns as { id: string }[], (c) => c.id),\n ),\n ];\n }\n\n get collection() {\n return this.customColumns.columnsCollection;\n }\n\n get containerRect() {\n const { listRect } = this;\n if (listRect.rect.left) {\n return {\n ...listRect.rect,\n };\n }\n return undefined;\n }\n\n _onCustomColumnsReorder(columnId: string, overColumnId: string) {\n const {\n dataSource: { selectedColumns },\n } = this;\n\n const columnsArray = selectedColumns.value;\n\n const reorderedColumnsArray = arrayMove(\n columnsArray,\n columnsArray.findIndex((c) => c.id === columnId),\n columnsArray.findIndex((c) => c.id === overColumnId),\n );\n\n selectedColumns.refresh(reorderedColumnsArray);\n }\n\n init() {\n const { columnsActions } = this;\n const disposers = [\n columnsActions.init(),\n addEventListener(columnsActions.events, 'updated', async () => {\n ~~const~~ ~~{\n customColumns: { columnsCollection },\n } =~~ this~~;\n await columnsCollection~~.~~refreshAllPages~~();\n }),\n ];\n\n return () => {\n disposers.forEach((disposer) => disposer?.());\n };\n }\n}\n"],"mappings":"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~~;QACJ9C~~,~~aAAa,EAAE;UAAES;QAAkB;MACrC,CAAC,GAAG,~~IAAI~~;MACR~~,~~MAAMA~~,~~iBAAiB~~,~~CAACsC~~,~~eAAe~~,CAAC,CAAC;IAC3C,CAAC,CAAC,CACH;IAED,OAAO,MAAM;MACXH,SAAS,CAACI,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;IAC/C,CAAC;EACH;AACF;AAACC,OAAA,CAAA5D,6BAAA,GAAAA,6BAAA","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_sortable","_util","_DragAndDrop","_mobx","_RectState","_indexOfCompareFn","CustomColumnsDragAndDropState","_dnd","_this$collectionDragA","collectionDragAndDropState","dnd","constructor","params","_defineProperty2","default","undefined","customColumns","dataSource","components","container","listRect","RectState","columnsActions","CollectionOptimisticActions","collection","columnsCollection","CollectionDragAndDropState","state","a11yContainer","modalsContainerRef","makeObservable","_onCustomColumnsReorder","action","bound","containerRect","computed","orderedColumns","orderedColumnsByReorderDisabled","columns","reduce","column","reorderDisabled","push","regular","selectedColumns","value","sort","indexOfCompareFn","c","id","rect","left","columnId","overColumnId","columnsArray","reorderedColumnsArray","arrayMove","findIndex","refresh","init","disposers","addEventListener","events","refreshColumns","forEach","disposer","exports"],"sources":["../../../src/state/CustomColumnsDragAndDropState.ts"],"sourcesContent":["import { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\nimport { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { addEventListener } from '@wix/bex-core/util';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CollectionDragAndDropState } from '../components/DragAndDrop';\nimport { Column } from '../model';\nimport { action, computed, makeObservable } from 'mobx';\nimport { RectState } from './RectState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport interface DragAndDropColumnsDataSource {\n readonly columns: Column[];\n readonly selectedColumns: {\n readonly value: { id: string; isSelected?: boolean }[];\n refresh(value: { id: string; isSelected?: boolean }[]): void;\n };\n}\n\nexport interface CustomColumnsDragAndDropStateParams<T, F extends FiltersMap> {\n readonly customColumns: CustomColumnsPanelStateBase<T, F>;\n readonly dataSource: DragAndDropColumnsDataSource;\n readonly components: typeof CustomColumnsDragAndDrop;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport class CustomColumnsDragAndDropState<T, F extends FiltersMap> {\n readonly container;\n readonly customColumns;\n readonly dataSource;\n readonly columnsActions;\n readonly components;\n\n get _dnd() {\n return this.collectionDragAndDropState?.dnd;\n }\n\n collectionDragAndDropState: CollectionDragAndDropState<Column, {}> \| null =\n null;\n\n forceRenderIndexes: number[] \| undefined = undefined;\n\n reportBi = () => {\n // report columns re-order BI here\n };\n\n readonly listRect;\n\n constructor(params: CustomColumnsDragAndDropStateParams<T, F>) {\n const { customColumns, dataSource, components } = params;\n this.components = components;\n this.container = customColumns.container;\n this.listRect = new RectState({\n container: customColumns.container,\n });\n this.customColumns = customColumns;\n this.dataSource = dataSource;\n this.columnsActions = new CollectionOptimisticActions({\n container: this.container,\n collection: this.customColumns.columnsCollection,\n });\n\n this.collectionDragAndDropState = new CollectionDragAndDropState({\n state: this,\n a11yContainer: params.modalsContainerRef,\n container: this.container,\n });\n\n makeObservable(this, {\n _onCustomColumnsReorder: action.bound,\n containerRect: computed,\n orderedColumns: computed,\n orderedColumnsByReorderDisabled: computed,\n });\n }\n\n get orderedColumnsByReorderDisabled() {\n return this.dataSource.columns.reduce(\n (state, column) => {\n column.reorderDisabled\n ? state.reorderDisabled.push(column)\n : state.regular.push(column);\n\n return state;\n },\n { regular: [] as Column[], reorderDisabled: [] as Column[] },\n );\n }\n\n get orderedColumns(): Column[] {\n const { dataSource } = this;\n const {\n selectedColumns: { value: selectedColumns },\n } = dataSource;\n\n const { reorderDisabled, regular } = this.orderedColumnsByReorderDisabled;\n\n return [\n ...reorderDisabled,\n ...regular.sort(\n indexOfCompareFn(selectedColumns as { id: string }[], (c) => c.id),\n ),\n ];\n }\n\n get collection() {\n return this.customColumns.columnsCollection;\n }\n\n get containerRect() {\n const { listRect } = this;\n if (listRect.rect.left) {\n return {\n ...listRect.rect,\n };\n }\n return undefined;\n }\n\n _onCustomColumnsReorder(columnId: string, overColumnId: string) {\n const {\n dataSource: { selectedColumns },\n } = this;\n\n const columnsArray = selectedColumns.value;\n\n const reorderedColumnsArray = arrayMove(\n columnsArray,\n columnsArray.findIndex((c) => c.id === columnId),\n columnsArray.findIndex((c) => c.id === overColumnId),\n );\n\n selectedColumns.refresh(reorderedColumnsArray);\n }\n\n init() {\n const { columnsActions } = this;\n const disposers = [\n columnsActions.init(),\n addEventListener(columnsActions.events, 'updated', async () => {\n await this.customColumns.refreshColumns();\n }),\n ];\n\n return () => {\n disposers.forEach((disposer) => disposer?.());\n };\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAoBO,MAAMO,6BAA6B,CAA0B;EAOlE,IAAIC,IAAIA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IACT,QAAAA,qBAAA,GAAO,IAAI,CAACC,0BAA0B,qBAA/BD,qBAAA,CAAiCE,GAAG;EAC7C;EAaAC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,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,sCAV7D,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAEqCC,SAAS;IAAA,IAAAF,gBAAA,CAAAC,OAAA,oBAEzC,MAAM;MACf;IAAA,CACD;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAKC,MAAM;MAAEE,aAAa;MAAEC,UAAU;MAAEC;IAAW,CAAC,GAAGN,MAAM;IACxD,IAAI,CAACM,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACC,SAAS,GAAGH,aAAa,CAACG,SAAS;IACxC,IAAI,CAACC,QAAQ,GAAG,IAAIC,oBAAS,CAAC;MAC5BF,SAAS,EAAEH,aAAa,CAACG;IAC3B,CAAC,CAAC;IACF,IAAI,CAACH,aAAa,GAAGA,aAAa;IAClC,IAAI,CAACC,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACK,cAAc,GAAG,IAAIC,oCAA2B,CAAC;MACpDJ,SAAS,EAAE,IAAI,CAACA,SAAS;MACzBK,UAAU,EAAE,IAAI,CAACR,aAAa,CAACS;IACjC,CAAC,CAAC;IAEF,IAAI,CAAChB,0BAA0B,GAAG,IAAIiB,uCAA0B,CAAC;MAC/DC,KAAK,EAAE,IAAI;MACXC,aAAa,EAAEhB,MAAM,CAACiB,kBAAkB;MACxCV,SAAS,EAAE,IAAI,CAACA;IAClB,CAAC,CAAC;IAEF,IAAAW,oBAAc,EAAC,IAAI,EAAE;MACnBC,uBAAuB,EAAEC,YAAM,CAACC,KAAK;MACrCC,aAAa,EAAEC,cAAQ;MACvBC,cAAc,EAAED,cAAQ;MACxBE,+BAA+B,EAAEF;IACnC,CAAC,CAAC;EACJ;EAEA,IAAIE,+BAA+BA,CAAA,EAAG;IACpC,OAAO,IAAI,CAACpB,UAAU,CAACqB,OAAO,CAACC,MAAM,CACnC,CAACZ,KAAK,EAAEa,MAAM,KAAK;MACjBA,MAAM,CAACC,eAAe,GAClBd,KAAK,CAACc,eAAe,CAACC,IAAI,CAACF,MAAM,CAAC,GAClCb,KAAK,CAACgB,OAAO,CAACD,IAAI,CAACF,MAAM,CAAC;MAE9B,OAAOb,KAAK;IACd,CAAC,EACD;MAAEgB,OAAO,EAAE,EAAc;MAAEF,eAAe,EAAE;IAAe,CAC7D,CAAC;EACH;EAEA,IAAIL,cAAcA,CAAA,EAAa;IAC7B,MAAM;MAAEnB;IAAW,CAAC,GAAG,IAAI;IAC3B,MAAM;MACJ2B,eAAe,EAAE;QAAEC,KAAK,EAAED;MAAgB;IAC5C,CAAC,GAAG3B,UAAU;IAEd,MAAM;MAAEwB,eAAe;MAAEE;IAAQ,CAAC,GAAG,IAAI,CAACN,+BAA+B;IAEzE,OAAO,CACL,GAAGI,eAAe,EAClB,GAAGE,OAAO,CAACG,IAAI,CACb,IAAAC,kCAAgB,EAACH,eAAe,EAAuBI,CAAC,IAAKA,CAAC,CAACC,EAAE,CACnE,CAAC,CACF;EACH;EAEA,IAAIzB,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACR,aAAa,CAACS,iBAAiB;EAC7C;EAEA,IAAIS,aAAaA,CAAA,EAAG;IAClB,MAAM;MAAEd;IAAS,CAAC,GAAG,IAAI;IACzB,IAAIA,QAAQ,CAAC8B,IAAI,CAACC,IAAI,EAAE;MACtB,OAAO;QACL,GAAG/B,QAAQ,CAAC8B;MACd,CAAC;IACH;IACA,OAAOnC,SAAS;EAClB;EAEAgB,uBAAuBA,CAACqB,QAAgB,EAAEC,YAAoB,EAAE;IAC9D,MAAM;MACJpC,UAAU,EAAE;QAAE2B;MAAgB;IAChC,CAAC,GAAG,IAAI;IAER,MAAMU,YAAY,GAAGV,eAAe,CAACC,KAAK;IAE1C,MAAMU,qBAAqB,GAAG,IAAAC,mBAAS,EACrCF,YAAY,EACZA,YAAY,CAACG,SAAS,CAAET,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKG,QAAQ,CAAC,EAChDE,YAAY,CAACG,SAAS,CAAET,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKI,YAAY,CACrD,CAAC;IAEDT,eAAe,CAACc,OAAO,CAACH,qBAAqB,CAAC;EAChD;EAEAI,IAAIA,CAAA,EAAG;IACL,MAAM;MAAErC;IAAe,CAAC,GAAG,IAAI;IAC/B,MAAMsC,SAAS,GAAG,CAChBtC,cAAc,CAACqC,IAAI,CAAC,CAAC,EACrB,IAAAE,sBAAgB,EAACvC,cAAc,CAACwC,MAAM,EAAE,SAAS,EAAE,YAAY;MAC7D,MAAM,IAAI,CAAC9C,aAAa,CAAC+C,cAAc,CAAC,CAAC;IAC3C,CAAC,CAAC,CACH;IAED,OAAO,MAAM;MACXH,SAAS,CAACI,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;IAC/C,CAAC;EACH;AACF;AAACC,OAAA,CAAA5D,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/dist/cjs/state/CustomColumnsEntityPageState.js CHANGED Viewed

@@ -139,7 +139,7 @@ class CustomColumnsEntityPageState extends _CustomColumnsPanelStateBase.CustomCo
         },
         status: this.fieldsState.isFieldVisible(field.id) ? this.select.finalStatus : this.select.startStatus
       })));
-      await this.columnsCollection.refreshAllPages();
+      await this.refreshColumns();
     }, {
       fireImmediately: true
     }), (0, _mobx.reaction)(() => this.select.selectedValues, () => {

package/dist/cjs/state/CustomColumnsEntityPageState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","_resolveFieldPresentation","_CustomColumnsPanelStateBase","_resolveEntityPageFields","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_this$schema2","_this$_manageFieldsSo","_resolveFieldPresenta","column","isEntityPageFieldHideable","idField","source","fieldsSource","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\nimport { isEntityPageFieldHideable } from './EntityPage/resolveEntityPageFields';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' \| 'fields'> &\n Partial<Pick<SchemaConfig, 'idField'>>;\n\nexport interface CustomColumnsEntityPageStateParams {\n panels: SidePanelsState;\n container: import('@wix/bex-core').WixPatternsContainer;\n fieldsState: SchemaFieldsState;\n /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n * both fit. Pass a function when the schema loads after this state is\n * created — it is read reactively. /\n schema: SchemaFields \| (() => SchemaFields \| null);\n /* Whether the panel presents itself as field management rather than column\n * selection. Default: `false`. /\n isFieldsEditable?: boolean;\n /* Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. /\n manageFieldsSource?: ManageFieldsSource;\n /* Namespaces this panel's column collection, the way a table's is namespaced\n * by its collection. Default: the schema's id, when the schema is already\n * loaded. */\n collectionId?: string;\n showFieldTypeIcons?: boolean;\n dragAndDrop?: typeof CustomColumnsDragAndDrop;\n modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nfunction fieldToColumn(\n field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n hideable: boolean,\n): Column {\n return {\n id: field.id,\n // The panel's per-field menu is keyed off this — without it a row has no\n // edit / delete action.\n field,\n name: field.displayName,\n title: field.displayName,\n render: () => null,\n fieldType: field.type as Column['fieldType'],\n hideable,\n isPii: field.isPii,\n isSystem: field.isSystem,\n isPrimary: field.isPrimary,\n validation: field.validation?.required\n ? [{ type: 'required' as const, message: '' }]\n : undefined,\n };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n readonly panels: SidePanelsState;\n readonly fieldsState: SchemaFieldsState;\n readonly _showFieldTypeIcons: boolean;\n readonly _schema: SchemaFields \| (() => SchemaFields \| null);\n readonly _isFieldsEditable: boolean;\n readonly _manageFieldsSource?: ManageFieldsSource;\n readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n constructor(params: CustomColumnsEntityPageStateParams) {\n super({\n container: params.container,\n queryName: [\n params.container.environment.componentId,\n params.collectionId ??\n (typeof params.schema === 'function' ? undefined : params.schema.id),\n 'entity-page-custom-columns',\n ]\n .filter(Boolean)\n .join('/'),\n });\n\n this.panels = params.panels;\n this.fieldsState = params.fieldsState;\n this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n this._schema = params.schema;\n this._isFieldsEditable = params.isFieldsEditable ?? false;\n this._manageFieldsSource = params.manageFieldsSource;\n\n if (params.dragAndDrop) {\n const { fieldsState } = params;\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const self = this;\n const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n this._dragAndDrop = new DnDState({\n customColumns: this,\n dataSource: {\n get columns() {\n return self.orderedColumns;\n },\n selectedColumns: {\n get value() {\n return fieldsState.orderedFields.map((f) => ({\n id: f.id,\n isSelected: fieldsState.isFieldVisible(f.id),\n }));\n },\n refresh(reordered) {\n fieldsState.setFieldOrder(\n reordered.map((s) => ({\n id: s.id,\n isVisible: s.isSelected ?? true,\n })),\n );\n },\n },\n },\n components: params.dragAndDrop,\n modalsContainerRef: params.modalsContainerRef,\n });\n }\n\n this.initBaseObservables();\n }\n\n get schema(): SchemaFields \| null {\n return typeof this._schema === 'function' ? this._schema() : this._schema;\n }\n\n get orderedColumns(): Column[] {\n const fields = this.schema?.fields;\n if (!fields) {\n return [];\n }\n return this.fieldsState.orderedFields\n .map((viewConfig) => {\n const field = fields[viewConfig.id];\n if (!field) {\n return null;\n }\n const column = fieldToColumn(\n field,\n isEntityPageFieldHideable(field, this.schema?.idField),\n );\n const source = this._manageFieldsSource?.fieldsSource;\n return source\n ? {\n ...column,\n fieldTypeIcons: resolveFieldPresentation(source, field)\n ?.typeDisplay?.icons,\n }\n : column;\n })\n .filter(Boolean) as Column[];\n }\n\n get showFieldTypeIcons() {\n return this._showFieldTypeIcons;\n }\n\n get isFieldsEditable() {\n return this._isFieldsEditable;\n }\n\n get manageFieldsSource() {\n return this._manageFieldsSource;\n }\n\n get sidePanelTransition(): TransitionState<string> \| undefined {\n return this.panels.sidePanel.transition;\n }\n\n get dragAndDrop() {\n return this._dragAndDrop;\n }\n\n customizeColumnsInSidePanelBi(_params: {\n actionName: CustomColumnsActionName;\n }) {\n // BI reporting — to be wired\n }\n\n onClose() {\n this.panels.closeSidePanel();\n }\n\n init() {\n const disposers = [\n reaction(\n () => this.fieldsState.orderedFields,\n async () => {\n const fields = this.fieldsState.orderedFields;\n this.select.clear();\n this.select.forceSetMany(\n fields.map((field) => ({\n value: { id: field.id },\n status: this.fieldsState.isFieldVisible(field.id)\n ? this.select.finalStatus\n : this.select.startStatus,\n })),\n );\n await this.columnsCollection.refreshAllPages();\n },\n { fireImmediately: true },\n ),\n reaction(\n () => this.select.selectedValues,\n () => {\n const fields = this.fieldsState.orderedFields;\n for (const field of fields) {\n const isChecked = this.select.isChecked(field.id);\n const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n field.id,\n );\n if (isChecked !== isCurrentlyVisible) {\n this.fieldsState.setFieldVisibility(field.id, isChecked);\n }\n }\n },\n ),\n this.columnsCollection.init(),\n this._dragAndDrop?.init(),\n ];\n\n return () => {\n disposers.forEach((d) => d?.());\n };\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","_resolveFieldPresentation","_CustomColumnsPanelStateBase","_resolveEntityPageFields","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_this$schema2","_this$_manageFieldsSo","_resolveFieldPresenta","column","isEntityPageFieldHideable","idField","source","fieldsSource","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","refreshColumns","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","columnsCollection","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\nimport { isEntityPageFieldHideable } from './EntityPage/resolveEntityPageFields';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' \| 'fields'> &\n Partial<Pick<SchemaConfig, 'idField'>>;\n\nexport interface CustomColumnsEntityPageStateParams {\n panels: SidePanelsState;\n container: import('@wix/bex-core').WixPatternsContainer;\n fieldsState: SchemaFieldsState;\n /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n * both fit. Pass a function when the schema loads after this state is\n * created — it is read reactively. /\n schema: SchemaFields \| (() => SchemaFields \| null);\n /* Whether the panel presents itself as field management rather than column\n * selection. Default: `false`. /\n isFieldsEditable?: boolean;\n /* Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. /\n manageFieldsSource?: ManageFieldsSource;\n /* Namespaces this panel's column collection, the way a table's is namespaced\n * by its collection. Default: the schema's id, when the schema is already\n * loaded. */\n collectionId?: string;\n showFieldTypeIcons?: boolean;\n dragAndDrop?: typeof CustomColumnsDragAndDrop;\n modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nfunction fieldToColumn(\n field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n hideable: boolean,\n): Column {\n return {\n id: field.id,\n // The panel's per-field menu is keyed off this — without it a row has no\n // edit / delete action.\n field,\n name: field.displayName,\n title: field.displayName,\n render: () => null,\n fieldType: field.type as Column['fieldType'],\n hideable,\n isPii: field.isPii,\n isSystem: field.isSystem,\n isPrimary: field.isPrimary,\n validation: field.validation?.required\n ? [{ type: 'required' as const, message: '' }]\n : undefined,\n };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n readonly panels: SidePanelsState;\n readonly fieldsState: SchemaFieldsState;\n readonly _showFieldTypeIcons: boolean;\n readonly _schema: SchemaFields \| (() => SchemaFields \| null);\n readonly _isFieldsEditable: boolean;\n readonly _manageFieldsSource?: ManageFieldsSource;\n readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n constructor(params: CustomColumnsEntityPageStateParams) {\n super({\n container: params.container,\n queryName: [\n params.container.environment.componentId,\n params.collectionId ??\n (typeof params.schema === 'function' ? undefined : params.schema.id),\n 'entity-page-custom-columns',\n ]\n .filter(Boolean)\n .join('/'),\n });\n\n this.panels = params.panels;\n this.fieldsState = params.fieldsState;\n this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n this._schema = params.schema;\n this._isFieldsEditable = params.isFieldsEditable ?? false;\n this._manageFieldsSource = params.manageFieldsSource;\n\n if (params.dragAndDrop) {\n const { fieldsState } = params;\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const self = this;\n const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n this._dragAndDrop = new DnDState({\n customColumns: this,\n dataSource: {\n get columns() {\n return self.orderedColumns;\n },\n selectedColumns: {\n get value() {\n return fieldsState.orderedFields.map((f) => ({\n id: f.id,\n isSelected: fieldsState.isFieldVisible(f.id),\n }));\n },\n refresh(reordered) {\n fieldsState.setFieldOrder(\n reordered.map((s) => ({\n id: s.id,\n isVisible: s.isSelected ?? true,\n })),\n );\n },\n },\n },\n components: params.dragAndDrop,\n modalsContainerRef: params.modalsContainerRef,\n });\n }\n\n this.initBaseObservables();\n }\n\n get schema(): SchemaFields \| null {\n return typeof this._schema === 'function' ? this._schema() : this._schema;\n }\n\n get orderedColumns(): Column[] {\n const fields = this.schema?.fields;\n if (!fields) {\n return [];\n }\n return this.fieldsState.orderedFields\n .map((viewConfig) => {\n const field = fields[viewConfig.id];\n if (!field) {\n return null;\n }\n const column = fieldToColumn(\n field,\n isEntityPageFieldHideable(field, this.schema?.idField),\n );\n const source = this._manageFieldsSource?.fieldsSource;\n return source\n ? {\n ...column,\n fieldTypeIcons: resolveFieldPresentation(source, field)\n ?.typeDisplay?.icons,\n }\n : column;\n })\n .filter(Boolean) as Column[];\n }\n\n get showFieldTypeIcons() {\n return this._showFieldTypeIcons;\n }\n\n get isFieldsEditable() {\n return this._isFieldsEditable;\n }\n\n get manageFieldsSource() {\n return this._manageFieldsSource;\n }\n\n get sidePanelTransition(): TransitionState<string> \| undefined {\n return this.panels.sidePanel.transition;\n }\n\n get dragAndDrop() {\n return this._dragAndDrop;\n }\n\n customizeColumnsInSidePanelBi(_params: {\n actionName: CustomColumnsActionName;\n }) {\n // BI reporting — to be wired\n }\n\n onClose() {\n this.panels.closeSidePanel();\n }\n\n init() {\n const disposers = [\n reaction(\n () => this.fieldsState.orderedFields,\n async () => {\n const fields = this.fieldsState.orderedFields;\n this.select.clear();\n this.select.forceSetMany(\n fields.map((field) => ({\n value: { id: field.id },\n status: this.fieldsState.isFieldVisible(field.id)\n ? this.select.finalStatus\n : this.select.startStatus,\n })),\n );\n await this.refreshColumns();\n },\n { fireImmediately: true },\n ),\n reaction(\n () => this.select.selectedValues,\n () => {\n const fields = this.fieldsState.orderedFields;\n for (const field of fields) {\n const isChecked = this.select.isChecked(field.id);\n const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n field.id,\n );\n if (isChecked !== isCurrentlyVisible) {\n this.fieldsState.setFieldVisibility(field.id, isChecked);\n }\n }\n },\n ),\n this.columnsCollection.init(),\n this._dragAndDrop?.init(),\n ];\n\n return () => {\n disposers.forEach((d) => d?.());\n };\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsPanelStateBase.js CHANGED Viewed

@@ -14,10 +14,18 @@ class CustomColumnsPanelStateBase {
       keyGetter: column => column.id
     }));
     (0, _defineProperty2.default)(this, "searchValue", '');
+    (0, _defineProperty2.default)(this, "columnsRefresh", Promise.resolve());
     (0, _defineProperty2.default)(this, "onColumnClick", void 0);
+    (0, _defineProperty2.default)(this, "refreshColumns", () => {
+      // Overlapping refreshes share a query promise, which can contain columns
+      // from before the latest schema or layout update.
+      const refresh = this.columnsRefresh.then(() => this.columnsCollection.refreshAllPages());
+      this.columnsRefresh = refresh.catch(() => undefined);
+      return refresh;
+    });
     (0, _defineProperty2.default)(this, "setSearchValue", (0, _mobx.action)(value => {
       this.searchValue = value;
-      this.columnsCollection.refreshAllPages();
+      void this.refreshColumns();
     }));
     (0, _defineProperty2.default)(this, "onColumnCheckboxToggle", (0, _mobx.action)(column => {
       const {

package/dist/cjs/state/CustomColumnsPanelStateBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","~~action~~","~~value~~","~~searchValue~~","columnsCollection","refreshAllPages","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","isFieldsEditable","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n CollectionState,\n FiltersMap,\n SelectState,\n TransitionState,\n WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\n\nexport interface CustomColumnsPanelStateBaseParams {\n container: WixPatternsContainer;\n queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n T = unknown,\n F extends FiltersMap = FiltersMap,\n> {\n readonly container: WixPatternsContainer;\n readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n readonly select = new SelectState<{ id: string }>({\n keyGetter: (column) => column.id,\n });\n\n searchValue = '';\n\n onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n constructor(params: CustomColumnsPanelStateBaseParams) {\n this.container = params.container;\n\n this.columnsCollection = new CollectionState({\n ...this.container,\n events: {},\n queryName: params.queryName,\n fetchData: async () => {\n const items = this.filteredColumns.filter(\n (column) => column.hiddenFromCustomColumnsSelection !== true,\n );\n return { items };\n },\n filters: {},\n itemKey: (item) => item.id,\n itemName: (item) => item.name,\n });\n }\n\n protected initBaseObservables() {\n makeObservable(this, {\n searchValue: observable,\n setSearchValue: action.bound,\n orderedColumns: computed,\n filteredColumns: computed,\n });\n }\n\n abstract get orderedColumns(): Column[];\n\n abstract get showFieldTypeIcons(): boolean;\n\n /** Whether the panel manages schema fields rather than picking columns —\n * drives its title and subtitle. Sources that carry their own field\n * management report it through `manageFieldsSource` instead. /\n get isFieldsEditable(): boolean {\n return false;\n }\n\n /* Add / edit / delete field, when the surface offers it. */\n abstract get manageFieldsSource(): ManageFieldsSource \| null \| undefined;\n\n abstract get sidePanelTransition(): TransitionState<string> \| undefined;\n\n abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> \| undefined;\n\n abstract customizeColumnsInSidePanelBi(params: {\n actionName: CustomColumnsActionName;\n }): void;\n\n abstract onClose(): void;\n\n abstract init(): () => void;\n\n get filteredColumns(): Column[] {\n const { orderedColumns, searchValue } = this;\n\n if (!searchValue.trim()) {\n return orderedColumns;\n }\n\n const searchLower = searchValue.toLowerCase();\n return orderedColumns.filter((column) => {\n const name =\n column.name \|\|\n (typeof column.title === 'string' ? column.title : column.id);\n return name.toLowerCase().includes(searchLower);\n });\n }\n\n setSearchValue = action((value: string) => {\n this.searchValue = value;\n this.~~columnsCollection.refreshAllPages~~();\n });\n\n onColumnCheckboxToggle = action((column: Column) => {\n const { select, onColumnClick } = this;\n select.toggle(column);\n onColumnClick?.(column, select.isChecked(column.id));\n });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAWO,MAAeE,2BAA2B,CAG/C;~~EAYAC~~,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,~~kBARrC~~,IAAIC,oBAAW,CAAiB;MAChDC,SAAS,EAAGC,MAAM,IAAKA,MAAM,CAACC;IAChC,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,uBAEY,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,~~0BA0EC~~,~~IAAAK~~,YAAM,EAAEC,KAAa,IAAK;MACzC,IAAI,CAACC,WAAW,GAAGD,KAAK;MACxB,IAAI,CAACE,~~iBAAiB~~,~~CAACC,eAAe,~~CAAC,CAAC;~~IAC1C~~,CAAC,CAAC;IAAA,~~IAAAV~~,gBAAA,CAAAC,OAAA,kCAEuB,~~IAAAK~~,YAAM,~~EAAEF~~,MAAc,IAAK;MAClD,MAAM;~~QAAEO~~,MAAM;QAAEC;MAAc,CAAC,GAAG,IAAI;MACtCD,MAAM,CAACE,MAAM,~~CAACT~~,MAAM,CAAC;~~MACrBQ~~,aAAa,YAAbA,aAAa,~~CAAGR~~,MAAM,~~EAAEO~~,MAAM,CAACG,SAAS,~~CAACV~~,MAAM,CAACC,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;~~IA9EA~~,IAAI,~~CAACU~~,SAAS,~~GAAGhB~~,MAAM,~~CAACgB~~,SAAS;IAEjC,IAAI,~~CAACN~~,iBAAiB,GAAG,~~IAAIO~~,wBAAe,CAAC;MAC3C,GAAG,IAAI,CAACD,SAAS;MACjBE,MAAM,EAAE,CAAC,CAAC;MACVC,SAAS,~~EAAEnB~~,MAAM,~~CAACmB~~,SAAS;MAC3BC,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrB,MAAMC,KAAK,GAAG,IAAI,CAACC,eAAe,CAACC,MAAM,~~CACtClB~~,MAAM,IAAKA,MAAM,~~CAACmB~~,gCAAgC,KAAK,IAC1D,CAAC;QACD,OAAO;UAAEH;QAAM,CAAC;MAClB,CAAC;MACDI,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAGC,IAAI,IAAKA,IAAI,~~CAACrB~~,EAAE;~~MAC1BsB~~,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACE;IAC3B,CAAC,CAAC;EACJ;EAEUC,mBAAmBA,CAAA,EAAG;IAC9B,IAAAC,oBAAc,EAAC,IAAI,EAAE;~~MACnBtB~~,WAAW,~~EAAEuB~~,gBAAU;MACvBC,cAAc,~~EAAE1B~~,YAAM,~~CAAC2B~~,KAAK;MAC5BC,cAAc,EAAEC,cAAQ;MACxBd,eAAe,EAAEc;IACnB,CAAC,CAAC;EACJ;EAMA;AACF;AACA;EACE,IAAIC,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,KAAK;EACd;;EAEA;;EAeA,IAAIf,eAAeA,CAAA,EAAa;IAC9B,MAAM;MAAEa,cAAc;~~MAAE1B~~;IAAY,CAAC,GAAG,IAAI;IAE5C,IAAI,CAACA,WAAW,~~CAAC6B~~,IAAI,CAAC,CAAC,EAAE;MACvB,OAAOH,cAAc;IACvB;IAEA,MAAMI,WAAW,~~GAAG9B~~,WAAW,~~CAAC+B~~,WAAW,CAAC,CAAC;IAC7C,OAAOL,cAAc,CAACZ,MAAM,~~CAAElB~~,MAAM,IAAK;MACvC,~~MAAMwB~~,IAAI,~~GACRxB~~,MAAM,~~CAACwB~~,IAAI,KACV,~~OAAOxB~~,MAAM,~~CAACoC~~,KAAK,KAAK,QAAQ,~~GAAGpC~~,MAAM,~~CAACoC~~,KAAK,~~GAAGpC~~,MAAM,CAACC,EAAE,CAAC;MAC/D,~~OAAOuB~~,IAAI,CAACW,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,WAAW,CAAC;IACjD,CAAC,CAAC;EACJ;~~AAYF~~;AAACI,OAAA,~~CAAA7C~~,2BAAA,GAAAA,2BAAA","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","Promise","resolve","refresh","columnsRefresh","then","columnsCollection","refreshAllPages","catch","undefined","action","value","searchValue","refreshColumns","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","isFieldsEditable","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n CollectionState,\n FiltersMap,\n SelectState,\n TransitionState,\n WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\n\nexport interface CustomColumnsPanelStateBaseParams {\n container: WixPatternsContainer;\n queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n T = unknown,\n F extends FiltersMap = FiltersMap,\n> {\n readonly container: WixPatternsContainer;\n readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n readonly select = new SelectState<{ id: string }>({\n keyGetter: (column) => column.id,\n });\n\n searchValue = '';\n\n private columnsRefresh: Promise<void> = Promise.resolve();\n\n onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n constructor(params: CustomColumnsPanelStateBaseParams) {\n this.container = params.container;\n\n this.columnsCollection = new CollectionState({\n ...this.container,\n events: {},\n queryName: params.queryName,\n fetchData: async () => {\n const items = this.filteredColumns.filter(\n (column) => column.hiddenFromCustomColumnsSelection !== true,\n );\n return { items };\n },\n filters: {},\n itemKey: (item) => item.id,\n itemName: (item) => item.name,\n });\n }\n\n protected initBaseObservables() {\n makeObservable(this, {\n searchValue: observable,\n setSearchValue: action.bound,\n orderedColumns: computed,\n filteredColumns: computed,\n });\n }\n\n abstract get orderedColumns(): Column[];\n\n abstract get showFieldTypeIcons(): boolean;\n\n /** Whether the panel manages schema fields rather than picking columns —\n * drives its title and subtitle. Sources that carry their own field\n * management report it through `manageFieldsSource` instead. /\n get isFieldsEditable(): boolean {\n return false;\n }\n\n /* Add / edit / delete field, when the surface offers it. */\n abstract get manageFieldsSource(): ManageFieldsSource \| null \| undefined;\n\n abstract get sidePanelTransition(): TransitionState<string> \| undefined;\n\n abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> \| undefined;\n\n abstract customizeColumnsInSidePanelBi(params: {\n actionName: CustomColumnsActionName;\n }): void;\n\n abstract onClose(): void;\n\n abstract init(): () => void;\n\n get filteredColumns(): Column[] {\n const { orderedColumns, searchValue } = this;\n\n if (!searchValue.trim()) {\n return orderedColumns;\n }\n\n const searchLower = searchValue.toLowerCase();\n return orderedColumns.filter((column) => {\n const name =\n column.name \|\|\n (typeof column.title === 'string' ? column.title : column.id);\n return name.toLowerCase().includes(searchLower);\n });\n }\n\n refreshColumns = () => {\n // Overlapping refreshes share a query promise, which can contain columns\n // from before the latest schema or layout update.\n const refresh = this.columnsRefresh.then(() =>\n this.columnsCollection.refreshAllPages(),\n );\n this.columnsRefresh = refresh.catch(() => undefined);\n return refresh;\n };\n\n setSearchValue = action((value: string) => {\n this.searchValue = value;\n void this.refreshColumns();\n });\n\n onColumnCheckboxToggle = action((column: Column) => {\n const { select, onColumnClick } = this;\n select.toggle(column);\n onColumnClick?.(column, select.isChecked(column.id));\n });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsState.js CHANGED Viewed

@@ -247,8 +247,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
     table.customColumnsStateInitialized = true;
     const disposers = [(0, _mobx.reaction)(() => this.table.selectedColumns.value, async selectedColumns => {
       const {
-        select,
-        columnsCollection
+        select
       } = this;
       select.clear();
       select.forceSetMany(selectedColumns.map(({
@@ -260,7 +259,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
         },
         status: isSelected ? select.finalStatus : select.startStatus
       })));
-      await columnsCollection.refreshAllPages();
+      await this.refreshColumns();
     }, {
       fireImmediately: true
     }), (0, _mobx.reaction)(() => this.select.selectedValues, () => {

package/dist/cjs/state/CustomColumnsState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","_CustomColumnsHistoryState","_indexOfCompareFn","_events","_bi","_CustomColumnsPanelStateBase","CUSTOM_COLUMNS_KEY","exports","SPREADSHEET_CUSTOM_COLUMNS_KEY","getCustomColumnsKeyForLayout","layout","asStoredColumnsOrNull","customColumnsResult","Array","isArray","CustomColumnsState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","table","collection","filter","Boolean","join","_defineProperty2","default","Map","TaskState","undefined","EventEmitter","dragAndDrop","CustomColumnsDragAndDropState","customColumns","dataSource","columns","selectedColumns","components","modalsContainerRef","customColumnsHistory","persistQueryToUrl","CustomColumnsHistoryState","history","initBaseObservables","makeObservable","pendingInsertPosition","observable","ref","setPendingInsertPosition","action","bound","clearPendingInsertPosition","persistCustomColumns","toSelectedColumns","computed","selectedOrderedColumns","init","orderedColumns","customColumnsState","value","column","some","selectedColumn","id","isSelected","_table$layoutState","dataCapsule","viewsProps","_touched","setItem","layoutState","viewType","registerSelectedColumnChange","events","on","off","afterColumnId","mergeNewColumns","_toStoredColumn","_didFirstColumnsMerge","defaultHidden","length","mergeTargetSelectedColumns","s","every","c","map","existing","find","hideable","hiddenFromCustomColumnsSelection","diffColumns","pending","pendingIndex","afterIndex","findIndex","forEach","d","i","splice","originalIndex","afterId","getStickyColumnsCount","stickyColumns","reorderDisabled","reorderDisabledColumns","orderedColumnsByReorderDisabled","select","isChecked","selectionChanged","a","b","_this$dragAndDrop","_this$customColumnsHi","customColumnsStateInitialized","disposers","reaction","columnsCollection","clear","forceSetMany","status","finalStatus","startStatus","refreshAllPages","fireImmediately","selectedValues","setValue","emitEvents","_this$table$layoutSta","newLayout","prevLayout","_cacheRestoredLayout","stored","_getStoredCustomColumns","reset","_fetchFromStorage","disposer","_this$table$layoutSta2","storedValue","getItem","e","Error","message","_tableInit","initTask","multi","collections","runOnce","beforeInitialFetchListeners","listeners","Promise","all","l","console","error","query","refreshOnColumnsChange","hooks","addListener","promise","_customColumnsState$c","hasUrlColumnsForCurrentLayout","storedCustomColumns","selectedColumnsFromStorage","tableColumn","name","sort","indexOfCompareFn","customizeColumnsInSidePanelBi","actionName","_performedCustomColumnsActions","get","set","reportBi","withoutDefaults","cairoCustomizeColumnsInSidePanel","showFieldTypeIcons","manageFieldsSource","collectionFieldsSource","sidePanelTransition","sidePanel","transition","onClose","cairoFiltersPanelUsed","isOpened","feature","origin","close"],"sources":["../../../src/state/CustomColumnsState.ts"],"sourcesContent":["import {\n FiltersMap,\n TaskState,\n TypedEmitter,\n withoutDefaults,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { Column, ViewType } from '../model';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CustomColumnsHistoryState } from './CustomColumnsHistoryState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { EventEmitter } from 'events';\nimport {\n cairoCustomizeColumnsInSidePanel,\n cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport type { CustomColumnsDragAndDropState };\n\nexport type CustomColumnsPanelState<\n T = unknown,\n F extends FiltersMap = FiltersMap,\n> = CustomColumnsPanelStateBase<T, F>;\n\ntype StoredColumn =\n \| { id?: string; name?: string; isSelected?: boolean }\n \| null\n \| undefined;\n\n// Legacy `custom-columns` stays bound to non-spreadsheet layouts so existing\n// stored values keep their meaning; spreadsheet uses a sibling key.\nexport const CUSTOM_COLUMNS_KEY = 'custom-columns';\nexport const SPREADSHEET_CUSTOM_COLUMNS_KEY = 'spreadsheet-custom-columns';\n\nconst getCustomColumnsKeyForLayout = (layout: ViewType \| undefined): string =>\n layout === 'spreadsheet'\n ? SPREADSHEET_CUSTOM_COLUMNS_KEY\n : CUSTOM_COLUMNS_KEY;\n\nconst asStoredColumnsOrNull = (customColumnsResult: unknown) =>\n Array.isArray(customColumnsResult)\n ? (customColumnsResult as StoredColumn[])\n : null;\n\nexport interface CustomColumnsStateParams<T, F extends FiltersMap> {\n readonly table: ToolbarCollectionState<T, F>;\n readonly container: import('@wix/bex-core').WixPatternsContainer;\n readonly dragAndDrop?: typeof CustomColumnsDragAndDrop;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport type CustomColumnsActionName = 'visibility' \| 'reorder';\n\nexport class CustomColumnsState<\n T,\n F extends FiltersMap,\n> extends CustomColumnsPanelStateBase<T, F> {\n readonly table;\n\n readonly dragAndDrop: CustomColumnsDragAndDropState<T, F> \| undefined;\n\n readonly customColumnsHistory;\n\n _didFirstColumnsMerge?: boolean;\n _performedCustomColumnsActions: Map<CustomColumnsActionName, boolean> =\n new Map();\n\n readonly initTask = new TaskState();\n\n _touched = false;\n\n /** Where the next new column goes. `afterColumnId: null` means the start.\n * Consumed by the next `mergeNewColumns`. */\n pendingInsertPosition: { afterColumnId: string \| null } \| undefined =\n undefined;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n beforeInitialFetch: () => void;\n }>;\n\n constructor(params: CustomColumnsStateParams<T, F>) {\n super({\n container: params.container,\n queryName: [\n params.container.environment.componentId,\n params.table.collection.queryName,\n 'customColumns',\n ]\n .filter(Boolean)\n .join('/'),\n });\n\n this.table = params.table;\n\n if (params.dragAndDrop) {\n const { CustomColumnsDragAndDropState } = params.dragAndDrop;\n this.dragAndDrop = new CustomColumnsDragAndDropState({\n customColumns: this,\n dataSource: {\n get columns() {\n return params.table.columns;\n },\n selectedColumns: params.table.selectedColumns,\n },\n components: params.dragAndDrop,\n modalsContainerRef: params.modalsContainerRef,\n });\n }\n\n this.customColumnsHistory = this.table.collection.persistQueryToUrl\n ? new CustomColumnsHistoryState({\n customColumns: this,\n history: params.container.history,\n })\n : null;\n\n this.initBaseObservables();\n makeObservable(this, {\n pendingInsertPosition: observable.ref,\n setPendingInsertPosition: action.bound,\n clearPendingInsertPosition: action.bound,\n persistCustomColumns: action.bound,\n toSelectedColumns: computed,\n selectedOrderedColumns: computed,\n init: action,\n });\n }\n\n get orderedColumns(): Column[] {\n const { dragAndDrop, table } = this;\n const { columns, customColumnsState } = table;\n\n if (customColumnsState?.dragAndDrop && dragAndDrop) {\n return dragAndDrop.orderedColumns;\n }\n\n return columns;\n }\n\n get selectedOrderedColumns() {\n const {\n orderedColumns,\n table: {\n selectedColumns: { value: selectedColumns },\n },\n } = this;\n\n return orderedColumns.filter((column) =>\n selectedColumns.some(\n (selectedColumn) =>\n selectedColumn.id === column.id && selectedColumn.isSelected,\n ),\n );\n }\n\n async persistCustomColumns() {\n const { table } = this;\n const { dataCapsule, viewsProps } = table;\n\n // if views enabled columns persists inside the view instead of data capsule\n if (viewsProps) {\n return;\n }\n\n this._touched = true;\n await dataCapsule.setItem(\n getCustomColumnsKeyForLayout(table.layoutState?.viewType),\n table.selectedColumns.value,\n );\n }\n\n private registerSelectedColumnChange() {\n const { table } = this;\n table.selectedColumns.events.on('refresh', this.persistCustomColumns);\n\n return () => {\n table.selectedColumns.events.off('refresh', this.persistCustomColumns);\n };\n }\n\n setPendingInsertPosition(afterColumnId: string \| null) {\n this.pendingInsertPosition = { afterColumnId };\n }\n\n clearPendingInsertPosition() {\n this.pendingInsertPosition = undefined;\n }\n\n mergeNewColumns() {\n const {\n table: { columns, selectedColumns, _toStoredColumn, customColumnsState },\n _didFirstColumnsMerge,\n } = this;\n\n const defaultHidden =\n !_didFirstColumnsMerge && !!selectedColumns.value.length;\n\n const mergeTargetSelectedColumns = [...selectedColumns.value];\n\n if (customColumnsState?.dragAndDrop == null) {\n return [\n ...mergeTargetSelectedColumns.filter((s) =>\n columns.every((c) => s.id !== c.id),\n ),\n ...columns.map((c) => {\n const existing = selectedColumns.value.find((s) => s.id === c.id);\n if (existing == null) {\n return _toStoredColumn(c);\n }\n\n return {\n ...existing,\n isSelected:\n c.hideable === false \|\|\n c.hiddenFromCustomColumnsSelection \|\|\n existing.isSelected,\n };\n }),\n ];\n }\n\n const diffColumns = columns\n .filter((c) => selectedColumns.value.every((s) => s.id !== c.id))\n .map((c) =>\n _toStoredColumn({\n ...c,\n defaultHidden: defaultHidden \|\| c.defaultHidden,\n }),\n );\n\n const pending = this.pendingInsertPosition;\n let pendingIndex: number \| null = null;\n if (pending) {\n this.clearPendingInsertPosition();\n if (pending.afterColumnId == null) {\n pendingIndex = 0;\n } else {\n const afterIndex = mergeTargetSelectedColumns.findIndex(\n (c) => c.id === pending.afterColumnId,\n );\n pendingIndex = afterIndex === -1 ? null : afterIndex + 1;\n }\n }\n\n // place new columns where the user picked, or according to their order in\n // the original columns prop\n diffColumns.forEach((d, i) => {\n if (pendingIndex != null) {\n mergeTargetSelectedColumns.splice(pendingIndex + i, 0, d);\n return;\n }\n const originalIndex = columns.findIndex((c) => c.id === d.id);\n const afterId = originalIndex > 0 ? columns[originalIndex - 1].id : null;\n const afterIndex =\n afterId != null\n ? mergeTargetSelectedColumns.findIndex((c) => c.id === afterId) + 1\n : originalIndex === 0\n ? 0\n : mergeTargetSelectedColumns.length;\n mergeTargetSelectedColumns.splice(afterIndex, 0, d);\n });\n\n this._didFirstColumnsMerge = true;\n return mergeTargetSelectedColumns;\n }\n\n getStickyColumnsCount({ stickyColumns }: { stickyColumns: number }) {\n const {\n dragAndDrop,\n table: {\n selectedColumns: { value: selectedColumns },\n },\n } = this;\n\n if (dragAndDrop == null) {\n return stickyColumns;\n }\n\n const { reorderDisabled: reorderDisabledColumns } =\n dragAndDrop.orderedColumnsByReorderDisabled;\n\n if (!reorderDisabledColumns.length) {\n return stickyColumns;\n }\n\n return dragAndDrop.orderedColumnsByReorderDisabled.reorderDisabled.filter(\n (column) =>\n selectedColumns.some(\n (selectedColumn) =>\n selectedColumn.id === column.id && selectedColumn.isSelected,\n ),\n ).length;\n }\n\n get toSelectedColumns() {\n const {\n select,\n table: {\n selectedColumns: { value },\n },\n } = this;\n\n return value.map(({ id }) => ({\n id,\n isSelected: select.isChecked(id),\n }));\n }\n\n get selectionChanged() {\n const {\n toSelectedColumns,\n table: {\n selectedColumns: { value },\n },\n } = this;\n\n if (value.length !== toSelectedColumns.length) {\n return true;\n }\n\n for (let i = 0; i < value.length; i++) {\n const a = value[i];\n const b = toSelectedColumns[i];\n\n if (a.id !== b.id \|\| a.isSelected !== b.isSelected) {\n return true;\n }\n }\n\n return false;\n }\n\n init() {\n const { table } = this;\n table.customColumnsStateInitialized = true;\n\n const disposers = [\n reaction(\n () => this.table.selectedColumns.value,\n async (selectedColumns) => {\n const { select, columnsCollection } = this;\n\n select.clear();\n select.forceSetMany(\n selectedColumns.map(({ id, isSelected }) => ({\n value: { id },\n status: isSelected ? select.finalStatus : select.startStatus,\n })),\n );\n await columnsCollection.refreshAllPages();\n },\n {\n fireImmediately: true,\n },\n ),\n reaction(\n () => this.select.selectedValues,\n () => {\n const {\n table: { selectedColumns },\n } = this;\n\n if (!this.selectionChanged) {\n return;\n }\n\n selectedColumns.setValue(this.toSelectedColumns, {\n emitEvents: ['change', 'beforeRefresh', 'refresh'],\n });\n },\n ),\n\n this.registerSelectedColumnChange(),\n this.columnsCollection.init(),\n this.dragAndDrop?.init(),\n this.customColumnsHistory?.init(),\n reaction(\n () => this.table.layoutState?.viewType,\n async (newLayout, prevLayout) => {\n if (!newLayout \|\| !prevLayout \|\| newLayout === prevLayout) {\n return;\n }\n if (this.table._cacheRestoredLayout === newLayout) {\n return;\n }\n // Views path is handled by CollectionViewsState's own reaction.\n if (this.table.viewsProps) {\n return;\n }\n const stored = await this._getStoredCustomColumns();\n if (stored == null) {\n this.table.selectedColumns.reset();\n } else {\n await this._fetchFromStorage();\n }\n },\n ),\n ];\n\n return () => {\n disposers.forEach((disposer) => disposer?.());\n };\n }\n\n async _getStoredCustomColumns() {\n const { dataCapsule } = this.table;\n try {\n const storedValue = await asStoredColumnsOrNull(\n await dataCapsule.getItem(\n getCustomColumnsKeyForLayout(this.table.layoutState?.viewType),\n ),\n );\n this._touched = storedValue != null;\n return storedValue;\n } catch (e) {\n if (e instanceof Error && e.message === 'Key was not found in capsule') {\n return null;\n }\n\n throw e;\n }\n }\n\n _tableInit() {\n const {\n initTask,\n table: {\n multi: { collections },\n },\n } = this;\n initTask.runOnce(async () => {\n try {\n const beforeInitialFetchListeners =\n this.events.listeners('beforeInitialFetch');\n await Promise.all(beforeInitialFetchListeners.map((l) => l()));\n await this._fetchFromStorage();\n } catch (e) {\n console.error(e);\n }\n });\n\n collections.forEach((collection) => {\n if (collection.query.refreshOnColumnsChange) {\n collection.hooks.addListener(\n 'beforeInitialFetch',\n () => initTask.status.promise,\n );\n }\n });\n }\n\n async _fetchFromStorage() {\n const {\n table: {\n viewsProps,\n columns,\n selectedColumns,\n customColumnsState,\n _toStoredColumn,\n },\n } = this;\n\n if (viewsProps) {\n return;\n }\n\n if (\n customColumnsState?.customColumnsHistory?.hasUrlColumnsForCurrentLayout\n ) {\n return;\n }\n\n const storedCustomColumns = await this._getStoredCustomColumns();\n\n if (storedCustomColumns == null) {\n return;\n }\n\n const selectedColumnsFromStorage = columns.map((tableColumn) => {\n const existing = storedCustomColumns.find(\n (c) => c?.id === tableColumn.id,\n );\n\n // If the column is not found in the stored columns, it means it was added after the last visit, so its \"isSelected\" state should be calculated based on the column prop passed via code\n if (existing == null) {\n return _toStoredColumn(tableColumn);\n }\n\n // If the column is found in the stored columns, it means it was already configured by the user, so its \"isSelected\" state should be taken from the stored columns\n const { id, name, hideable, hiddenFromCustomColumnsSelection } =\n tableColumn;\n\n return {\n id,\n name,\n isSelected:\n storedCustomColumns.some(\n (c) => c?.id === id && c?.isSelected !== false,\n ) \|\|\n !hideable \|\|\n hiddenFromCustomColumnsSelection === true,\n };\n });\n\n selectedColumns.setValue(\n customColumnsState?.dragAndDrop\n ? selectedColumnsFromStorage.sort(\n indexOfCompareFn(storedCustomColumns, (e) => e?.id),\n )\n : selectedColumnsFromStorage,\n );\n }\n\n customizeColumnsInSidePanelBi({\n actionName,\n }: {\n actionName: CustomColumnsActionName;\n }) {\n if (this._performedCustomColumnsActions.get(actionName)) {\n return;\n }\n this._performedCustomColumnsActions.set(actionName, true);\n this.table.reportBi(\n withoutDefaults(cairoCustomizeColumnsInSidePanel)({\n actionName,\n }),\n );\n }\n\n get showFieldTypeIcons() {\n return this.table.showFieldTypeIcons;\n }\n\n get manageFieldsSource() {\n return this.table.collectionFieldsSource;\n }\n\n get sidePanelTransition() {\n return this.table.sidePanel.transition;\n }\n\n onClose() {\n this.table.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened: false,\n feature: 'Custom Columns',\n origin: 'X Button',\n }),\n );\n this.table.sidePanel.close();\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","_CustomColumnsHistoryState","_indexOfCompareFn","_events","_bi","_CustomColumnsPanelStateBase","CUSTOM_COLUMNS_KEY","exports","SPREADSHEET_CUSTOM_COLUMNS_KEY","getCustomColumnsKeyForLayout","layout","asStoredColumnsOrNull","customColumnsResult","Array","isArray","CustomColumnsState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","table","collection","filter","Boolean","join","_defineProperty2","default","Map","TaskState","undefined","EventEmitter","dragAndDrop","CustomColumnsDragAndDropState","customColumns","dataSource","columns","selectedColumns","components","modalsContainerRef","customColumnsHistory","persistQueryToUrl","CustomColumnsHistoryState","history","initBaseObservables","makeObservable","pendingInsertPosition","observable","ref","setPendingInsertPosition","action","bound","clearPendingInsertPosition","persistCustomColumns","toSelectedColumns","computed","selectedOrderedColumns","init","orderedColumns","customColumnsState","value","column","some","selectedColumn","id","isSelected","_table$layoutState","dataCapsule","viewsProps","_touched","setItem","layoutState","viewType","registerSelectedColumnChange","events","on","off","afterColumnId","mergeNewColumns","_toStoredColumn","_didFirstColumnsMerge","defaultHidden","length","mergeTargetSelectedColumns","s","every","c","map","existing","find","hideable","hiddenFromCustomColumnsSelection","diffColumns","pending","pendingIndex","afterIndex","findIndex","forEach","d","i","splice","originalIndex","afterId","getStickyColumnsCount","stickyColumns","reorderDisabled","reorderDisabledColumns","orderedColumnsByReorderDisabled","select","isChecked","selectionChanged","a","b","_this$dragAndDrop","_this$customColumnsHi","customColumnsStateInitialized","disposers","reaction","clear","forceSetMany","status","finalStatus","startStatus","refreshColumns","fireImmediately","selectedValues","setValue","emitEvents","columnsCollection","_this$table$layoutSta","newLayout","prevLayout","_cacheRestoredLayout","stored","_getStoredCustomColumns","reset","_fetchFromStorage","disposer","_this$table$layoutSta2","storedValue","getItem","e","Error","message","_tableInit","initTask","multi","collections","runOnce","beforeInitialFetchListeners","listeners","Promise","all","l","console","error","query","refreshOnColumnsChange","hooks","addListener","promise","_customColumnsState$c","hasUrlColumnsForCurrentLayout","storedCustomColumns","selectedColumnsFromStorage","tableColumn","name","sort","indexOfCompareFn","customizeColumnsInSidePanelBi","actionName","_performedCustomColumnsActions","get","set","reportBi","withoutDefaults","cairoCustomizeColumnsInSidePanel","showFieldTypeIcons","manageFieldsSource","collectionFieldsSource","sidePanelTransition","sidePanel","transition","onClose","cairoFiltersPanelUsed","isOpened","feature","origin","close"],"sources":["../../../src/state/CustomColumnsState.ts"],"sourcesContent":["import {\n FiltersMap,\n TaskState,\n TypedEmitter,\n withoutDefaults,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { Column, ViewType } from '../model';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CustomColumnsHistoryState } from './CustomColumnsHistoryState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { EventEmitter } from 'events';\nimport {\n cairoCustomizeColumnsInSidePanel,\n cairoFiltersPanelUsed,\n} from '@wix/bex-core/bi';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport type { CustomColumnsDragAndDropState };\n\nexport type CustomColumnsPanelState<\n T = unknown,\n F extends FiltersMap = FiltersMap,\n> = CustomColumnsPanelStateBase<T, F>;\n\ntype StoredColumn =\n \| { id?: string; name?: string; isSelected?: boolean }\n \| null\n \| undefined;\n\n// Legacy `custom-columns` stays bound to non-spreadsheet layouts so existing\n// stored values keep their meaning; spreadsheet uses a sibling key.\nexport const CUSTOM_COLUMNS_KEY = 'custom-columns';\nexport const SPREADSHEET_CUSTOM_COLUMNS_KEY = 'spreadsheet-custom-columns';\n\nconst getCustomColumnsKeyForLayout = (layout: ViewType \| undefined): string =>\n layout === 'spreadsheet'\n ? SPREADSHEET_CUSTOM_COLUMNS_KEY\n : CUSTOM_COLUMNS_KEY;\n\nconst asStoredColumnsOrNull = (customColumnsResult: unknown) =>\n Array.isArray(customColumnsResult)\n ? (customColumnsResult as StoredColumn[])\n : null;\n\nexport interface CustomColumnsStateParams<T, F extends FiltersMap> {\n readonly table: ToolbarCollectionState<T, F>;\n readonly container: import('@wix/bex-core').WixPatternsContainer;\n readonly dragAndDrop?: typeof CustomColumnsDragAndDrop;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport type CustomColumnsActionName = 'visibility' \| 'reorder';\n\nexport class CustomColumnsState<\n T,\n F extends FiltersMap,\n> extends CustomColumnsPanelStateBase<T, F> {\n readonly table;\n\n readonly dragAndDrop: CustomColumnsDragAndDropState<T, F> \| undefined;\n\n readonly customColumnsHistory;\n\n _didFirstColumnsMerge?: boolean;\n _performedCustomColumnsActions: Map<CustomColumnsActionName, boolean> =\n new Map();\n\n readonly initTask = new TaskState();\n\n _touched = false;\n\n /** Where the next new column goes. `afterColumnId: null` means the start.\n * Consumed by the next `mergeNewColumns`. */\n pendingInsertPosition: { afterColumnId: string \| null } \| undefined =\n undefined;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n beforeInitialFetch: () => void;\n }>;\n\n constructor(params: CustomColumnsStateParams<T, F>) {\n super({\n container: params.container,\n queryName: [\n params.container.environment.componentId,\n params.table.collection.queryName,\n 'customColumns',\n ]\n .filter(Boolean)\n .join('/'),\n });\n\n this.table = params.table;\n\n if (params.dragAndDrop) {\n const { CustomColumnsDragAndDropState } = params.dragAndDrop;\n this.dragAndDrop = new CustomColumnsDragAndDropState({\n customColumns: this,\n dataSource: {\n get columns() {\n return params.table.columns;\n },\n selectedColumns: params.table.selectedColumns,\n },\n components: params.dragAndDrop,\n modalsContainerRef: params.modalsContainerRef,\n });\n }\n\n this.customColumnsHistory = this.table.collection.persistQueryToUrl\n ? new CustomColumnsHistoryState({\n customColumns: this,\n history: params.container.history,\n })\n : null;\n\n this.initBaseObservables();\n makeObservable(this, {\n pendingInsertPosition: observable.ref,\n setPendingInsertPosition: action.bound,\n clearPendingInsertPosition: action.bound,\n persistCustomColumns: action.bound,\n toSelectedColumns: computed,\n selectedOrderedColumns: computed,\n init: action,\n });\n }\n\n get orderedColumns(): Column[] {\n const { dragAndDrop, table } = this;\n const { columns, customColumnsState } = table;\n\n if (customColumnsState?.dragAndDrop && dragAndDrop) {\n return dragAndDrop.orderedColumns;\n }\n\n return columns;\n }\n\n get selectedOrderedColumns() {\n const {\n orderedColumns,\n table: {\n selectedColumns: { value: selectedColumns },\n },\n } = this;\n\n return orderedColumns.filter((column) =>\n selectedColumns.some(\n (selectedColumn) =>\n selectedColumn.id === column.id && selectedColumn.isSelected,\n ),\n );\n }\n\n async persistCustomColumns() {\n const { table } = this;\n const { dataCapsule, viewsProps } = table;\n\n // if views enabled columns persists inside the view instead of data capsule\n if (viewsProps) {\n return;\n }\n\n this._touched = true;\n await dataCapsule.setItem(\n getCustomColumnsKeyForLayout(table.layoutState?.viewType),\n table.selectedColumns.value,\n );\n }\n\n private registerSelectedColumnChange() {\n const { table } = this;\n table.selectedColumns.events.on('refresh', this.persistCustomColumns);\n\n return () => {\n table.selectedColumns.events.off('refresh', this.persistCustomColumns);\n };\n }\n\n setPendingInsertPosition(afterColumnId: string \| null) {\n this.pendingInsertPosition = { afterColumnId };\n }\n\n clearPendingInsertPosition() {\n this.pendingInsertPosition = undefined;\n }\n\n mergeNewColumns() {\n const {\n table: { columns, selectedColumns, _toStoredColumn, customColumnsState },\n _didFirstColumnsMerge,\n } = this;\n\n const defaultHidden =\n !_didFirstColumnsMerge && !!selectedColumns.value.length;\n\n const mergeTargetSelectedColumns = [...selectedColumns.value];\n\n if (customColumnsState?.dragAndDrop == null) {\n return [\n ...mergeTargetSelectedColumns.filter((s) =>\n columns.every((c) => s.id !== c.id),\n ),\n ...columns.map((c) => {\n const existing = selectedColumns.value.find((s) => s.id === c.id);\n if (existing == null) {\n return _toStoredColumn(c);\n }\n\n return {\n ...existing,\n isSelected:\n c.hideable === false \|\|\n c.hiddenFromCustomColumnsSelection \|\|\n existing.isSelected,\n };\n }),\n ];\n }\n\n const diffColumns = columns\n .filter((c) => selectedColumns.value.every((s) => s.id !== c.id))\n .map((c) =>\n _toStoredColumn({\n ...c,\n defaultHidden: defaultHidden \|\| c.defaultHidden,\n }),\n );\n\n const pending = this.pendingInsertPosition;\n let pendingIndex: number \| null = null;\n if (pending) {\n this.clearPendingInsertPosition();\n if (pending.afterColumnId == null) {\n pendingIndex = 0;\n } else {\n const afterIndex = mergeTargetSelectedColumns.findIndex(\n (c) => c.id === pending.afterColumnId,\n );\n pendingIndex = afterIndex === -1 ? null : afterIndex + 1;\n }\n }\n\n // place new columns where the user picked, or according to their order in\n // the original columns prop\n diffColumns.forEach((d, i) => {\n if (pendingIndex != null) {\n mergeTargetSelectedColumns.splice(pendingIndex + i, 0, d);\n return;\n }\n const originalIndex = columns.findIndex((c) => c.id === d.id);\n const afterId = originalIndex > 0 ? columns[originalIndex - 1].id : null;\n const afterIndex =\n afterId != null\n ? mergeTargetSelectedColumns.findIndex((c) => c.id === afterId) + 1\n : originalIndex === 0\n ? 0\n : mergeTargetSelectedColumns.length;\n mergeTargetSelectedColumns.splice(afterIndex, 0, d);\n });\n\n this._didFirstColumnsMerge = true;\n return mergeTargetSelectedColumns;\n }\n\n getStickyColumnsCount({ stickyColumns }: { stickyColumns: number }) {\n const {\n dragAndDrop,\n table: {\n selectedColumns: { value: selectedColumns },\n },\n } = this;\n\n if (dragAndDrop == null) {\n return stickyColumns;\n }\n\n const { reorderDisabled: reorderDisabledColumns } =\n dragAndDrop.orderedColumnsByReorderDisabled;\n\n if (!reorderDisabledColumns.length) {\n return stickyColumns;\n }\n\n return dragAndDrop.orderedColumnsByReorderDisabled.reorderDisabled.filter(\n (column) =>\n selectedColumns.some(\n (selectedColumn) =>\n selectedColumn.id === column.id && selectedColumn.isSelected,\n ),\n ).length;\n }\n\n get toSelectedColumns() {\n const {\n select,\n table: {\n selectedColumns: { value },\n },\n } = this;\n\n return value.map(({ id }) => ({\n id,\n isSelected: select.isChecked(id),\n }));\n }\n\n get selectionChanged() {\n const {\n toSelectedColumns,\n table: {\n selectedColumns: { value },\n },\n } = this;\n\n if (value.length !== toSelectedColumns.length) {\n return true;\n }\n\n for (let i = 0; i < value.length; i++) {\n const a = value[i];\n const b = toSelectedColumns[i];\n\n if (a.id !== b.id \|\| a.isSelected !== b.isSelected) {\n return true;\n }\n }\n\n return false;\n }\n\n init() {\n const { table } = this;\n table.customColumnsStateInitialized = true;\n\n const disposers = [\n reaction(\n () => this.table.selectedColumns.value,\n async (selectedColumns) => {\n const { select } = this;\n\n select.clear();\n select.forceSetMany(\n selectedColumns.map(({ id, isSelected }) => ({\n value: { id },\n status: isSelected ? select.finalStatus : select.startStatus,\n })),\n );\n await this.refreshColumns();\n },\n {\n fireImmediately: true,\n },\n ),\n reaction(\n () => this.select.selectedValues,\n () => {\n const {\n table: { selectedColumns },\n } = this;\n\n if (!this.selectionChanged) {\n return;\n }\n\n selectedColumns.setValue(this.toSelectedColumns, {\n emitEvents: ['change', 'beforeRefresh', 'refresh'],\n });\n },\n ),\n\n this.registerSelectedColumnChange(),\n this.columnsCollection.init(),\n this.dragAndDrop?.init(),\n this.customColumnsHistory?.init(),\n reaction(\n () => this.table.layoutState?.viewType,\n async (newLayout, prevLayout) => {\n if (!newLayout \|\| !prevLayout \|\| newLayout === prevLayout) {\n return;\n }\n if (this.table._cacheRestoredLayout === newLayout) {\n return;\n }\n // Views path is handled by CollectionViewsState's own reaction.\n if (this.table.viewsProps) {\n return;\n }\n const stored = await this._getStoredCustomColumns();\n if (stored == null) {\n this.table.selectedColumns.reset();\n } else {\n await this._fetchFromStorage();\n }\n },\n ),\n ];\n\n return () => {\n disposers.forEach((disposer) => disposer?.());\n };\n }\n\n async _getStoredCustomColumns() {\n const { dataCapsule } = this.table;\n try {\n const storedValue = await asStoredColumnsOrNull(\n await dataCapsule.getItem(\n getCustomColumnsKeyForLayout(this.table.layoutState?.viewType),\n ),\n );\n this._touched = storedValue != null;\n return storedValue;\n } catch (e) {\n if (e instanceof Error && e.message === 'Key was not found in capsule') {\n return null;\n }\n\n throw e;\n }\n }\n\n _tableInit() {\n const {\n initTask,\n table: {\n multi: { collections },\n },\n } = this;\n initTask.runOnce(async () => {\n try {\n const beforeInitialFetchListeners =\n this.events.listeners('beforeInitialFetch');\n await Promise.all(beforeInitialFetchListeners.map((l) => l()));\n await this._fetchFromStorage();\n } catch (e) {\n console.error(e);\n }\n });\n\n collections.forEach((collection) => {\n if (collection.query.refreshOnColumnsChange) {\n collection.hooks.addListener(\n 'beforeInitialFetch',\n () => initTask.status.promise,\n );\n }\n });\n }\n\n async _fetchFromStorage() {\n const {\n table: {\n viewsProps,\n columns,\n selectedColumns,\n customColumnsState,\n _toStoredColumn,\n },\n } = this;\n\n if (viewsProps) {\n return;\n }\n\n if (\n customColumnsState?.customColumnsHistory?.hasUrlColumnsForCurrentLayout\n ) {\n return;\n }\n\n const storedCustomColumns = await this._getStoredCustomColumns();\n\n if (storedCustomColumns == null) {\n return;\n }\n\n const selectedColumnsFromStorage = columns.map((tableColumn) => {\n const existing = storedCustomColumns.find(\n (c) => c?.id === tableColumn.id,\n );\n\n // If the column is not found in the stored columns, it means it was added after the last visit, so its \"isSelected\" state should be calculated based on the column prop passed via code\n if (existing == null) {\n return _toStoredColumn(tableColumn);\n }\n\n // If the column is found in the stored columns, it means it was already configured by the user, so its \"isSelected\" state should be taken from the stored columns\n const { id, name, hideable, hiddenFromCustomColumnsSelection } =\n tableColumn;\n\n return {\n id,\n name,\n isSelected:\n storedCustomColumns.some(\n (c) => c?.id === id && c?.isSelected !== false,\n ) \|\|\n !hideable \|\|\n hiddenFromCustomColumnsSelection === true,\n };\n });\n\n selectedColumns.setValue(\n customColumnsState?.dragAndDrop\n ? selectedColumnsFromStorage.sort(\n indexOfCompareFn(storedCustomColumns, (e) => e?.id),\n )\n : selectedColumnsFromStorage,\n );\n }\n\n customizeColumnsInSidePanelBi({\n actionName,\n }: {\n actionName: CustomColumnsActionName;\n }) {\n if (this._performedCustomColumnsActions.get(actionName)) {\n return;\n }\n this._performedCustomColumnsActions.set(actionName, true);\n this.table.reportBi(\n withoutDefaults(cairoCustomizeColumnsInSidePanel)({\n actionName,\n }),\n );\n }\n\n get showFieldTypeIcons() {\n return this.table.showFieldTypeIcons;\n }\n\n get manageFieldsSource() {\n return this.table.collectionFieldsSource;\n }\n\n get sidePanelTransition() {\n return this.table.sidePanel.transition;\n }\n\n onClose() {\n this.table.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened: false,\n feature: 'Custom Columns',\n origin: 'X Button',\n }),\n );\n this.table.sidePanel.close();\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js CHANGED Viewed

@@ -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_ = "FormPageHeader3297557185";
+var _namespace_ = "FormPageHeader2813308965";
 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": "FormPageHeader3297557185__root"
+  "root": "FormPageHeader2813308965__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map CHANGED Viewed

	@@ -1 +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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~FormPageHeader3297557185~~\";\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\":\"~~FormPageHeader3297557185__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":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2813308965\";\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\":\"FormPageHeader2813308965__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":[]}