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/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect1565624507";
+var _namespace_ = "MultipleDragOverlayEffect4261246819";
 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": "MultipleDragOverlayEffect1565624507__root"
+  "root": "MultipleDragOverlayEffect4261246819__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~MultipleDragOverlayEffect1565624507~~\";\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\":\"~~MultipleDragOverlayEffect1565624507__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect4261246819\";\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\":\"MultipleDragOverlayEffect4261246819__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow3605272399";
+var _namespace_ = "NestedTableDragAndDropRow2674054095";
 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": "NestedTableDragAndDropRow3605272399__root"
+  "root": "NestedTableDragAndDropRow2674054095__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~NestedTableDragAndDropRow3605272399~~\";\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\":\"~~NestedTableDragAndDropRow3605272399__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2674054095\";\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\":\"NestedTableDragAndDropRow2674054095__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/PickerContent/PickerContent.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_ = "PickerContent1227726627";
+var _namespace_ = "PickerContent485154672";
 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": "PickerContent1227726627__root"
+  "root": "PickerContent485154672__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~PickerContent1227726627~~\";\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\":\"~~PickerContent1227726627__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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent485154672\";\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\":\"PickerContent485154672__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/PickerContent/PickerContentAdditionalStep.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_ = "PickerContentAdditionalStep4012553907";
+var _namespace_ = "PickerContentAdditionalStep2098613398";
 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": "PickerContentAdditionalStep4012553907__root",
-  "titles": "PickerContentAdditionalStep4012553907__titles",
-  "suffix": "PickerContentAdditionalStep4012553907__suffix"
+  "root": "PickerContentAdditionalStep2098613398__root",
+  "titles": "PickerContentAdditionalStep2098613398__titles",
+  "suffix": "PickerContentAdditionalStep2098613398__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~PickerContentAdditionalStep4012553907~~\";\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\":\"~~PickerContentAdditionalStep4012553907__root~~\",\"titles\":\"~~PickerContentAdditionalStep4012553907__titles~~\",\"suffix\":\"~~PickerContentAdditionalStep4012553907__suffix~~\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2098613398\";\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\":\"PickerContentAdditionalStep2098613398__root\",\"titles\":\"PickerContentAdditionalStep2098613398__titles\",\"suffix\":\"PickerContentAdditionalStep2098613398__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem177832388";
+var _namespace_ = "PickerTableListItem3838836186";
 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": "PickerTableListItem177832388__root"
+  "root": "PickerTableListItem3838836186__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~PickerTableListItem177832388~~\";\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\":\"~~PickerTableListItem177832388__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG~~,8BAA8B~~;~~AAChD~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;~~AAAoC~~,CAAC;~~AAC3D~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3838836186\";\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\":\"PickerTableListItem3838836186__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/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent1892891984";
+var _namespace_ = "ScrollableContent847120716";
 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": "ScrollableContent1892891984__root"
+  "root": "ScrollableContent847120716__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ScrollableContent1892891984~~\";\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\":\"~~ScrollableContent1892891984__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,~~6BAA6B~~;~~AAC/C~~,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;~~AAAmC~~,CAAC;~~AAC1D~~,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent847120716\";\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\":\"ScrollableContent847120716__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/SingleSelectFilterBase/SingleSelectFilterBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","default","createElement","Dropdown","_extends2","ref","current","dataHook","name","border","closeOnSelect","onClear","clear","undefined","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n Dropdown,\n ~~DropdownLayoutValueOption~~,\n DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = ~~DropdownLayoutValueOption~~ & {\n keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n FilterProps<V[]> {\n filter: Filter<V[]>;\n renderItem?: (item: V, index: number) => ListItem;\n renderSection?: BuildSectionOptionsArgs['renderSection'];\n dropdownSelect: DropdownSelectState<V>;\n placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n const {\n filter,\n dropdownSelect,\n placeholder,\n onSelect,\n renderItem,\n renderSection,\n clearButton,\n disabled,\n options = [],\n popoverProps,\n ...rest\n } = props;\n\n const {\n select: { selectedValues },\n container: { translate: t },\n } = dropdownSelect;\n\n const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n popoverProps,\n });\n\n return (\n <Dropdown\n inputRef={(ref) => {\n inputRef.current = ref;\n }}\n dataHook={`collection-filter-${filter.name}`}\n border=\"round\"\n closeOnSelect\n options={options}\n clearButton={clearButton}\n onClear={clearButton ? dropdownSelect.clear : undefined}\n onClose={() => {\n dropdownSelect.close();\n }}\n selectedId={selectedValues[0]?.key}\n valueParser={(option) => option.label}\n textOverflow=\"ellipsis\"\n placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n onSelect={(option) => {\n const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n if (keyedItem) {\n dropdownSelect.setSingle(keyedItem);\n }\n onSelect?.(option, false);\n }}\n popoverProps={windowFlipPopoverProps}\n {...rest}\n />\n );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AAAkF,IAAAK,YAAA;AAgBlF,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAM;IAAEe,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrET;EACF,CAAC,CAAC;EAEF,oBACEjB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPF,QAAQ,EAAGM,GAAG,IAAK;MACjBN,QAAQ,CAACO,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBzB,MAAM,CAAC0B,IAAI,EAAG;IAC7CC,MAAM,EAAC,OAAO;IACdC,aAAa;IACbpB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBuB,OAAO,EAAEvB,WAAW,GAAGL,cAAc,CAAC6B,KAAK,GAAGC,SAAU;IACxDC,OAAO,EAAEA,CAAA,KAAM;MACb/B,cAAc,CAACgC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAnC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBoC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBrC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAGkC,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACbvC,cAAc,CAACwC,SAAS,CAACD,SAAS,CAAC;MACrC;MACArC,QAAQ,YAARA,QAAQ,CAAGkC,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACF5B,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACpD,uBAAuB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","default","createElement","Dropdown","_extends2","ref","current","dataHook","name","border","closeOnSelect","onClear","clear","undefined","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n Dropdown,\n DropdownLayoutOption,\n DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n FilterProps<V[]> {\n filter: Filter<V[]>;\n renderItem?: (item: V, index: number) => ListItem;\n renderSection?: BuildSectionOptionsArgs['renderSection'];\n dropdownSelect: DropdownSelectState<V>;\n placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n const {\n filter,\n dropdownSelect,\n placeholder,\n onSelect,\n renderItem,\n renderSection,\n clearButton,\n disabled,\n options = [],\n popoverProps,\n ...rest\n } = props;\n\n const {\n select: { selectedValues },\n container: { translate: t },\n } = dropdownSelect;\n\n const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n popoverProps,\n });\n\n return (\n <Dropdown\n inputRef={(ref) => {\n inputRef.current = ref;\n }}\n dataHook={`collection-filter-${filter.name}`}\n border=\"round\"\n closeOnSelect\n options={options}\n clearButton={clearButton}\n onClear={clearButton ? dropdownSelect.clear : undefined}\n onClose={() => {\n dropdownSelect.close();\n }}\n selectedId={selectedValues[0]?.key}\n valueParser={(option) => option.label}\n textOverflow=\"ellipsis\"\n placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n onSelect={(option) => {\n const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n if (keyedItem) {\n dropdownSelect.setSingle(keyedItem);\n }\n onSelect?.(option, false);\n }}\n popoverProps={windowFlipPopoverProps}\n {...rest}\n />\n );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AAAkF,IAAAK,YAAA;AAgBlF,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAM;IAAEe,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrET;EACF,CAAC,CAAC;EAEF,oBACEjB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPF,QAAQ,EAAGM,GAAG,IAAK;MACjBN,QAAQ,CAACO,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBzB,MAAM,CAAC0B,IAAI,EAAG;IAC7CC,MAAM,EAAC,OAAO;IACdC,aAAa;IACbpB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBuB,OAAO,EAAEvB,WAAW,GAAGL,cAAc,CAAC6B,KAAK,GAAGC,SAAU;IACxDC,OAAO,EAAEA,CAAA,KAAM;MACb/B,cAAc,CAACgC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAnC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBoC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBrC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAGkC,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACbvC,cAAc,CAACwC,SAAS,CAACD,SAAS,CAAC;MACrC;MACArC,QAAQ,YAARA,QAAQ,CAAGkC,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACF5B,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACpD,uBAAuB,CAAC","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard1199588018";
+var _namespace_ = "SkeletonCard89223222";
 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": "SkeletonCard1199588018__root",
-  "headerLoading": "SkeletonCard1199588018__headerLoading"
+  "root": "SkeletonCard89223222__root",
+  "headerLoading": "SkeletonCard89223222__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SkeletonCard1199588018~~\";\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\":\"~~SkeletonCard1199588018__root~~\",\"headerLoading\":\"~~SkeletonCard1199588018__headerLoading~~\"};\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,~~wBAAwB~~;~~AAC1C~~,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,~~8BAA8B~~;EAAC,eAAe,EAAC;~~AAAuC~~,CAAC;~~AAC7G~~,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard89223222\";\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\":\"SkeletonCard89223222__root\",\"headerLoading\":\"SkeletonCard89223222__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,eAAe,EAAC;AAAqC,CAAC;AACzG,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/SlidingModal/SlidingModal.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_ = "SlidingModal1303239132";
+var _namespace_ = "SlidingModal2713679544";
 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": "SlidingModal1303239132__root"
+  "root": "SlidingModal2713679544__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SlidingModal1303239132~~\";\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\":\"~~SlidingModal1303239132__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2713679544\";\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\":\"SlidingModal2713679544__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabTitle.js CHANGED Viewed

@@ -13,6 +13,7 @@ function _TabTitle({
   state,
   text,
   value,
+  active,
   counterBadge
 }) {
   const badge = counterBadge == null ? void 0 : counterBadge(value);
@@ -26,14 +27,16 @@ function _TabTitle({
     };
   }, [badgeRef.current]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.root),
+    className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.root, {
+      selected: !!active
+    }),
     dataHook: "tabs-filter-tab-title",
     verticalAlign: "middle",
     align: "center",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -43,7 +46,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 44,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -53,7 +56,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 45,
       columnNumber: 9
     }
   }, text)), badge && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -62,7 +65,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 50,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -74,7 +77,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 51,
       columnNumber: 11
     }
   }, badge)));

package/dist/cjs/components/TabsFilter/TabTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n tabIndex: number;\n state: TabsResponsiveState;\n text?: string;\n value: V \| null \| undefined;\n counterBadge?: (value: V \| null \| undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n tabIndex,\n state,\n text,\n value,\n counterBadge,\n}: TabTitleProps<V>) {\n const badge = counterBadge?.(value);\n const badgeRef = useRef<HTMLSpanElement>();\n\n useEffect(() => {\n if (badgeRef.current) {\n state.badges.set(tabIndex, badgeRef.current);\n }\n\n return () => {\n state.badges.delete(tabIndex);\n };\n }, [badgeRef.current]);\n\n return (\n <Box\n className={st(classes.root)}\n dataHook=\"tabs-filter-tab-title\"\n verticalAlign=\"middle\"\n align=\"center\"\n >\n <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n {text}\n </Text>\n </Box>\n {badge && (\n <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n <div\n ref={(node) => {\n if (node) {\n badgeRef.current = node;\n }\n }}\n >\n {badge}\n </div>\n </Box>\n )}\n </Box>\n );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;~~AAUrD~~,SAASkB,SAASA,CAAI;EACpBC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAGD,YAAY,oBAAZA,YAAY,~~CAAGD~~,KAAK,CAAC;EACnC,~~MAAMG~~,QAAQ,GAAG,IAAAC,aAAM,EAAkB,CAAC;EAE1C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIF,QAAQ,CAACG,OAAO,EAAE;~~MACpBR~~,KAAK,~~CAACS~~,MAAM,~~CAACjB~~,GAAG,CAACO,QAAQ,~~EAAEM~~,QAAQ,CAACG,OAAO,CAAC;IAC9C;IAEA,OAAO,MAAM;~~MACXR~~,KAAK,~~CAACS~~,MAAM,CAACC,MAAM,~~CAACX~~,QAAQ,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,~~CAACM~~,QAAQ,CAACG,OAAO,CAAC,CAAC;EAEtB,~~oBACElC~~,MAAA,CAAAe,OAAA,~~CAAAsB~~,aAAA,~~CAACvC~~,aAAA,~~CAAAwC~~,GAAG;IACFC,SAAS,EAAE,IAAAC,mBAAE,EAACC,wBAAO,CAACC,IAAI,CAAE;~~IAC5BC~~,QAAQ,EAAC,uBAAuB;IAChCC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA5C~~,YAAA;~~MAAA6C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAEdlD~~,MAAA,CAAAe,OAAA,~~CAAAsB~~,aAAA,~~CAACvC~~,aAAA,~~CAAAwC~~,GAAG;~~IAACa~~,QAAQ,~~EAAEzB~~,KAAK,~~CAAC0B~~,YAAa;IAACC,UAAU,EAAE,CAAE;IAACC,QAAQ,EAAE,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA5C~~,YAAA;~~MAAA6C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAC5DlD~~,MAAA,CAAAe,OAAA,~~CAAAsB~~,aAAA,~~CAACvC~~,aAAA,~~CAAAyD~~,IAAI;~~IAAChB~~,SAAS,EAAE,IAAAC,mBAAE,EAACC,wBAAO,~~CAACe~~,KAAK,CAAE;IAACb,QAAQ,EAAC,YAAY;IAACc,QAAQ;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA5C~~,YAAA;~~MAAA6C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/~~DvB~~,IACG,CACH,CAAC,~~EACLG~~,KAAK,~~iBACJ9B~~,MAAA,CAAAe,OAAA,~~CAAAsB~~,aAAA,~~CAACvC~~,aAAA,~~CAAAwC~~,GAAG;~~IAACK~~,QAAQ,EAAC,aAAa;IAACe,UAAU,EAAE,~~GAAGhC~~,KAAK,~~CAACiC~~,eAAe,IAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA5C~~,YAAA;~~MAAA6C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACnElD~~,MAAA,CAAAe,OAAA,~~CAAAsB~~,aAAA;~~IACEuB~~,GAAG,EAAGC,IAAI,IAAK;MACb,IAAIA,IAAI,EAAE;~~QACR9B~~,QAAQ,CAACG,OAAO,~~GAAG2B~~,IAAI;MACzB;IACF,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA5C~~,YAAA;~~MAAA6C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEDpB~~,KACE,CACF,CAEJ,CAAC;AAEV;AAEO,~~MAAMgC~~,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,uBAAQ,~~EAACxC~~,SAAS,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","active","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","selected","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n tabIndex: number;\n state: TabsResponsiveState;\n text?: string;\n value: V \| null \| undefined;\n active?: boolean;\n counterBadge?: (value: V \| null \| undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n tabIndex,\n state,\n text,\n value,\n active,\n counterBadge,\n}: TabTitleProps<V>) {\n const badge = counterBadge?.(value);\n const badgeRef = useRef<HTMLSpanElement>();\n\n useEffect(() => {\n if (badgeRef.current) {\n state.badges.set(tabIndex, badgeRef.current);\n }\n\n return () => {\n state.badges.delete(tabIndex);\n };\n }, [badgeRef.current]);\n\n return (\n <Box\n className={st(classes.root, { selected: !!active })}\n dataHook=\"tabs-filter-tab-title\"\n verticalAlign=\"middle\"\n align=\"center\"\n >\n <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n {text}\n </Text>\n </Box>\n {badge && (\n <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n <div\n ref={(node) => {\n if (node) {\n badgeRef.current = node;\n }\n }}\n >\n {badge}\n </div>\n </Box>\n )}\n </Box>\n );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.js CHANGED Viewed

@@ -10,7 +10,6 @@ var _mobxReactLite = require("mobx-react-lite");
 var _TabTitle = require("./TabTitle");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _TabsFilterState = require("./TabsFilterState");
-var _TabsFilterStCss = require("./TabsFilter.st.css.js");
 var _TabsDropdown = require("./TabsDropdown");
 var _types = require("./types");
 var _TabsDefault = require("./TabsDefault");
@@ -71,21 +70,24 @@ function _TabsFilter(props) {
     return isLoading || isIdle;
   }, [table.initTask.status]);
   const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;
+  const selectedId = filter.isEmpty ? _types.ALL_TAB_ITEM_ID : itemKey(filter.value[0]);
   const items = (0, _react.useMemo)(() => {
     const _mergedItems = dataProp.map((value, index) => {
+      const id = itemKey(value);
       return {
-        id: itemKey(value),
+        id,
         name: itemName(value),
         title: /*#__PURE__*/_react.default.createElement(_TabTitle.TabTitle, {
           tabIndex: all && !placeAllTabLast ? index + 1 : index,
           state: responsive,
           text: itemName(value),
           value: value,
+          active: selectedId === id,
           counterBadge: hideCounterBadge ? undefined : counterBadge,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 140,
+            lineNumber: 144,
             columnNumber: 11
           }
         }),
@@ -108,11 +110,12 @@ function _TabsFilter(props) {
         state: responsive,
         text: all,
         value: undefined,
+        active: selectedId === _types.ALL_TAB_ITEM_ID,
         counterBadge: hideCounterBadge ? undefined : counterBadge,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 165,
+          lineNumber: 170,
           columnNumber: 9
         }
       })
@@ -122,18 +125,17 @@ function _TabsFilter(props) {
       minWidth: responsive.itemsMinWidths[index],
       index
     }));
-  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);
+  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge, selectedId]);
   (0, _react.useEffect)(() => state.init({
     container: container.current,
     itemsCount: items.length
   }), [container, state]);
-  const selectedId = filter.isEmpty ? _types.ALL_TAB_ITEM_ID : itemKey(filter.value[0]);
   return /*#__PURE__*/_react.default.createElement(_FilterContext.FilterContextProvider, {
     value: filter,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 209,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -143,7 +145,6 @@ function _TabsFilter(props) {
       }
     },
     dataHook: "collection-tabs-filter",
-    className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.root),
     width: "100%",
     height: 60,
     direction: "vertical",
@@ -152,7 +153,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 210,
       columnNumber: 7
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -167,7 +168,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 224,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -179,7 +180,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 235,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/TabsFilter/TabsFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","ref","node","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useEffect,\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element /\ntype TabTotalCounterBadge<V> = ReactElement<\n TabCounterBadgeProps<V, unknown, any>\n>;\n/* Type alias for TabTotalParens component element /\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n /\n List of tabs.\n * @external\n /\n data: V[];\n /\n Defines the selected filter.\n * <br><br>\n * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n * @external\n /\n filter: Filter<V[]>;\n /\n Display name of the tab that indicates that all items are included.\n * <br>\n * Changes the value of `filter` to an empty array.\n * @external\n /\n all?: string \| null \| false;\n\n /\n Renders a counter badge next to the tabs' texts.\n * <br><br>\n * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n * @external\n /\n counterBadge?: (\n value: V \| null \| undefined,\n ) => TabTotalCounterBadge<V> \| TabTotalParens<V> \| null \| undefined;\n onChange?: (value: V \| null \| undefined) => unknown;\n\n /\n Tabs layout type.\n * <br><br>\n * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n * <br><br>\n * Supported values:<br>\n * - `uniformFull`: Tabs are spread out uniformly.\n * @external\n /\n type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n placeAllTabLast?: boolean;\n\n /\n Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n * @external\n */\n mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n const {\n type,\n filter,\n data: dataProp,\n all,\n counterBadge,\n placeAllTabLast,\n onChange,\n mobilePopoverProps,\n } = props;\n const { itemKey, itemName } = filter;\n\n const table = useToolbarCollectionContext();\n const filterAllValueTotal = useFilterValueTotalState({\n ...props,\n value: undefined,\n });\n\n const container = React.useRef<HTMLDivElement>();\n\n const [state] = useState(\n () =>\n (table.tabs ??= new TabsFilterState({\n table,\n })),\n );\n\n useLayoutEffect(() => {\n runInAction(() => {\n if (filter.persistent == null) {\n filter.persistent = true;\n }\n });\n }, []);\n\n const { responsive } = state;\n\n const isAllCounterBadgeLoading = useMemo(() => {\n const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n const { isLoading, isIdle } = allStatus;\n return isLoading \|\| isIdle;\n }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n const isTableLoading = useMemo(() => {\n const { isLoading, isIdle } = table.initTask.status;\n return isLoading \|\| isIdle;\n }, [table.initTask.status]);\n\n const hideCounterBadge = isTableLoading \|\| isAllCounterBadgeLoading;\n\n const items = useMemo<TabsFilterItemBase[]>(() => {\n const _mergedItems = dataProp.map((value, index) => {\n return {\n id: itemKey(value),\n name: itemName(value),\n title: (\n <TabTitle\n tabIndex={all && !placeAllTabLast ? index + 1 : index}\n state={responsive}\n text={itemName(value)}\n value={value}\n counterBadge={hideCounterBadge ? undefined : counterBadge}\n />\n ),\n value,\n };\n });\n\n if (!all) {\n return _mergedItems.map((item, index) => ({\n ...item,\n index,\n minWidth: responsive.itemsMinWidths[index],\n maxWidth: responsive.itemMaxWidth,\n }));\n }\n\n const allTabItem = {\n id: ALL_TAB_ITEM_ID,\n name: all,\n title: (\n <TabTitle\n tabIndex={0}\n state={responsive}\n text={all}\n value={undefined}\n counterBadge={hideCounterBadge ? undefined : counterBadge}\n />\n ),\n };\n\n return (\n placeAllTabLast\n ? [..._mergedItems, allTabItem]\n : [allTabItem, ..._mergedItems]\n ).map((item, index) => ({\n ...item,\n minWidth: responsive.itemsMinWidths[index],\n index,\n }));\n }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);\n\n useEffect(\n () =>\n state.init({\n container: container.current,\n itemsCount: items.length,\n }),\n [container, state],\n );\n\n const selectedId = filter.isEmpty\n ? ALL_TAB_ITEM_ID\n : itemKey(filter.value[0]);\n\n return (\n <FilterContextProvider value={filter}>\n <Box\n ref={(node) => {\n if (node) {\n container.current = node;\n }\n }}\n dataHook=\"collection-tabs-filter\"\n className={st(classes.root)}\n width=\"100%\"\n height={60}\n direction=\"vertical\"\n verticalAlign=\"middle\"\n flexGrow={1}\n >\n {responsive.mode === 'tabs' ? (\n <TabsDefault\n items={items}\n data={dataProp}\n filter={filter}\n selectedId={selectedId}\n state={state}\n onChange={onChange}\n type={type}\n all={all}\n />\n ) : (\n <TabsDropdown\n filter={filter}\n data={dataProp}\n items={items}\n selectedId={selectedId}\n popoverProps={mobilePopoverProps}\n />\n )}\n </Box>\n </FilterContextProvider>\n );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","active","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useEffect,\n useLayoutEffect,\n useMemo,\n useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element /\ntype TabTotalCounterBadge<V> = ReactElement<\n TabCounterBadgeProps<V, unknown, any>\n>;\n/* Type alias for TabTotalParens component element /\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n /\n List of tabs.\n * @external\n /\n data: V[];\n /\n Defines the selected filter.\n * <br><br>\n * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n * @external\n /\n filter: Filter<V[]>;\n /\n Display name of the tab that indicates that all items are included.\n * <br>\n * Changes the value of `filter` to an empty array.\n * @external\n /\n all?: string \| null \| false;\n\n /\n Renders a counter badge next to the tabs' texts.\n * <br><br>\n * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n * @external\n /\n counterBadge?: (\n value: V \| null \| undefined,\n ) => TabTotalCounterBadge<V> \| TabTotalParens<V> \| null \| undefined;\n onChange?: (value: V \| null \| undefined) => unknown;\n\n /\n Tabs layout type.\n * <br><br>\n * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n * <br><br>\n * Supported values:<br>\n * - `uniformFull`: Tabs are spread out uniformly.\n * @external\n /\n type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n placeAllTabLast?: boolean;\n\n /\n Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n * @external\n */\n mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n const {\n type,\n filter,\n data: dataProp,\n all,\n counterBadge,\n placeAllTabLast,\n onChange,\n mobilePopoverProps,\n } = props;\n const { itemKey, itemName } = filter;\n\n const table = useToolbarCollectionContext();\n const filterAllValueTotal = useFilterValueTotalState({\n ...props,\n value: undefined,\n });\n\n const container = React.useRef<HTMLDivElement>();\n\n const [state] = useState(\n () =>\n (table.tabs ??= new TabsFilterState({\n table,\n })),\n );\n\n useLayoutEffect(() => {\n runInAction(() => {\n if (filter.persistent == null) {\n filter.persistent = true;\n }\n });\n }, []);\n\n const { responsive } = state;\n\n const isAllCounterBadgeLoading = useMemo(() => {\n const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n const { isLoading, isIdle } = allStatus;\n return isLoading \|\| isIdle;\n }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n const isTableLoading = useMemo(() => {\n const { isLoading, isIdle } = table.initTask.status;\n return isLoading \|\| isIdle;\n }, [table.initTask.status]);\n\n const hideCounterBadge = isTableLoading \|\| isAllCounterBadgeLoading;\n\n const selectedId = filter.isEmpty\n ? ALL_TAB_ITEM_ID\n : itemKey(filter.value[0]);\n\n const items = useMemo<TabsFilterItemBase[]>(() => {\n const _mergedItems = dataProp.map((value, index) => {\n const id = itemKey(value);\n return {\n id,\n name: itemName(value),\n title: (\n <TabTitle\n tabIndex={all && !placeAllTabLast ? index + 1 : index}\n state={responsive}\n text={itemName(value)}\n value={value}\n active={selectedId === id}\n counterBadge={hideCounterBadge ? undefined : counterBadge}\n />\n ),\n value,\n };\n });\n\n if (!all) {\n return _mergedItems.map((item, index) => ({\n ...item,\n index,\n minWidth: responsive.itemsMinWidths[index],\n maxWidth: responsive.itemMaxWidth,\n }));\n }\n\n const allTabItem = {\n id: ALL_TAB_ITEM_ID,\n name: all,\n title: (\n <TabTitle\n tabIndex={0}\n state={responsive}\n text={all}\n value={undefined}\n active={selectedId === ALL_TAB_ITEM_ID}\n counterBadge={hideCounterBadge ? undefined : counterBadge}\n />\n ),\n };\n\n return (\n placeAllTabLast\n ? [..._mergedItems, allTabItem]\n : [allTabItem, ..._mergedItems]\n ).map((item, index) => ({\n ...item,\n minWidth: responsive.itemsMinWidths[index],\n index,\n }));\n }, [\n dataProp,\n all,\n counterBadge,\n responsive.panelMinWidth,\n hideCounterBadge,\n selectedId,\n ]);\n\n useEffect(\n () =>\n state.init({\n container: container.current,\n itemsCount: items.length,\n }),\n [container, state],\n );\n\n return (\n <FilterContextProvider value={filter}>\n <Box\n ref={(node) => {\n if (node) {\n container.current = node;\n }\n }}\n dataHook=\"collection-tabs-filter\"\n width=\"100%\"\n height={60}\n direction=\"vertical\"\n verticalAlign=\"middle\"\n flexGrow={1}\n >\n {responsive.mode === 'tabs' ? (\n <TabsDefault\n items={items}\n data={dataProp}\n filter={filter}\n selectedId={selectedId}\n state={state}\n onChange={onChange}\n type={type}\n all={all}\n />\n ) : (\n <TabsDropdown\n filter={filter}\n data={dataProp}\n items={items}\n selectedId={selectedId}\n popoverProps={mobilePopoverProps}\n />\n )}\n </Box>\n </FilterContextProvider>\n );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css CHANGED Viewed

@@ -1,3 +1,18 @@
+@property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-tabs-label-fill);
+@property st-global(--wds-tabs-label-fill-active);
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-D10);
+.root {
+  -st-states: selected;
+}
 .root .title {
-  color: inherit !important;
+  color: var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));
+}
+.root:selected .title,
+.root:hover .title {
+  color: var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF));
 }

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

@@ -5,19 +5,25 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "TabsFilter735757606";
+var _namespace_ = "TabsFilter2340373808";
 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": "TabsFilter735757606__root",
-  "title": "TabsFilter735757606__title"
+  "root": "TabsFilter2340373808__root",
+  "title": "TabsFilter2340373808__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.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"
+};
 //# sourceMappingURL=TabsFilter.st.css.js.map