@wix/patterns 1.160.0 → 1.162.0

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4188546475\";\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\":\"DragHandle4188546475__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2432874022\";\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\":\"DragHandle2432874022__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/Fade/Fade.st.css.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1111648176\";\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\":\"Fade1111648176__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2015962078\";\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\":\"Fade2015962078__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Heading/Heading.st.css.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1228479346\";\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\":\"Heading1228479346__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading4112279489\";\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\":\"Heading4112279489__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/InputOverflow/InputOverflow.st.css.js

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

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

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

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow1941968715";
+var _namespace_ = "LoadingRow1604531459";
 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": "LoadingRow1941968715__root"
+  "root": "LoadingRow1604531459__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1941968715__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow1604531459__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1941968715\";\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\":\"LoadingRow1941968715__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1941968715__gradientSwoosh\"}; \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;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1604531459\";\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\":\"LoadingRow1604531459__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1604531459__gradientSwoosh\"}; \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;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.st.css.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines3620616517\";\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\":\"MaxLines3620616517__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2075524146\";\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\":\"MaxLines2075524146__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MoreActions/MoreActions.uni.driver.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MoreActionsUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+const MoreActionsUniDriver = (base, body) => {
+  const moreActionsPopoverDriver = dataHook => (0, _unidriver.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}"]`), body);
+  const getMoreActions = (dataHook = 'more-actions') => ({
+    exists: () => moreActionsPopoverDriver(dataHook).exists(),
+    /** Gets trigger element of more Actions */
+    getTriggerElement: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button'),
+    /** Opens the more actions popover */
+    open: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button').click(),
+    /** Indicates whether the more actions popover is open */
+    isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),
+    /** Clicks at child by data-hook */
+    clickAtChildByDataHook: childDataHook => moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),
+    /** Clicks at child by index */
+    clickAtChildByIndex: index => moreActionsPopoverDriver(dataHook).clickAtChild(index),
+    /** Gets content at index */
+    childContentAt: index => moreActionsPopoverDriver(dataHook).itemContentAt(index),
+    /** Gets children count */
+    childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),
+    getTooltip: () => {
+      return (0, _unidriver.TooltipUniDriver)(base.$('[data-hook="more-actions-tooltip"]'), body);
+    }
+  });
+  return {
+    getMoreActions
+  };
+};
+exports.MoreActionsUniDriver = MoreActionsUniDriver;
+//# sourceMappingURL=MoreActions.uni.driver.js.map

package/dist/cjs/components/MoreActions/MoreActions.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","MoreActionsUniDriver","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getMoreActions","exists","getTriggerElement","open","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getTooltip","TooltipUniDriver","exports"],"sources":["../../../../src/components/MoreActions/MoreActions.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  PopoverMenuUniDriver,\n  TooltipUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport const MoreActionsUniDriver = (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getMoreActions = (dataHook = 'more-actions') => ({\n    exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n    /** Gets trigger element of more Actions */\n    getTriggerElement: () =>\n      moreActionsPopoverDriver(dataHook).getTriggerElement(\n        'more-actions-popover-button',\n      ),\n\n    /** Opens the more actions popover */\n    open: () =>\n      moreActionsPopoverDriver(dataHook)\n        .getTriggerElement('more-actions-popover-button')\n        .click(),\n\n    /** Indicates whether the more actions popover is open */\n    isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n    /** Clicks at child by data-hook */\n    clickAtChildByDataHook: (childDataHook: string) =>\n      moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),\n\n    /** Clicks at child by index */\n    clickAtChildByIndex: (index: number) =>\n      moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n    /** Gets content at index */\n    childContentAt: (index: number) =>\n      moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n    /** Gets children count */\n    childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n\n    getTooltip: () => {\n      return TooltipUniDriver(\n        base.$('[data-hook=\"more-actions-tooltip\"]'),\n        body,\n      );\n    },\n  });\n\n  return {\n    getMoreActions,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKO,MAAMC,oBAAoB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,+BAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMK,cAAc,GAAGA,CAACH,QAAQ,GAAG,cAAc,MAAM;IACrDI,MAAM,EAAEA,CAAA,KAAML,wBAAwB,CAACC,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;IAEzD;IACAC,iBAAiB,EAAEA,CAAA,KACjBN,wBAAwB,CAACC,QAAQ,CAAC,CAACK,iBAAiB,CAClD,6BACF,CAAC;IAEH;IACAC,IAAI,EAAEA,CAAA,KACJP,wBAAwB,CAACC,QAAQ,CAAC,CAC/BK,iBAAiB,CAAC,6BAA6B,CAAC,CAChDE,KAAK,CAAC,CAAC;IAEZ;IACAC,MAAM,EAAEA,CAAA,KAAMT,wBAAwB,CAACC,QAAQ,CAAC,CAACS,UAAU,CAAC,CAAC;IAE7D;IACAC,sBAAsB,EAAGC,aAAqB,IAC5CZ,wBAAwB,CAACC,QAAQ,CAAC,CAACU,sBAAsB,CAACC,aAAa,CAAC;IAE1E;IACAC,mBAAmB,EAAGC,KAAa,IACjCd,wBAAwB,CAACC,QAAQ,CAAC,CAACc,YAAY,CAACD,KAAK,CAAC;IAExD;IACAE,cAAc,EAAGF,KAAa,IAC5Bd,wBAAwB,CAACC,QAAQ,CAAC,CAACgB,aAAa,CAACH,KAAK,CAAC;IAEzD;IACAI,aAAa,EAAEA,CAAA,KAAMlB,wBAAwB,CAACC,QAAQ,CAAC,CAACiB,aAAa,CAAC,CAAC;IAEvEC,UAAU,EAAEA,CAAA,KAAM;MAChB,OAAO,IAAAC,2BAAgB,EACrBtB,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC,EAC5CJ,IACF,CAAC;IACH;EACF,CAAC,CAAC;EAEF,OAAO;IACLK;EACF,CAAC;AACH,CAAC;AAACiB,OAAA,CAAAxB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActionsBase.js

@@ -49,6 +49,8 @@ function _MoreActionsBase(params) {
       // We dont care about loading time, its just needed for usage purposes
       loadEnd({
         componentType: 'More actions',
+        url: window.location.href,
+        route: window.location.pathname,
         componentName: environment.componentName
       }));
     };
@@ -105,7 +107,7 @@ function _MoreActionsBase(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 145,
+            lineNumber: 147,
             columnNumber: 15
           }
         }));
@@ -113,7 +115,7 @@ function _MoreActionsBase(params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 183,
+          lineNumber: 185,
           columnNumber: 45
         }
       })] : [])];
@@ -136,7 +138,7 @@ function _MoreActionsBase(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 190,
+      lineNumber: 192,
       columnNumber: 7
     }
   }, allActions), exploreAppsState && /*#__PURE__*/_react.default.createElement(exploreAppsState.Modal, {
@@ -144,7 +146,7 @@ function _MoreActionsBase(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 211,
       columnNumber: 28
     }
   }));

package/dist/cjs/components/MoreActions/MoreActionsBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_useExploreAppsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActionsBase","params","items","containerId","dataHook","triggerElement","exploreAppsModalProps","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","environment","useWixPatternsContainer","useEffect","notifyLoad","loadStart","loadEnd","Promise","resolve","then","componentType","componentName","additionalFeaturesAvailability","groupedItems","Array","isArray","exploreAppsState","useExploreAppsState","allActions","useMemo","groups","menuItems","push","moreActionsMenuItem","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","key","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","Fragment","onShow","minWidth","textSize","Modal","MoreActionsBase","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo } from 'react';\nimport {\n  PopoverMenu,\n  PopoverMenuItemProps,\n  PopoverMenuProps,\n} from '@wix/design-system';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\nimport type { ExploreAppsModalProps } from './ExploreAppsState';\nimport { useExploreAppsState } from './useExploreAppsState';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  /**\n   * The text label of the action item. This property is required.\n   * @external\n   */\n  text: string;\n  /**\n   * The functionality for when the user clicks the action item. This property is required.\n   * @external\n   */\n  onClick: (params?: Record<string, any>) => unknown;\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  prefixIcon?: React.ReactNode;\n  /**\n   * An icon displayed after the text.\n   * @external\n   */\n  suffixIcon?: React.ReactNode;\n  /**\n   * The visual style of the action item. Options are 'dark' for the standard appearance or 'destructive' for a red text and red hover effect.\n   * @external\n   */\n  skin?: 'dark' | 'destructive';\n  /**\n   * A data hook for testing purposes. This optional property can be used to identify the element in tests.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * This property can be used to disable the action item both visually and functionally.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   * A subtitle displayed under the text.\n   * @external\n   */\n  subtitle?: string;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Actions items that appear in the `MoreActions` popover menu. \\\n   * Actions can be grouped by using an array of arrays. \\\n   * Each sub-array represents a different group within the popover, \\\n   * and a divider will be rendered after each sub-array to separate the groups.\n   * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[] | [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]\n   * @external\n   */\n  items?: MoreActionsItem[] | MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   */\n  containerId?: string;\n\n  dataHook?: string;\n\n  exploreAppsModalProps?: ExploreAppsModalProps;\n}\n\nexport interface MoreActionsBaseProps\n  extends MoreActionsProps,\n    Pick<PopoverMenuProps, 'triggerElement'> {}\n\nfunction _MoreActionsBase(params: MoreActionsBaseProps) {\n  const {\n    items = [],\n    containerId,\n    dataHook = 'more-actions',\n    triggerElement,\n    exploreAppsModalProps,\n  } = params;\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n  const { reportBi, environment } = useWixPatternsContainer();\n\n  useEffect(() => {\n    const notifyLoad = async () => {\n      const { loadStart, loadEnd } = await import('@wix/bex-core/bi');\n      reportBi(\n        loadStart({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n          additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`,\n        }),\n      );\n      reportBi(\n        // We dont care about loading time, its just needed for usage purposes\n        loadEnd({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n        }),\n      );\n    };\n    notifyLoad();\n  }, []);\n\n  const groupedItems = Array.isArray(items?.[0]) ? items : [items];\n\n  const exploreAppsState = useExploreAppsState(exploreAppsModalProps);\n\n  const allActions = useMemo(() => {\n    const groups = [...groupedItems, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    if (exploreAppsState) {\n      groups.push([exploreAppsState.moreActionsMenuItem]);\n    }\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                key={index}\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems, exploreAppsState]);\n\n  return allActions.length === 0 ? null : (\n    <>\n      <PopoverMenu\n        dataHook={dataHook}\n        onShow={() => {\n          reportBi(\n            cairoPageCtaClicked({\n              ctaName: 'More Actions',\n              ctaType: 'secondary page dropdown',\n              location,\n              componentType: 'Page',\n              pageType,\n            }),\n          );\n        }}\n        minWidth={240}\n        textSize=\"medium\"\n        triggerElement={triggerElement}\n      >\n        {allActions}\n      </PopoverMenu>\n      {exploreAppsState && <exploreAppsState.Modal state={exploreAppsState} />}\n    </>\n  );\n}\n\nexport const MoreActionsBase = observer(_MoreActionsBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_useExploreAppsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActionsBase","params","items","containerId","dataHook","triggerElement","exploreAppsModalProps","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","environment","useWixPatternsContainer","useEffect","notifyLoad","loadStart","loadEnd","Promise","resolve","then","componentType","componentName","additionalFeaturesAvailability","url","window","href","route","pathname","groupedItems","Array","isArray","exploreAppsState","useExploreAppsState","allActions","useMemo","groups","menuItems","push","moreActionsMenuItem","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","key","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","Fragment","onShow","minWidth","textSize","Modal","MoreActionsBase","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo } from 'react';\nimport {\n  PopoverMenu,\n  PopoverMenuItemProps,\n  PopoverMenuProps,\n} from '@wix/design-system';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\nimport type { ExploreAppsModalProps } from './ExploreAppsState';\nimport { useExploreAppsState } from './useExploreAppsState';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  /**\n   * The text label of the action item. This property is required.\n   * @external\n   */\n  text: string;\n  /**\n   * The functionality for when the user clicks the action item. This property is required.\n   * @external\n   */\n  onClick: (params?: Record<string, any>) => unknown;\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  prefixIcon?: React.ReactNode;\n  /**\n   * An icon displayed after the text.\n   * @external\n   */\n  suffixIcon?: React.ReactNode;\n  /**\n   * The visual style of the action item. Options are 'dark' for the standard appearance or 'destructive' for a red text and red hover effect.\n   * @external\n   */\n  skin?: 'dark' | 'destructive';\n  /**\n   * A data hook for testing purposes. This optional property can be used to identify the element in tests.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * This property can be used to disable the action item both visually and functionally.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   * A subtitle displayed under the text.\n   * @external\n   */\n  subtitle?: string;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Actions items that appear in the `MoreActions` popover menu. \\\n   * Actions can be grouped by using an array of arrays. \\\n   * Each sub-array represents a different group within the popover, \\\n   * and a divider will be rendered after each sub-array to separate the groups.\n   * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[] | [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]\n   * @external\n   */\n  items?: MoreActionsItem[] | MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   */\n  containerId?: string;\n\n  dataHook?: string;\n\n  exploreAppsModalProps?: ExploreAppsModalProps;\n}\n\nexport interface MoreActionsBaseProps\n  extends MoreActionsProps,\n    Pick<PopoverMenuProps, 'triggerElement'> {}\n\nfunction _MoreActionsBase(params: MoreActionsBaseProps) {\n  const {\n    items = [],\n    containerId,\n    dataHook = 'more-actions',\n    triggerElement,\n    exploreAppsModalProps,\n  } = params;\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n  const { reportBi, environment } = useWixPatternsContainer();\n\n  useEffect(() => {\n    const notifyLoad = async () => {\n      const { loadStart, loadEnd } = await import('@wix/bex-core/bi');\n      reportBi(\n        loadStart({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n          additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`,\n        }),\n      );\n      reportBi(\n        // We dont care about loading time, its just needed for usage purposes\n        loadEnd({\n          componentType: 'More actions',\n          url: window.location.href,\n          route: window.location.pathname,\n          componentName: environment.componentName,\n        }),\n      );\n    };\n    notifyLoad();\n  }, []);\n\n  const groupedItems = Array.isArray(items?.[0]) ? items : [items];\n\n  const exploreAppsState = useExploreAppsState(exploreAppsModalProps);\n\n  const allActions = useMemo(() => {\n    const groups = [...groupedItems, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    if (exploreAppsState) {\n      groups.push([exploreAppsState.moreActionsMenuItem]);\n    }\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                key={index}\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems, exploreAppsState]);\n\n  return allActions.length === 0 ? null : (\n    <>\n      <PopoverMenu\n        dataHook={dataHook}\n        onShow={() => {\n          reportBi(\n            cairoPageCtaClicked({\n              ctaName: 'More Actions',\n              ctaType: 'secondary page dropdown',\n              location,\n              componentType: 'Page',\n              pageType,\n            }),\n          );\n        }}\n        minWidth={240}\n        textSize=\"medium\"\n        triggerElement={triggerElement}\n      >\n        {allActions}\n      </PopoverMenu>\n      {exploreAppsState && <exploreAppsState.Modal state={exploreAppsState} />}\n    </>\n  );\n}\n\nexport const MoreActionsBase = observer(_MoreActionsBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActionsIcon.js

@@ -9,17 +9,30 @@ var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _mobxReactLite = require("mobx-react-lite");
 var _MoreActionsBase = require("./MoreActionsBase");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MoreActions/MoreActionsIcon.tsx";
 function _MoreActionsIcon(params) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box
   // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
   , {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 14,
+      lineNumber: 17,
       columnNumber: 5
     }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('cairo.moreActions'),
+    dataHook: "more-actions-tooltip",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
   }, /*#__PURE__*/_react.default.createElement(_MoreActionsBase.MoreActionsBase, (0, _extends2.default)({}, params, {
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       dataHook: "more-actions-popover-button",
@@ -27,24 +40,24 @@ function _MoreActionsIcon(params) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 20,
-        columnNumber: 11
+        lineNumber: 24,
+        columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 13
+        lineNumber: 28,
+        columnNumber: 15
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 7
+      lineNumber: 21,
+      columnNumber: 9
     }
-  })));
+  }))));
 }
 const MoreActionsIcon = exports.MoreActionsIcon = (0, _mobxReactLite.observer)(_MoreActionsIcon);
 const MoreActions = exports.MoreActions = MoreActionsIcon;

package/dist/cjs/components/MoreActions/MoreActionsIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_jsxFileName","_MoreActionsIcon","params","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","MoreActionsBase","_extends2","triggerElement","IconButton","dataHook","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase, MoreActionsProps } from './MoreActionsBase';\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActionsIcon\n>;\n\nfunction _MoreActionsIcon(params: MoreActionsProps) {\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <MoreActionsBase\n        {...params}\n        triggerElement={\n          <IconButton\n            dataHook=\"more-actions-popover-button\"\n            priority=\"secondary\"\n          >\n            <More />\n          </IconButton>\n        }\n      />\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAOtE,SAASC,gBAAgBA,CAACC,MAAwB,EAAE;EAClD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAAY,eAAe,MAAAC,SAAA,CAAAT,OAAA,MACVD,MAAM;IACVW,cAAc,eACZpB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,UAAU;MACTC,QAAQ,EAAC,6BAA6B;MACtCC,QAAQ,EAAC,WAAW;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAoB,IAAI;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACE,CAAC;AAEV;AAEO,MAAMQ,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACnB,gBAAgB,CAAC;AAClD,MAAMoB,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_react2","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase, MoreActionsProps } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActionsIcon\n>;\n\nfunction _MoreActionsIcon(params: MoreActionsProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority=\"secondary\"\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAO9D,SAASC,gBAAgBA,CAACC,MAAwB,EAAE;EAClD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAmB,OAAO;IAACC,OAAO,EAAEX,CAAC,CAAC,mBAAmB,CAAE;IAACY,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAmB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVJ,MAAM;IACViB,cAAc,eACZ3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAyB,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAC,WAAW;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAA0B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACxB,gBAAgB,CAAC;AAClD,MAAMyB,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}

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

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

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

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

package/dist/cjs/components/MultiSelectFilterBase/MultiSelectFilterBase.js

@@ -20,9 +20,7 @@ function _MultiSelectCheckboxFilterBase(props) {
   const {
     renderTag,
     filter,
-    options,
     dropdownSelect,
-    placeholder,
     onSelect,
     onRemoveTag,
     size,
@@ -58,10 +56,9 @@ function _MultiSelectCheckboxFilterBase(props) {
   return /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, (0, _extends2.default)({
     dataHook: `collection-filter-${filter.name}`,
     border: "round",
-    options: options,
+    placeholder: t('cairo.selectPlaceholder'),
     tags: tags,
     size: size,
-    placeholder: placeholder ?? t('cairo.selectPlaceholder'),
     onClose: () => {
       dropdownSelect.close();
     },
@@ -81,7 +78,7 @@ function _MultiSelectCheckboxFilterBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 81,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/MultiSelectFilterBase/MultiSelectFilterBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FilterRenderingContext","_useWindowFlipPopoverProps","_jsxFileName","inputSizeToTagSize","tiny","small","medium","large","_MultiSelectCheckboxFilterBase","props","renderTag","filter","options","dropdownSelect","placeholder","onSelect","onRemoveTag","size","popoverProps","rest","location","useFilterRenderingContext","windowFlipPopoverProps","useWindowFlipPopoverProps","effectiveSize","select","selectedValues","container","translate","t","tags","map","keyedItem","key","item","tag","id","label","itemName","default","createElement","MultiSelect","_extends2","dataHook","name","border","onClose","close","option","set","tagId","deleteKey","__self","__source","fileName","lineNumber","columnNumber","MultiSelectFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n  InputSize,\n  MultiSelect,\n  MultiSelectProps,\n  MultiSelectTag,\n  TagProps,\n  TagSize,\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 { FilterProps } from '../../model';\nimport { useFilterRenderingContext } from '../FilterRenderingContext';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nconst inputSizeToTagSize: Record<InputSize, TagSize> = {\n  tiny: 'tiny',\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport type MultiSelectFilterBaseOption<T> =\n  | KeyedItemOption<T>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectFilterBaseProps<V>\n  extends Partial<MultiSelectProps>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  options: MultiSelectFilterBaseOption<V>[];\n  renderTag?: (item: V) => TagProps;\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectFilterBaseProps<V>,\n) {\n  const {\n    renderTag,\n    filter,\n    options,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    onRemoveTag,\n    size,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const { location } = useFilterRenderingContext();\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  const effectiveSize: InputSize =\n    size || (location === 'panel' ? 'small' : 'medium');\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const tags: MultiSelectTag[] = selectedValues.map((keyedItem) => {\n    const { key, item } = keyedItem;\n    const tag = renderTag?.(item) ?? {};\n    return {\n      id: key,\n      label: filter.itemName(item),\n      size: inputSizeToTagSize[effectiveSize],\n      ...tag,\n    };\n  });\n\n  return (\n    <MultiSelect\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      options={options}\n      tags={tags}\n      size={size}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      onSelect={(option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(option);\n      }}\n      onRemoveTag={(tagId) => {\n        dropdownSelect.deleteKey(tagId);\n        onRemoveTag?.(tagId);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectFilterBase = observer(_MultiSelectCheckboxFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AAAkF,IAAAM,YAAA;AAMlF,MAAMC,kBAA8C,GAAG;EACrDC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE;AACT,CAAC;AAgBD,SAASC,8BAA8BA,CACrCC,KAAoC,EACpC;EACA,MAAM;IACJC,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,MAAM;IAAEW;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAMC,sBAAsB,GAAG,IAAAC,oDAAyB,EAACL,YAAY,CAAC;EAEtE,MAAMM,aAAwB,GAC5BP,IAAI,KAAKG,QAAQ,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;EAErD,MAAM;IACJK,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGhB,cAAc;EAElB,MAAMiB,IAAsB,GAAGJ,cAAc,CAACK,GAAG,CAAEC,SAAS,IAAK;IAC/D,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGF,SAAS;IAC/B,MAAMG,GAAG,GAAG,CAAAzB,SAAS,oBAATA,SAAS,CAAGwB,IAAI,CAAC,KAAI,CAAC,CAAC;IACnC,OAAO;MACLE,EAAE,EAAEH,GAAG;MACPI,KAAK,EAAE1B,MAAM,CAAC2B,QAAQ,CAACJ,IAAI,CAAC;MAC5BjB,IAAI,EAAEd,kBAAkB,CAACqB,aAAa,CAAC;MACvC,GAAGW;IACL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEtC,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAAC7C,aAAA,CAAA8C,WAAW,MAAAC,SAAA,CAAAH,OAAA;IACVI,QAAQ,EAAE,qBAAqBhC,MAAM,CAACiC,IAAI,EAAG;IAC7CC,MAAM,EAAC,OAAO;IACdjC,OAAO,EAAEA,OAAQ;IACjBkB,IAAI,EAAEA,IAAK;IACXb,IAAI,EAAEA,IAAK;IACXH,WAAW,EAAEA,WAAW,IAAIe,CAAC,CAAC,yBAAyB,CAAE;IACzDiB,OAAO,EAAEA,CAAA,KAAM;MACbjC,cAAc,CAACkC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFhC,QAAQ,EAAGiC,MAAM,IAAK;MACpB,MAAM;QAAEhB;MAAU,CAAC,GAAGgB,MAA4B;MAClDnC,cAAc,CAACoC,GAAG,CAACjB,SAAS,CAAC;MAC7BjB,QAAQ,YAARA,QAAQ,CAAGiC,MAAM,CAAC;IACpB,CAAE;IACFhC,WAAW,EAAGkC,KAAK,IAAK;MACtBrC,cAAc,CAACsC,SAAS,CAACD,KAAK,CAAC;MAC/BlC,WAAW,YAAXA,WAAW,CAAGkC,KAAK,CAAC;IACtB,CAAE;IACFhC,YAAY,EAAEI;EAAuB,GACjCH,IAAI;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACnD,8BAA8B,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_FilterRenderingContext","_useWindowFlipPopoverProps","_jsxFileName","inputSizeToTagSize","tiny","small","medium","large","_MultiSelectCheckboxFilterBase","props","renderTag","filter","dropdownSelect","onSelect","onRemoveTag","size","popoverProps","rest","location","useFilterRenderingContext","windowFlipPopoverProps","useWindowFlipPopoverProps","effectiveSize","select","selectedValues","container","translate","t","tags","map","keyedItem","key","item","tag","id","label","itemName","default","createElement","MultiSelect","_extends2","dataHook","name","border","placeholder","onClose","close","option","set","tagId","deleteKey","__self","__source","fileName","lineNumber","columnNumber","MultiSelectFilterBase","exports","observer"],"sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"sourcesContent":["import {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n  InputSize,\n  MultiSelect,\n  MultiSelectProps,\n  MultiSelectTag,\n  TagProps,\n  TagSize,\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 { FilterProps } from '../../model';\nimport { useFilterRenderingContext } from '../FilterRenderingContext';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nconst inputSizeToTagSize: Record<InputSize, TagSize> = {\n  tiny: 'tiny',\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport type MultiSelectFilterBaseOption<T> =\n  | KeyedItemOption<T>\n  | DropdownLayoutOption;\n\nexport interface MultiSelectFilterBaseProps<V>\n  extends Partial<MultiSelectProps>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  options: MultiSelectFilterBaseOption<V>[];\n  renderTag?: (item: V) => TagProps;\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _MultiSelectCheckboxFilterBase<V>(\n  props: MultiSelectFilterBaseProps<V>,\n) {\n  const {\n    renderTag,\n    filter,\n    dropdownSelect,\n    onSelect,\n    onRemoveTag,\n    size,\n    popoverProps,\n    ...rest\n  } = props;\n\n  const { location } = useFilterRenderingContext();\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  const effectiveSize: InputSize =\n    size || (location === 'panel' ? 'small' : 'medium');\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const tags: MultiSelectTag[] = selectedValues.map((keyedItem) => {\n    const { key, item } = keyedItem;\n    const tag = renderTag?.(item) ?? {};\n    return {\n      id: key,\n      label: filter.itemName(item),\n      size: inputSizeToTagSize[effectiveSize],\n      ...tag,\n    };\n  });\n\n  return (\n    <MultiSelect\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      placeholder={t('cairo.selectPlaceholder')}\n      tags={tags}\n      size={size}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      onSelect={(option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(option);\n      }}\n      onRemoveTag={(tagId) => {\n        dropdownSelect.deleteKey(tagId);\n        onRemoveTag?.(tagId);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const MultiSelectFilterBase = observer(_MultiSelectCheckboxFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AAAkF,IAAAM,YAAA;AAMlF,MAAMC,kBAA8C,GAAG;EACrDC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE;AACT,CAAC;AAgBD,SAASC,8BAA8BA,CACrCC,KAAoC,EACpC;EACA,MAAM;IACJC,SAAS;IACTC,MAAM;IACNC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAM;IAAES;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAMC,sBAAsB,GAAG,IAAAC,oDAAyB,EAACL,YAAY,CAAC;EAEtE,MAAMM,aAAwB,GAC5BP,IAAI,KAAKG,QAAQ,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;EAErD,MAAM;IACJK,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGf,cAAc;EAElB,MAAMgB,IAAsB,GAAGJ,cAAc,CAACK,GAAG,CAAEC,SAAS,IAAK;IAC/D,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGF,SAAS;IAC/B,MAAMG,GAAG,GAAG,CAAAvB,SAAS,oBAATA,SAAS,CAAGsB,IAAI,CAAC,KAAI,CAAC,CAAC;IACnC,OAAO;MACLE,EAAE,EAAEH,GAAG;MACPI,KAAK,EAAExB,MAAM,CAACyB,QAAQ,CAACJ,IAAI,CAAC;MAC5BjB,IAAI,EAAEZ,kBAAkB,CAACmB,aAAa,CAAC;MACvC,GAAGW;IACL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEpC,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAAC3C,aAAA,CAAA4C,WAAW,MAAAC,SAAA,CAAAH,OAAA;IACVI,QAAQ,EAAE,qBAAqB9B,MAAM,CAAC+B,IAAI,EAAG;IAC7CC,MAAM,EAAC,OAAO;IACdC,WAAW,EAAEjB,CAAC,CAAC,yBAAyB,CAAE;IAC1CC,IAAI,EAAEA,IAAK;IACXb,IAAI,EAAEA,IAAK;IACX8B,OAAO,EAAEA,CAAA,KAAM;MACbjC,cAAc,CAACkC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFjC,QAAQ,EAAGkC,MAAM,IAAK;MACpB,MAAM;QAAEjB;MAAU,CAAC,GAAGiB,MAA4B;MAClDnC,cAAc,CAACoC,GAAG,CAAClB,SAAS,CAAC;MAC7BjB,QAAQ,YAARA,QAAQ,CAAGkC,MAAM,CAAC;IACpB,CAAE;IACFjC,WAAW,EAAGmC,KAAK,IAAK;MACtBrC,cAAc,CAACsC,SAAS,CAACD,KAAK,CAAC;MAC/BnC,WAAW,YAAXA,WAAW,CAAGmC,KAAK,CAAC;IACtB,CAAE;IACFjC,YAAY,EAAEI;EAAuB,GACjCH,IAAI;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAClD,8BAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTable.js

@@ -32,7 +32,7 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 127,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_providers.TableProvider, {
@@ -40,14 +40,14 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 128,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_NestedTableWSRTable.NestedTableWSRTable, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 129,
       columnNumber: 9
     }
   }))));