npm - @wix/patterns - Versions diffs - 1.353.0 → 1.355.0 - Mend

@wix/patterns 1.353.0 → 1.355.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 (331) hide show

package/dist/cjs/components/TabsFilter/TabsFilter.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/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~TabsFilter735757606~~\";\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\":\"~~TabsFilter735757606__root~~\",\"title\":\"~~TabsFilter735757606__title~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~qBAAqB~~;~~AACvC~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,~~2BAA2B~~;EAAC,OAAO,EAAC;~~AAA4B~~,CAAC;~~AACvF~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,~~CAAC~~,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2340373808\";\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\":\"TabsFilter2340373808__root\",\"title\":\"TabsFilter2340373808__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal1707694763";
+var _namespace_ = "ManageTagsModal3988193485";
 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": "ManageTagsModal1707694763__root"
+  "root": "ManageTagsModal3988193485__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem2110820632";
+var _namespace_ = "ToolbarItem501613990";
 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": "ToolbarItem2110820632__root"
+  "root": "ToolbarItem501613990__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js 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_ = "ToolbarItemBox244016149";
+var _namespace_ = "ToolbarItemBox1974553640";
 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": "ToolbarItemBox244016149__root"
+  "root": "ToolbarItemBox1974553640__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/common.st.css.js 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_ = "common3516241480";
+var _namespace_ = "common1456808948";
 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": "common3516241480__root",
-  "column": "common3516241480__column",
-  "fullHeight": "common3516241480__fullHeight"
+  "root": "common1456808948__root",
+  "column": "common1456808948__column",
+  "fullHeight": "common1456808948__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport {\n DropdownLayoutOption~~,\n DropdownLayoutValueOption,\n~~} from '@wix/design-system/dist/types/DropdownLayout';\n\nexport function useBuildOption<V>({\n filter,\n checkbox,\n renderItem,\n}: {\n filter: ArrayField<V>;\n renderItem?: (item: V, index: number) => ListItem;\n checkbox?: boolean;\n}) {\n return useCallback(\n (keyedItem: KeyedItem<V>, index: number) => {\n const { key, item } = keyedItem;\n const option = renderItem?.(item, index);\n\n const title = filter.itemName(item);\n\n return Object.assign(\n listItemSelectBuilder({\n id: key,\n checkbox,\n ellipsis: true,\n title: filter.itemName(item),\n label: title,\n ...option,\n }),\n {\n sectionId: option?.sectionId,\n keyedItem,\n },\n );\n },\n [renderItem, checkbox],\n );\n}\n\ntype ~~DropdownLayoutValueOptionWithSectionId~~ = ~~DropdownLayoutValueOption~~ & {\n sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n readonly items: ~~DropdownLayoutValueOptionWithSectionId~~[];\n readonly renderSection?: (\n sectionId: string,\n ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n items,\n renderSection,\n}: BuildSectionOptionsArgs) {\n return useMemo(() => {\n if (!renderSection) {\n return items;\n }\n\n const { groups } = items.reduce(\n (acc, option) => {\n const sectionId = option.sectionId \|\| '';\n\n let group;\n\n if (acc._cache[sectionId]) {\n group = acc._cache[sectionId];\n } else {\n group = [\n listItemSectionBuilder(renderSection(sectionId)),\n ] as DropdownLayoutOption[];\n acc.groups.push(group);\n acc._cache[sectionId] = group;\n }\n\n group.push(option);\n\n return acc;\n },\n {\n _cache: {} as Record<string, DropdownLayoutOption[]>,\n groups: [] as DropdownLayoutOption[][],\n },\n );\n\n return groups.flatMap((e) => e);\n }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;~~AAMO~~,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGN,UAAU,oBAAVA,UAAU,CAAGK,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGT,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPL,QAAQ;MACRc,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAET,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD;IACL,CAAC,CAAC,EACF;MACES,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACF,UAAU,EAAED,QAAQ,CACvB,CAAC;AACH;AAaO,SAASiB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport function useBuildOption<V>({\n filter,\n checkbox,\n renderItem,\n}: {\n filter: ArrayField<V>;\n renderItem?: (item: V, index: number) => ListItem;\n checkbox?: boolean;\n}) {\n return useCallback(\n (keyedItem: KeyedItem<V>, index: number) => {\n const { key, item } = keyedItem;\n const option = renderItem?.(item, index);\n\n const title = filter.itemName(item);\n\n return Object.assign(\n listItemSelectBuilder({\n id: key,\n checkbox,\n ellipsis: true,\n title: filter.itemName(item),\n label: title,\n ...option,\n }),\n {\n sectionId: option?.sectionId,\n keyedItem,\n },\n );\n },\n [renderItem, checkbox],\n );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n readonly items: DropdownLayoutOptionWithSectionId[];\n readonly renderSection?: (\n sectionId: string,\n ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n items,\n renderSection,\n}: BuildSectionOptionsArgs) {\n return useMemo(() => {\n if (!renderSection) {\n return items;\n }\n\n const { groups } = items.reduce(\n (acc, option) => {\n const sectionId = option.sectionId \|\| '';\n\n let group;\n\n if (acc._cache[sectionId]) {\n group = acc._cache[sectionId];\n } else {\n group = [\n listItemSectionBuilder(renderSection(sectionId)),\n ] as DropdownLayoutOption[];\n acc.groups.push(group);\n acc._cache[sectionId] = group;\n }\n\n group.push(option);\n\n return acc;\n },\n {\n _cache: {} as Record<string, DropdownLayoutOption[]>,\n groups: [] as DropdownLayoutOption[][],\n },\n );\n\n return groups.flatMap((e) => e);\n }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAGO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGN,UAAU,oBAAVA,UAAU,CAAGK,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGT,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPL,QAAQ;MACRc,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAET,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD;IACL,CAAC,CAAC,EACF;MACES,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACF,UAAU,EAAED,QAAQ,CACvB,CAAC;AACH;AAaO,SAASiB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader4066653821";
+var _namespace_ = "CollectionPageHeader998675131";
 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": "CollectionPageHeader4066653821__root"
+  "root": "CollectionPageHeader998675131__root"
 };
 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_ = \"~~CollectionPageHeader4066653821~~\";\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\":\"~~CollectionPageHeader4066653821__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~~,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;~~AAAsC~~,CAAC;~~AAC7D~~,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/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader998675131\";\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\":\"CollectionPageHeader998675131__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,+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;AAAqC,CAAC;AAC5D,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/DropdownCollectionFilterState.js CHANGED Viewed

@@ -11,8 +11,15 @@ class DropdownCollectionFilterState {
   get shouldShowPlaceholder() {
     return this.inputState.disableEditing || this.collectionFilter.collection.query.search.isEmpty;
   }
+  get inputValue() {
+    return this.shouldShowInputValue ? this.collectionFilter.collection.query.search.value : '';
+  }
+  get shouldShowInputValue() {
+    return this.dropdownSelect.dropdown.isOn || !this.inputState.disableEditing;
+  }
   onOptionsShow() {
     this.promotedItems = this.collectionFilter.select.selectedValues.map(item => item.key);
+    this.dropdownSelect.open();
   }
   constructor(params) {
     (0, _defineProperty2.default)(this, "container", void 0);
@@ -41,6 +48,8 @@ class DropdownCollectionFilterState {
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action.bound,
       shouldShowPlaceholder: _mobx.computed,
+      inputValue: _mobx.computed,
+      shouldShowInputValue: _mobx.computed,
       promotedItems: _mobx.observable.ref,
       onOptionsShow: _mobx.action.bound
     });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","onOptionsShow","promotedItems","select","selectedValues","map","item","key","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","filter","~~dropdownSelect","~~DropdownSelectState","toolbar","makeObservable","init","action","bound","computed","observable","ref","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n V,\n F extends FiltersMap = FiltersMap,\n> {\n collectionFilter: CollectionFilterState<V, F>;\n resetOnClose?: boolean;\n container: WixPatternsContainer;\n toolbar: FilterToolbarState;\n}\n\nexport class DropdownCollectionFilterState<\n V,\n F extends FiltersMap = FiltersMap,\n> {\n readonly container;\n readonly collectionFilter: DropdownCollectionFilterStateParams<\n V,\n F\n >['collectionFilter'];\n\n readonly dropdownSelect: DropdownSelectState<V>;\n readonly resetOnClose: DropdownCollectionFilterStateParams<\n V,\n F\n >['resetOnClose'];\n\n inputState;\n\n promotedItems: string[] = [];\n\n get shouldShowPlaceholder() {\n return (\n this.inputState.disableEditing \|\|\n this.collectionFilter.collection.query.search.isEmpty\n );\n }\n\n onOptionsShow() {\n this.promotedItems = this.collectionFilter.select.selectedValues.map(\n (item) => item.key,\n );\n }\n\n constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n this.resetOnClose = params.resetOnClose;\n this.container = params.container;\n this.inputState = new AutoCompleteReadonlyState();\n\n this.collectionFilter = params.collectionFilter;\n\n const { collectionFilter } = this;\n\n const { select, filter } = collectionFilter;\n\n this.dropdownSelect = new DropdownSelectState<V>({\n select,\n container: params.container,\n toolbar: params.toolbar,\n filter,\n });\n\n makeObservable(this, {\n init: action.bound,\n shouldShowPlaceholder: computed,\n promotedItems: observable.ref,\n onOptionsShow: action.bound,\n });\n }\n\n init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n const { dropdownSelect, resetOnClose, collectionFilter } = this;\n const { collection } = collectionFilter;\n\n const disposers = [\n dropdownSelect.init(),\n collection.init({\n skipInitialFetch,\n }),\n ];\n\n if (resetOnClose) {\n dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n }\n\n return () => {\n for (const disposer of disposers) {\n disposer();\n }\n\n if (resetOnClose) {\n dropdownSelect.events.removeListener(\n 'close',\n collection.resetFiltersAndRefresh,\n );\n }\n };\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAaO,MAAMG,6BAA6B,CAGxC;EAiBA,IAAIC,qBAAqBA,CAAA,EAAG;IAC1B,OACE,IAAI,CAACC,UAAU,CAACC,cAAc,IAC9B,IAAI,CAACC,gBAAgB,CAACC,UAAU,CAACC,KAAK,CAACC,MAAM,CAACC,OAAO;EAEzD;~~EAEAC~~,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,aAAa,GAAG,IAAI,~~CAACN~~,gBAAgB,~~CAACO~~,MAAM,CAACC,cAAc,CAACC,GAAG,CACjEC,IAAI,IAAKA,IAAI,CAACC,GACjB,CAAC;~~EACH~~;EAEAC,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,~~yBAfrC~~,EAAE;~~IAgB1B~~,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,~~CAACnB~~,UAAU,GAAG,~~IAAIoB~~,oDAAyB,CAAC,CAAC;IAEjD,IAAI,~~CAAClB~~,gBAAgB,~~GAAGa~~,MAAM,~~CAACb~~,gBAAgB;IAE/C,MAAM;MAAEA;IAAiB,CAAC,GAAG,IAAI;IAEjC,MAAM;~~MAAEO~~,MAAM;~~MAAEY~~;IAAO,CAAC,~~GAAGnB~~,gBAAgB;IAE3C,IAAI,~~CAACoB~~,cAAc,GAAG,~~IAAIC~~,wCAAmB,CAAI;MAC/Cd,MAAM;~~MACNU~~,SAAS,EAAEJ,MAAM,CAACI,SAAS;~~MAC3BK~~,OAAO,~~EAAET~~,MAAM,~~CAACS~~,OAAO;~~MACvBH~~;IACF,CAAC,CAAC;IAEF,~~IAAAI~~,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,YAAM,CAACC,KAAK;~~MAClB7B~~,qBAAqB,~~EAAE8B~~,cAAQ;MAC/~~BrB~~,aAAa,EAAEsB,gBAAU,CAACC,GAAG;MAC7BxB,aAAa,EAAEoB,YAAM,CAACC;IACxB,CAAC,CAAC;EACJ;EAEAF,IAAIA,CAAC;IAAEM;EAAiD,CAAC,GAAG,CAAC,CAAC,EAAE;IAC9D,MAAM;~~MAAEV~~,cAAc;~~MAAEJ~~,YAAY;~~MAAEhB~~;IAAiB,CAAC,GAAG,IAAI;IAC/D,MAAM;MAAEC;IAAW,CAAC,GAAGD,gBAAgB;IAEvC,~~MAAM+B~~,SAAS,GAAG,~~CAChBX~~,cAAc,~~CAACI~~,IAAI,CAAC,CAAC,~~EACrBvB~~,UAAU,~~CAACuB~~,IAAI,CAAC;MACdM;IACF,CAAC,CAAC,CACH;IAED,~~IAAId~~,YAAY,EAAE;~~MAChBI~~,cAAc,~~CAACY~~,MAAM,CAACC,EAAE,CAAC,OAAO,~~EAAEhC~~,UAAU,~~CAACiC~~,sBAAsB,CAAC;IACtE;IAEA,OAAO,MAAM;MACX,KAAK,MAAMC,QAAQ,IAAIJ,SAAS,EAAE;QAChCI,QAAQ,CAAC,CAAC;MACZ;MAEA,~~IAAInB~~,YAAY,EAAE;~~QAChBI~~,cAAc,~~CAACY~~,MAAM,CAACI,cAAc,CAClC,OAAO,~~EACPnC~~,UAAU,~~CAACiC~~,sBACb,CAAC;MACH;IACF,CAAC;EACH;AACF;AAACG,OAAA,~~CAAAzC~~,6BAAA,GAAAA,6BAAA","ignoreList":[]}
1	+ {"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","inputValue","shouldShowInputValue","value","dropdownSelect","dropdown","isOn","onOptionsShow","promotedItems","select","selectedValues","map","item","key","open","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","filter","DropdownSelectState","toolbar","makeObservable","init","action","bound","computed","observable","ref","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n V,\n F extends FiltersMap = FiltersMap,\n> {\n collectionFilter: CollectionFilterState<V, F>;\n resetOnClose?: boolean;\n container: WixPatternsContainer;\n toolbar: FilterToolbarState;\n}\n\nexport class DropdownCollectionFilterState<\n V,\n F extends FiltersMap = FiltersMap,\n> {\n readonly container;\n readonly collectionFilter: DropdownCollectionFilterStateParams<\n V,\n F\n >['collectionFilter'];\n\n readonly dropdownSelect: DropdownSelectState<V>;\n readonly resetOnClose: DropdownCollectionFilterStateParams<\n V,\n F\n >['resetOnClose'];\n\n inputState;\n\n promotedItems: string[] = [];\n\n get shouldShowPlaceholder() {\n return (\n this.inputState.disableEditing \|\|\n this.collectionFilter.collection.query.search.isEmpty\n );\n }\n\n get inputValue() {\n return this.shouldShowInputValue\n ? this.collectionFilter.collection.query.search.value\n : '';\n }\n\n get shouldShowInputValue() {\n return this.dropdownSelect.dropdown.isOn \|\| !this.inputState.disableEditing;\n }\n\n onOptionsShow() {\n this.promotedItems = this.collectionFilter.select.selectedValues.map(\n (item) => item.key,\n );\n this.dropdownSelect.open();\n }\n\n constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n this.resetOnClose = params.resetOnClose;\n this.container = params.container;\n this.inputState = new AutoCompleteReadonlyState();\n\n this.collectionFilter = params.collectionFilter;\n\n const { collectionFilter } = this;\n\n const { select, filter } = collectionFilter;\n\n this.dropdownSelect = new DropdownSelectState<V>({\n select,\n container: params.container,\n toolbar: params.toolbar,\n filter,\n });\n\n makeObservable(this, {\n init: action.bound,\n shouldShowPlaceholder: computed,\n inputValue: computed,\n shouldShowInputValue: computed,\n promotedItems: observable.ref,\n onOptionsShow: action.bound,\n });\n }\n\n init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n const { dropdownSelect, resetOnClose, collectionFilter } = this;\n const { collection } = collectionFilter;\n\n const disposers = [\n dropdownSelect.init(),\n collection.init({\n skipInitialFetch,\n }),\n ];\n\n if (resetOnClose) {\n dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n }\n\n return () => {\n for (const disposer of disposers) {\n disposer();\n }\n\n if (resetOnClose) {\n dropdownSelect.events.removeListener(\n 'close',\n collection.resetFiltersAndRefresh,\n );\n }\n };\n }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -47,6 +47,7 @@ class DropdownSelectState {
       delete: _mobx.action,
       deleteKey: _mobx.action,
       init: _mobx.action.bound,
+      open: _mobx.action.bound,
       clear: _mobx.action.bound,
       syncSelectedItems: _mobx.action.bound,
       syncSelectedItemsIfChanged: _mobx.action.bound
@@ -174,6 +175,14 @@ class DropdownSelectState {
     dropdown.setOff();
     events.emit('close');
   }
+  open() {
+    const {
+      dropdown,
+      events
+    } = this;
+    dropdown.setOn();
+    events.emit('open');
+  }
   closeAndChangeSelectedItems() {
     this.close();
     const {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","_events","DropdownSelectState","constructor","params","_defineProperty2","default","ToggleState","EventEmitter","item","index","filter","key","itemKey","id","indexWithinPage","pageIndex","container","toolbar","select","SelectState","keyGetter","value","_filter","makeObservable","filterKeyedItems","computed","filterKeyedItemsMap","finalFilterKeyedItems","finalFilterKeyedItemsMap","selectedItems","keepAlive","set","action","delete","deleteKey","init","bound","clear","syncSelectedItems","syncSelectedItemsIfChanged","Map","map","e","getPendingFilter","hasPendingFilter","toKeyedItem","events","finalizeMany","emit","selectedValues","refreshIfChanged","actionType","clickedValueKey","setSingle","options","setValue","emitEvents","close","dropdown","setOff","closeAndChangeSelectedItems","disposers","reaction","forEach","d","exports"],"sources":["../../../src/state/DropdownSelectState.ts"],"sourcesContent":["import {\n ArrayField,\n WixPatternsContainer,\n KeyedItem,\n SelectState,\n ToggleState,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { EventEmitter } from '@wix/bex-core/events';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownSelectStateParams<V> {\n container: WixPatternsContainer;\n toolbar: FilterToolbarState;\n select?: SelectState<KeyedItem<V>>;\n filter: ArrayField<V>;\n}\n\nexport class DropdownSelectState<V> {\n readonly container;\n readonly toolbar;\n readonly select: SelectState<KeyedItem<V>>;\n readonly _filter: DropdownSelectStateParams<V>['filter'];\n\n readonly dropdown = new ToggleState();\n\n readonly events = new EventEmitter();\n\n constructor(params: DropdownSelectStateParams<V>) {\n this.container = params.container;\n this.toolbar = params.toolbar;\n this.select =\n params.select ??\n new SelectState<KeyedItem<V>>({\n keyGetter: (value) => value.key,\n });\n this._filter = params.filter;\n\n makeObservable(this, {\n filterKeyedItems: computed,\n filterKeyedItemsMap: computed,\n finalFilterKeyedItems: computed,\n finalFilterKeyedItemsMap: computed,\n selectedItems: computed({\n keepAlive: true,\n }),\n set: action,\n delete: action,\n deleteKey: action,\n init: action.bound,\n clear: action.bound,\n syncSelectedItems: action.bound,\n syncSelectedItemsIfChanged: action.bound,\n });\n\n this.syncSelectedItems();\n }\n\n get filterKeyedItemsMap() {\n return new Map<string, KeyedItem<V>>(\n this.filterKeyedItems.map((e) => [e.key, e]),\n );\n }\n\n get filter(): ArrayField<V> {\n return this.toolbar.getPendingFilter(this._filter);\n }\n\n get hasPendingFilter() {\n return this._filter !== this.filter;\n }\n\n toKeyedItem = (item: V, index: number) => {\n const { filter } = this;\n\n const key = filter.itemKey(item);\n return {\n id: key,\n key,\n item,\n index,\n indexWithinPage: index,\n pageIndex: 0,\n };\n };\n\n get finalFilterKeyedItems() {\n const { _filter } = this;\n return _filter.value.map(this.toKeyedItem);\n }\n\n get finalFilterKeyedItemsMap() {\n return new Map<string, KeyedItem<V>>(\n this.finalFilterKeyedItems.map((e) => [e.key, e]),\n );\n }\n\n get filterKeyedItems() {\n const { filter } = this;\n return filter.value.map(this.toKeyedItem);\n }\n\n syncSelectedItems() {\n const { select, events } = this;\n select.clear();\n select.finalizeMany(this.filterKeyedItems);\n events.emit('syncSelectedItems');\n }\n\n syncSelectedItemsIfChanged() {\n const { selectedItems, filter } = this;\n if (filter.value !== selectedItems) {\n this.syncSelectedItems();\n }\n }\n\n get selectedItems() {\n const { select } = this;\n return select.selectedValues.map(({ item }) => item);\n }\n\n set(item: KeyedItem<V>) {\n const { select } = this;\n select.set(item);\n this.refreshIfChanged({ actionType: 'add', clickedValueKey: item.key });\n }\n\n setSingle(item: KeyedItem<V>) {\n const { select } = this;\n select.clear();\n this.set(item);\n }\n\n clear() {\n const { select } = this;\n select.clear();\n this.refreshIfChanged({ actionType: 'remove', clickedValueKey: '' });\n }\n\n delete(item: KeyedItem<V>) {\n const { select } = this;\n select.delete(item);\n this.refreshIfChanged({ actionType: 'remove', clickedValueKey: item.key });\n }\n\n deleteKey(key: string) {\n const { select } = this;\n select.deleteKey(key);\n this.refreshIfChanged({ actionType: 'remove', clickedValueKey: key });\n }\n\n refreshIfChanged(\n options: { actionType?: 'add' \| 'remove'; clickedValueKey?: string } = {},\n ) {\n const { selectedItems, filter } = this;\n\n if (filter == null) {\n return;\n }\n\n if (filter.value === selectedItems) {\n return;\n }\n\n filter.setValue(selectedItems, {\n emitEvents: ['change', 'beforeRefresh', 'refresh'],\n ...options,\n });\n }\n\n close() {\n const { dropdown, events } = this;\n dropdown.setOff();\n events.emit('close');\n }\n\n closeAndChangeSelectedItems() {\n this.close();\n const { selectedItems, filter } = this;\n\n if (filter.value === selectedItems) {\n return;\n }\n\n filter.setValue(selectedItems, {\n emitEvents: ['change', 'beforeRefresh', 'refresh'],\n actionType: 'add',\n });\n }\n\n init() {\n const { filter } = this;\n\n const disposers = [\n reaction(() => filter?.value, this.syncSelectedItemsIfChanged),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","_events","DropdownSelectState","constructor","params","_defineProperty2","default","ToggleState","EventEmitter","item","index","filter","key","itemKey","id","indexWithinPage","pageIndex","container","toolbar","select","SelectState","keyGetter","value","_filter","makeObservable","filterKeyedItems","computed","filterKeyedItemsMap","finalFilterKeyedItems","finalFilterKeyedItemsMap","selectedItems","keepAlive","set","action","delete","deleteKey","init","bound","open","clear","syncSelectedItems","syncSelectedItemsIfChanged","Map","map","e","getPendingFilter","hasPendingFilter","toKeyedItem","events","finalizeMany","emit","selectedValues","refreshIfChanged","actionType","clickedValueKey","setSingle","options","setValue","emitEvents","close","dropdown","setOff","setOn","closeAndChangeSelectedItems","disposers","reaction","forEach","d","exports"],"sources":["../../../src/state/DropdownSelectState.ts"],"sourcesContent":["import {\n ArrayField,\n WixPatternsContainer,\n KeyedItem,\n SelectState,\n ToggleState,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { EventEmitter } from '@wix/bex-core/events';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownSelectStateParams<V> {\n container: WixPatternsContainer;\n toolbar: FilterToolbarState;\n select?: SelectState<KeyedItem<V>>;\n filter: ArrayField<V>;\n}\n\nexport class DropdownSelectState<V> {\n readonly container;\n readonly toolbar;\n readonly select: SelectState<KeyedItem<V>>;\n readonly _filter: DropdownSelectStateParams<V>['filter'];\n\n readonly dropdown = new ToggleState();\n\n readonly events = new EventEmitter();\n\n constructor(params: DropdownSelectStateParams<V>) {\n this.container = params.container;\n this.toolbar = params.toolbar;\n this.select =\n params.select ??\n new SelectState<KeyedItem<V>>({\n keyGetter: (value) => value.key,\n });\n this._filter = params.filter;\n\n makeObservable(this, {\n filterKeyedItems: computed,\n filterKeyedItemsMap: computed,\n finalFilterKeyedItems: computed,\n finalFilterKeyedItemsMap: computed,\n selectedItems: computed({\n keepAlive: true,\n }),\n set: action,\n delete: action,\n deleteKey: action,\n init: action.bound,\n open: action.bound,\n clear: action.bound,\n syncSelectedItems: action.bound,\n syncSelectedItemsIfChanged: action.bound,\n });\n\n this.syncSelectedItems();\n }\n\n get filterKeyedItemsMap() {\n return new Map<string, KeyedItem<V>>(\n this.filterKeyedItems.map((e) => [e.key, e]),\n );\n }\n\n get filter(): ArrayField<V> {\n return this.toolbar.getPendingFilter(this._filter);\n }\n\n get hasPendingFilter() {\n return this._filter !== this.filter;\n }\n\n toKeyedItem = (item: V, index: number) => {\n const { filter } = this;\n\n const key = filter.itemKey(item);\n return {\n id: key,\n key,\n item,\n index,\n indexWithinPage: index,\n pageIndex: 0,\n };\n };\n\n get finalFilterKeyedItems() {\n const { _filter } = this;\n return _filter.value.map(this.toKeyedItem);\n }\n\n get finalFilterKeyedItemsMap() {\n return new Map<string, KeyedItem<V>>(\n this.finalFilterKeyedItems.map((e) => [e.key, e]),\n );\n }\n\n get filterKeyedItems() {\n const { filter } = this;\n return filter.value.map(this.toKeyedItem);\n }\n\n syncSelectedItems() {\n const { select, events } = this;\n select.clear();\n select.finalizeMany(this.filterKeyedItems);\n events.emit('syncSelectedItems');\n }\n\n syncSelectedItemsIfChanged() {\n const { selectedItems, filter } = this;\n if (filter.value !== selectedItems) {\n this.syncSelectedItems();\n }\n }\n\n get selectedItems() {\n const { select } = this;\n return select.selectedValues.map(({ item }) => item);\n }\n\n set(item: KeyedItem<V>) {\n const { select } = this;\n select.set(item);\n this.refreshIfChanged({ actionType: 'add', clickedValueKey: item.key });\n }\n\n setSingle(item: KeyedItem<V>) {\n const { select } = this;\n select.clear();\n this.set(item);\n }\n\n clear() {\n const { select } = this;\n select.clear();\n this.refreshIfChanged({ actionType: 'remove', clickedValueKey: '' });\n }\n\n delete(item: KeyedItem<V>) {\n const { select } = this;\n select.delete(item);\n this.refreshIfChanged({ actionType: 'remove', clickedValueKey: item.key });\n }\n\n deleteKey(key: string) {\n const { select } = this;\n select.deleteKey(key);\n this.refreshIfChanged({ actionType: 'remove', clickedValueKey: key });\n }\n\n refreshIfChanged(\n options: { actionType?: 'add' \| 'remove'; clickedValueKey?: string } = {},\n ) {\n const { selectedItems, filter } = this;\n\n if (filter == null) {\n return;\n }\n\n if (filter.value === selectedItems) {\n return;\n }\n\n filter.setValue(selectedItems, {\n emitEvents: ['change', 'beforeRefresh', 'refresh'],\n ...options,\n });\n }\n\n close() {\n const { dropdown, events } = this;\n dropdown.setOff();\n events.emit('close');\n }\n\n open() {\n const { dropdown, events } = this;\n dropdown.setOn();\n events.emit('open');\n }\n\n closeAndChangeSelectedItems() {\n this.close();\n const { selectedItems, filter } = this;\n\n if (filter.value === selectedItems) {\n return;\n }\n\n filter.setValue(selectedItems, {\n emitEvents: ['change', 'beforeRefresh', 'refresh'],\n actionType: 'add',\n });\n }\n\n init() {\n const { filter } = this;\n\n const disposers = [\n reaction(() => filter?.value, this.syncSelectedItemsIfChanged),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\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_ = "FormPageHeader871981345";
+var _namespace_ = "FormPageHeader3976611179";
 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": "FormPageHeader871981345__root"
+  "root": "FormPageHeader3976611179__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_ = \"~~FormPageHeader871981345~~\";\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\":\"~~FormPageHeader871981345__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~yBAAyB~~;~~AAC3C~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;~~AAA+B~~,CAAC;~~AACtD~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
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_ = \"FormPageHeader3976611179\";\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\":\"FormPageHeader3976611179__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -27,28 +27,21 @@ const updatePresetViews = (presets, hiddenPresetIds) => {
     }))) ?? [])];
   }, []);
 };
-const toNonPresetViews = (views, categoryId) => {
+const toNonPresetViews = views => {
   return views.map(v => ({
     ...v,
-    categoryId,
     isPreset: false,
-    categorySortInd: _model.SAVED_VIEWS_SORT_IND
+    categorySortInd: v.id === _model.ALL_ITEMS_VIEW_ID ? _model.ALL_ITEMS_SORT_IND : _model.SAVED_VIEWS_SORT_IND
   }));
 };
 const getBasicCategories = presets => {
-  return {
-    [_model.SAVED_VIEWS_ID]: {
-      id: _model.SAVED_VIEWS_ID,
-      name: ''
-    },
-    ...presets.reduce((prev, {
-      views,
-      ...basicCategory
-    }) => ({
-      ...prev,
-      [basicCategory.id]: basicCategory
-    }), {})
-  };
+  return presets.reduce((prev, {
+    views,
+    ...basicCategory
+  }) => ({
+    ...prev,
+    [basicCategory.id]: basicCategory
+  }), {});
 };
 class ViewsState {
   constructor(params) {
@@ -111,7 +104,8 @@ class ViewsState {
         const {
           viewsService,
           collection,
-          allItemsViewProps
+          allItemsViewProps,
+          container
         } = this;
         if (collection.initTask.status.isLoading) {
           var _this$_migrateOrdersV, _this$_fixMissingCont;
@@ -124,17 +118,33 @@ class ViewsState {
           views = [],
           hiddenPresetIds = []
         } = result ?? {};
-        const items = [];
-        if (!allItemsViewProps.hidden ||
-        // we ignore the hidden flag if there are no presets
-        this.presets.every(pr => {
-          var _pr$views;
-          return !((_pr$views = pr.views) != null && _pr$views.length);
-        })) {
-          items.push(await this.getAllItemsView(this.allItemsViewProps));
+        // Check if "All Items" view exists or was deleted by user
+        const allItemsExists = views.some(v => v.id === _model.ALL_ITEMS_VIEW_ID);
+        const allItemsWasDeleted = hiddenPresetIds.includes(_model.ALL_ITEMS_VIEW_ID);
+        const shouldAddAllItems = !allItemsExists && !allItemsWasDeleted && !allItemsViewProps.hidden;
+        if (shouldAddAllItems) {
+          await container.initTask.status.promise;
+          const hasExistingDefault = views.some(v => v.isDefaultView);
+          const allItemsView = {
+            id: _model.ALL_ITEMS_VIEW_ID,
+            name: allItemsViewProps.name ?? container.translate('cairo.viewsDropdown.allItems.label'),
+            isDefaultView: !hasExistingDefault,
+            selectedColumns: allItemsViewProps.selectedColumns,
+            sortDirections: allItemsViewProps.sortDirections,
+            orderedColumns: allItemsViewProps.orderedColumns,
+            layout: allItemsViewProps.layout
+          };
+          views.unshift(allItemsView);
         }
-        items.push(...(toNonPresetViews(views, _model.SAVED_VIEWS_ID) ?? []));
+        const items = [];
+        items.push(...(toNonPresetViews(views) ?? []));
         items.push(...updatePresetViews(this.presets, hiddenPresetIds));
+        const allItemsIdx = items.findIndex(i => i.id === _model.ALL_ITEMS_VIEW_ID);
+        if (allItemsIdx > 0) {
+          const [allItems] = items.splice(allItemsIdx, 1);
+          items.unshift(allItems);
+        }
         return {
           items
         };
@@ -156,6 +166,9 @@ class ViewsState {
       orderBy: ({
         sort
       }) => [...(sort || []), {
+        fieldName: item => item.id === _model.ALL_ITEMS_VIEW_ID ? '0' : '1',
+        order: 'asc'
+      }, {
         fieldName: item => item.categorySortInd,
         order: 'asc'
       }]
@@ -177,20 +190,7 @@ class ViewsState {
     });
   }
   _getAllItemsAndPresetViews() {
-    const {
-      allItemsViewProps
-    } = this;
-    const items = [];
-    if (!allItemsViewProps.hidden ||
-    // we ignore the hidden flag if there are no presets
-    this.presets.every(pr => {
-      var _pr$views2;
-      return !((_pr$views2 = pr.views) != null && _pr$views2.length);
-    })) {
-      items.push(this.getAllItemsViewBase(this.allItemsViewProps));
-    }
-    items.push(...updatePresetViews(this.presets, []));
-    return items;
+    return updatePresetViews(this.presets, []);
   }
   _getInitialSelectItem(items) {
     const {
@@ -274,26 +274,6 @@ class ViewsState {
     var _this$currentView;
     return ((_this$currentView = this.currentView) == null ? void 0 : _this$currentView.id) === this.defaultViewId;
   }
-  async getAllItemsView(view) {
-    const {
-      container
-    } = this;
-    await container.initTask.status.promise;
-    return {
-      ...this.getAllItemsViewBase(view),
-      name: view.name ?? container.translate('cairo.viewsDropdown.allItems.label')
-    };
-  }
-  getAllItemsViewBase(view) {
-    return {
-      categorySortInd: _model.ALL_ITEMS_SORT_IND,
-      id: _model.ALL_ITEMS_VIEW_ID,
-      name: view.name ?? '',
-      selectedColumns: view.selectedColumns,
-      sortDirections: view.sortDirections,
-      isPreset: true
-    };
-  }
   async saveViewChanges(viewBase) {
     if (!this.currentView) {
       return null;
@@ -313,7 +293,6 @@ class ViewsState {
     return {
       ...viewBase,
       categorySortInd: _model.SAVED_VIEWS_SORT_IND,
-      categoryId: _model.SAVED_VIEWS_ID,
       isPreset: false,
       name,
       id: (0, _uuid.v4)(),
@@ -400,6 +379,10 @@ class ViewsState {
           await viewsService.updateHiddenPreset(id);
         } else {
           await viewsService.deleteView(view);
+          // Track "All Items" deletion so it won't be recreated on next load
+          if (id === _model.ALL_ITEMS_VIEW_ID) {
+            await viewsService.updateHiddenPreset(id);
+          }
         }
       },
       onUndo: () => {