@wix/patterns 1.235.0 → 1.236.0

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer2188951258";
+var _namespace_ = "CardContainer4259256836";
 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": "CardContainer2188951258__root"
+  "root": "CardContainer4259256836__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer2188951258\";\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\":\"CardContainer2188951258__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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer4259256836\";\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\":\"CardContainer4259256836__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/Collapse/Collapse.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse1316206978";
+var _namespace_ = "Collapse21075570";
 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": "Collapse1316206978__root",
-  "exit": "Collapse1316206978__exit"
+  "root": "Collapse21075570__root",
+  "exit": "Collapse21075570__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse1316206978\";\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\":\"Collapse1316206978__root\",\"exit\":\"Collapse1316206978__exit\"};\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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse21075570\";\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\":\"Collapse21075570__root\",\"exit\":\"Collapse21075570__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/E,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/CollectionPageNew/CollectionPage.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_ = "CollectionPage2385558856";
+var _namespace_ = "CollectionPage35121474";
 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": "CollectionPage2385558856__root"
+  "root": "CollectionPage35121474__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2385558856\";\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\":\"CollectionPage2385558856__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage35121474\";\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\":\"CollectionPage35121474__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.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_ = "CollectionTable2161318775";
+var _namespace_ = "CollectionTable241965886";
 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": "CollectionTable2161318775__root"
+  "root": "CollectionTable241965886__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js

@@ -49,7 +49,8 @@ function _CollectionTableWSRTable(props) {
     primaryActionButton,
     secondaryActions,
     onSelectionChanged,
-    moreActions
+    moreActions,
+    visualization
   } = props;
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
@@ -102,21 +103,21 @@ function _CollectionTableWSRTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 168,
+          lineNumber: 171,
           columnNumber: 13
         }
       }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 169,
+          lineNumber: 172,
           columnNumber: 30
         }
       }, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 173,
           columnNumber: 30
         }
       }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
@@ -141,7 +142,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 195,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
@@ -173,7 +174,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 199,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -197,7 +198,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 254,
+        lineNumber: 257,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -208,14 +209,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 256,
+        lineNumber: 259,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 260,
+        lineNumber: 263,
         columnNumber: 19
       }
     }))),
@@ -225,10 +226,11 @@ function _CollectionTableWSRTable(props) {
     primaryActionButton: primaryActionButton,
     secondaryActions: secondaryActions,
     moreActions: moreActions,
+    visualization: visualization,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 236,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -236,7 +238,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 272,
+      lineNumber: 276,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -248,7 +250,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 273,
+      lineNumber: 277,
       columnNumber: 11
     }
   }, children))));

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","isMobile","useIsMobile","toolbar","tableState","table","keyedItems","stateKeyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","hideTitleBar","showLoadingState","status","isError","showBorderBox","tableColumns","id","render","params","_columns$0$render","_columns$","_columns$1$render","_columns$2","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","className","st","classes","fullHeight","column","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","width","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n  keyedItems?: KeyedItem<U>[];\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    secondaryActions,\n    onSelectionChanged,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n  const { toolbar, tableState: table, keyedItems: stateKeyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n\n  const keyedItems = props.keyedItems ?? stateKeyedItems;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({\n          ctaName: 'row_area',\n          ctaIndex: index,\n          url: typeof window !== 'undefined' ? window.location.href : '',\n        }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const hideTitleBar =\n    isMobile || !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !table.showLoadingState && (hideTitleBar || !showTitleBar);\n\n  const tableColumns = isMobile\n    ? [\n        {\n          id: 'tableColumn',\n          title: '',\n          render: (params: any, index: number) => (\n            <Box direction=\"vertical\" gap=\"SP2\">\n              {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n              {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n            </Box>\n          ),\n        },\n      ]\n    : columns;\n\n  const keyedItemsWithTooltip = keyedItems.map((item) => {\n    const isDisabled = bulk.isRowCheckboxDisabled(item);\n    if (isDisabled) {\n      const tooltipContent = bulk.getCheckboxTooltipContent(item);\n      if (tooltipContent) {\n        return {\n          ...item,\n          checkboxTooltipContent: tooltipContent,\n        };\n      }\n    }\n    return item;\n  });\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItemsWithTooltip}\n        viewportRef={stackingRootRef}\n        columns={tableColumns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={!isMobile && showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          topNotification={\n            typeof topNotification === 'function'\n              ? () => topNotification({ query: collection.result.originQuery })\n              : topNotification\n          }\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n          secondaryActions={secondaryActions}\n          moreActions={moreActions}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableWSRTable","props","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","visualization","isMobile","useIsMobile","toolbar","tableState","table","keyedItems","stateKeyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","hideTitleBar","showLoadingState","status","isError","showBorderBox","tableColumns","id","render","params","_columns$0$render","_columns$","_columns$1$render","_columns$2","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","keyedItemsWithTooltip","map","isDisabled","isRowCheckboxDisabled","tooltipContent","getCheckboxTooltipContent","checkboxTooltipContent","className","st","classes","fullHeight","column","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","width","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n  keyedItems?: KeyedItem<U>[];\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    secondaryActions,\n    onSelectionChanged,\n    moreActions,\n    visualization,\n  } = props;\n\n  const isMobile = useIsMobile();\n  const { toolbar, tableState: table, keyedItems: stateKeyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n\n  const keyedItems = props.keyedItems ?? stateKeyedItems;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({\n          ctaName: 'row_area',\n          ctaIndex: index,\n          url: typeof window !== 'undefined' ? window.location.href : '',\n        }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const hideTitleBar =\n    isMobile || !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !table.showLoadingState && (hideTitleBar || !showTitleBar);\n\n  const tableColumns = isMobile\n    ? [\n        {\n          id: 'tableColumn',\n          title: '',\n          render: (params: any, index: number) => (\n            <Box direction=\"vertical\" gap=\"SP2\">\n              {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n              {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n            </Box>\n          ),\n        },\n      ]\n    : columns;\n\n  const keyedItemsWithTooltip = keyedItems.map((item) => {\n    const isDisabled = bulk.isRowCheckboxDisabled(item);\n    if (isDisabled) {\n      const tooltipContent = bulk.getCheckboxTooltipContent(item);\n      if (tooltipContent) {\n        return {\n          ...item,\n          checkboxTooltipContent: tooltipContent,\n        };\n      }\n    }\n    return item;\n  });\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItemsWithTooltip}\n        viewportRef={stackingRootRef}\n        columns={tableColumns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={!isMobile && showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          topNotification={\n            typeof topNotification === 'function'\n              ? () => topNotification({ query: collection.result.originQuery })\n              : topNotification\n          }\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n          secondaryActions={secondaryActions}\n          moreActions={moreActions}\n          visualization={visualization}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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_ = "CollectionToolbar662634265";
+var _namespace_ = "CollectionToolbar3442158745";
 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": "CollectionToolbar662634265__root",
-  "left": "CollectionToolbar662634265__left",
-  "right": "CollectionToolbar662634265__right",
-  "fullWidth": "CollectionToolbar662634265__fullWidth"
+  "root": "CollectionToolbar3442158745__root",
+  "left": "CollectionToolbar3442158745__left",
+  "right": "CollectionToolbar3442158745__right",
+  "fullWidth": "CollectionToolbar3442158745__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar662634265\";\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\":\"CollectionToolbar662634265__root\",\"left\":\"CollectionToolbar662634265__left\",\"right\":\"CollectionToolbar662634265__right\",\"fullWidth\":\"CollectionToolbar662634265__fullWidth\"};\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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3442158745\";\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\":\"CollectionToolbar3442158745__root\",\"left\":\"CollectionToolbar3442158745__left\",\"right\":\"CollectionToolbar3442158745__right\",\"fullWidth\":\"CollectionToolbar3442158745__fullWidth\"};\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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter1321833322";
+var _namespace_ = "SearchOrCustomFilter2449529992";
 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": "SearchOrCustomFilter1321833322__root",
-  "search": "SearchOrCustomFilter1321833322__search",
-  "searchMobile": "SearchOrCustomFilter1321833322__searchMobile"
+  "root": "SearchOrCustomFilter2449529992__root",
+  "search": "SearchOrCustomFilter2449529992__search",
+  "searchMobile": "SearchOrCustomFilter2449529992__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1321833322\";\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\":\"SearchOrCustomFilter1321833322__root\",\"search\":\"SearchOrCustomFilter1321833322__search\",\"searchMobile\":\"SearchOrCustomFilter1321833322__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2449529992\";\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\":\"SearchOrCustomFilter2449529992__root\",\"search\":\"SearchOrCustomFilter2449529992__search\",\"searchMobile\":\"SearchOrCustomFilter2449529992__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/CollectionToolbars/CollectionToolbars.js

@@ -10,6 +10,7 @@ var _CollectionToolbar = require("../CollectionToolbar");
 var _CollectionToolbarsProvider = require("./CollectionToolbarsProvider");
 var _ToolbarAndTitlebarContainer = require("./ToolbarAndTitlebarContainer");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _CollectionToolbarsVisualization = require("./CollectionToolbarsVisualization");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbars/CollectionToolbars.tsx";
 function BorderRadiusTopCard({
   children
@@ -23,7 +24,23 @@ function BorderRadiusTopCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 50,
+      columnNumber: 5
+    }
+  }, children);
+}
+function BorderRadiusTopBottomCard({
+  children
+}) {
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    backgroundColor: "D80",
+    borderRadius: isMobile ? 0 : 8,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, children);
@@ -50,7 +67,8 @@ function _CollectionToolbars(props) {
     exportButton,
     primaryActionButton,
     secondaryActions,
-    moreActions
+    moreActions,
+    visualization: customSlot
   } = props;
   const {
     collection,
@@ -88,7 +106,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 132,
       columnNumber: 11
     }
   })), shouldDisplaySubToolbar && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -97,7 +115,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 152,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
@@ -105,14 +123,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 153,
       columnNumber: 11
     }
   }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 155,
       columnNumber: 15
     }
   }))), summaryBar, topNotification);
@@ -124,22 +142,45 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 168,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
+  }, customSlot ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BorderRadiusTopBottomCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
-      columnNumber: 7
+      lineNumber: 171,
+      columnNumber: 13
+    }
+  }, toolbars), /*#__PURE__*/_react.default.createElement(_CollectionToolbarsVisualization.CollectionToolbarsVisualization, {
+    state: state,
+    visualization: customSlot,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 172,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 173,
+      columnNumber: 13
+    }
+  }, titleBar)) : /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 176,
+      columnNumber: 11
     }
   }, toolbars, titleBar));
   return /*#__PURE__*/_react.default.createElement(_CollectionToolbarsProvider.CollectionToolbarsProvider, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 185,
       columnNumber: 5
     }
   }, sticky && !internalScroll ? /*#__PURE__*/_react.default.createElement(_designSystem.Page.Sticky, {
@@ -149,7 +190,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 187,
       columnNumber: 9
     }
   }, child) : child);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsProvider","Page","Sticky","style","top","undefined","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={isMobile ? 0 : 8}\n      borderTopRightRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const isMobile = useIsMobile();\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n            secondaryActions={secondaryActions}\n            moreActions={moreActions}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state.toolbar}>\n      <BorderRadiusTopCard>\n        {toolbars}\n        {titleBar}\n      </BorderRadiusTopCard>\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? (\n        <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n          {child}\n        </Page.Sticky>\n      ) : (\n        child\n      )}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_CollectionToolbarsVisualization","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","undefined","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport {\n  CollectionToolbarsVisualization,\n  CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={isMobile ? 0 : 8}\n      borderTopRightRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    visualization: customSlot,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const isMobile = useIsMobile();\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n            secondaryActions={secondaryActions}\n            moreActions={moreActions}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state.toolbar}>\n      {customSlot ? (\n        <>\n            <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n            <CollectionToolbarsVisualization state={state} visualization={customSlot} />\n            <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n        </>\n      ) : (\n          <BorderRadiusTopCard>\n            {toolbars}\n            {titleBar}\n          </BorderRadiusTopCard>\n      )}\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? (\n        <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n          {child}\n        </Page.Sticky>\n      ) : (\n        child\n      )}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbars/CollectionToolbarsVisualization.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionToolbarsVisualization = void 0;
+var _react = require("react");
+var _mobxReactLite = require("mobx-react-lite");
+var _isValidElement = require("../isValidElement");
+function _CollectionToolbarsVisualization(props) {
+  const {
+    visualization,
+    state
+  } = props;
+  return (0, _isValidElement.isValidElement)(visualization) ? visualization : /*#__PURE__*/(0, _react.createElement)(visualization, {
+    state
+  });
+}
+const CollectionToolbarsVisualization = exports.CollectionToolbarsVisualization = (0, _mobxReactLite.observer)(_CollectionToolbarsVisualization);
+//# sourceMappingURL=CollectionToolbarsVisualization.js.map