@wix/patterns 1.260.0 → 1.263.0

package/dist/cjs/bm/errorMonitorCompat.js.map

@@ -1 +1 @@
-{"version":3,"names":["_yoshiFlowBm","require","useErrorMonitorCompat","sentry","errorMonitor","useErrorMonitor","e","useSentry","getErrorMonitorCompat","flowAPI"],"sources":["../../../src/bm/errorMonitorCompat.ts"],"sourcesContent":["// currently `useErrorMonitor` is not always available - see https://wix.slack.com/archives/G011G2JCGGM/p1630590305001100\nimport { ErrorMonitor } from '@wix/bex-core';\nimport {\n  ComponentHooksFlowAPI,\n  useErrorMonitor,\n  useSentry,\n} from '@wix/yoshi-flow-bm';\n\nexport function useErrorMonitorCompat(): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    errorMonitor = useErrorMonitor();\n  } catch (e) {}\n\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    sentry = useSentry();\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}\n\nexport function getErrorMonitorCompat(\n  flowAPI: ComponentHooksFlowAPI,\n): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    errorMonitor = flowAPI.errorMonitor;\n  } catch (e) {}\n\n  try {\n    sentry = flowAPI.sentry;\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}"],"mappings":";;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAFA;;AAQO,SAASC,qBAAqBA,CAAA,EAAiB;EACpD,IAAIC,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACF;IACAA,YAAY,GAAG,IAAAC,4BAAe,EAAC,CAAC;EAClC,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;EAEb,IAAI;IACF;IACAH,MAAM,GAAG,IAAAI,sBAAS,EAAC,CAAC;EACtB,CAAC,CAAC,OAAOD,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC;AAEO,SAASK,qBAAqBA,CACnCC,OAA8B,EAChB;EACd,IAAIN,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACFA,YAAY,GAAGK,OAAO,CAACL,YAAY;EACrC,CAAC,CAAC,OAAOE,CAAC,EAAE,CAAC;EAEb,IAAI;IACFH,MAAM,GAAGM,OAAO,CAACN,MAAM;EACzB,CAAC,CAAC,OAAOG,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC","ignoreList":[]}
+{"version":3,"names":["_yoshiFlowBm","require","useErrorMonitorCompat","sentry","errorMonitor","useErrorMonitor","e","useSentry","getErrorMonitorCompat","flowAPI"],"sources":["../../../src/bm/errorMonitorCompat.ts"],"sourcesContent":["// currently `useErrorMonitor` is not always available - see https://wix.slack.com/archives/G011G2JCGGM/p1630590305001100\nimport { ErrorMonitor } from '@wix/bex-core';\nimport {\n  ComponentHooksFlowAPI,\n  useErrorMonitor,\n  useSentry,\n} from '@wix/yoshi-flow-bm';\n\nexport function useErrorMonitorCompat(): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    errorMonitor = useErrorMonitor();\n  } catch (e) {}\n\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    sentry = useSentry();\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}\n\nexport function getErrorMonitorCompat(\n  flowAPI: ComponentHooksFlowAPI,\n): ErrorMonitor {\n  let sentry: ErrorMonitor | null = null;\n  let errorMonitor: ErrorMonitor | null = null;\n  try {\n    errorMonitor = flowAPI.errorMonitor;\n  } catch (e) {}\n\n  try {\n    sentry = flowAPI.sentry;\n  } catch (e) {}\n\n  return (errorMonitor ?? sentry)!;\n}\n"],"mappings":";;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAFA;;AAQO,SAASC,qBAAqBA,CAAA,EAAiB;EACpD,IAAIC,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACF;IACAA,YAAY,GAAG,IAAAC,4BAAe,EAAC,CAAC;EAClC,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;EAEb,IAAI;IACF;IACAH,MAAM,GAAG,IAAAI,sBAAS,EAAC,CAAC;EACtB,CAAC,CAAC,OAAOD,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC;AAEO,SAASK,qBAAqBA,CACnCC,OAA8B,EAChB;EACd,IAAIN,MAA2B,GAAG,IAAI;EACtC,IAAIC,YAAiC,GAAG,IAAI;EAC5C,IAAI;IACFA,YAAY,GAAGK,OAAO,CAACL,YAAY;EACrC,CAAC,CAAC,OAAOE,CAAC,EAAE,CAAC;EAEb,IAAI;IACFH,MAAM,GAAGM,OAAO,CAACN,MAAM;EACzB,CAAC,CAAC,OAAOG,CAAC,EAAE,CAAC;EAEb,OAAQF,YAAY,IAAID,MAAM;AAChC","ignoreList":[]}

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_ = "CardContainer2862758717";
+var _namespace_ = "CardContainer2488312148";
 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": "CardContainer2862758717__root"
+  "root": "CardContainer2488312148__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_ = \"CardContainer2862758717\";\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\":\"CardContainer2862758717__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_ = \"CardContainer2488312148\";\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\":\"CardContainer2488312148__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_ = "Collapse3404484541";
+var _namespace_ = "Collapse3409195705";
 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": "Collapse3404484541__root",
-  "exit": "Collapse3404484541__exit"
+  "root": "Collapse3409195705__root",
+  "exit": "Collapse3409195705__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_ = \"Collapse3404484541\";\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\":\"Collapse3404484541__root\",\"exit\":\"Collapse3404484541__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_ = \"Collapse3409195705\";\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\":\"Collapse3409195705__root\",\"exit\":\"Collapse3409195705__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":[]}

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_ = "CollectionPage2359612433";
+var _namespace_ = "CollectionPage3091439071";
 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": "CollectionPage2359612433__root"
+  "root": "CollectionPage3091439071__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_ = \"CollectionPage2359612433\";\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\":\"CollectionPage2359612433__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_ = \"CollectionPage3091439071\";\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\":\"CollectionPage3091439071__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":[]}

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

@@ -203,7 +203,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 305,
+        lineNumber: 307,
         columnNumber: 11
       }
     }),
@@ -232,13 +232,14 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 292,
+      lineNumber: 294,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
     state: tableState,
     errorState: errorState,
     rowVerticalPadding: rowVerticalPadding,
+    showTitleBar: showTitleBar,
     emptyState: emptyState,
     noResultsState: typeof noResultsState === 'function' ? () => {
       const {
@@ -255,7 +256,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 336,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -263,7 +264,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 354,
+      lineNumber: 357,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -273,7 +274,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 356,
+      lineNumber: 359,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -288,7 +289,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 370,
+        lineNumber: 373,
         columnNumber: 7
       }
     }, table);
@@ -303,7 +304,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 381,
+      lineNumber: 384,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -312,7 +313,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 391,
+      lineNumber: 394,
       columnNumber: 9
     }
   }), table);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n  type DataExtensionElement,\n  DataExtensionProps,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n  CollectionTableActionCellProps<T, F> {\n  /**\n   * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T, F>;\n\n  /**\n   * A function that receives the item of the row and returns a string for tooltip content.\n   * @external\n   */\n  checkboxTooltipContent?: (rowData: KeyedItem<T>) => string | undefined;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n  keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    errorState = renderError &&\n    (((err, { isOnline, retry }) =>\n      renderError?.({\n        err,\n        isOnline,\n        retry,\n      })) as CollectionTableProps<T, F>['errorState']),\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    keyedItems,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  const isMobile = useIsMobile();\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n          const renderedContent = render(keyedItem.item, rowNum);\n          return column.searchable ? (\n            <SearchableCollectionContent>{renderedContent}</SearchableCollectionContent>\n          ) : (\n            renderedContent\n          );\n        },\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n  let table = (\n    <CollectionTableWSRTable\n      rowClass={st(classes.root, { mobile: isMobile })}\n      {...props}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      dynamicRowClass={() =>\n        tableRowSt(tableRowClasses.root, {\n          skin: 'light',\n        })\n      }\n      horizontalScroll={horizontalScroll}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n      keyedItems={keyedItems}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        emptyState={emptyState}\n        noResultsState={\n          typeof noResultsState === 'function'\n            ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return noResultsState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n            : noResultsState\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { TableDragAndDropContext } = dragAndDrop;\n    table = (\n      <TableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </TableDragAndDropContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      errorState={errorState}\n      state={state}\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAGA,IAAAK,4BAAA,GAAAL,OAAA;AAEA,IAAAM,wBAAA,GAAAN,OAAA;AAIA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAYA,IAAAW,uBAAA,GAAAX,OAAA;AAEA,IAAAY,uBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,qBAAA,GAAAf,OAAA;AACA,IAAAgB,YAAA,GAAAhB,OAAA;AACA,IAAAiB,4BAAA,GAAAjB,OAAA;AAAyG,IAAAkB,YAAA;AAoFzG,SAASC,gBAAgBA,CACvBC,KAAiC,EACjC;EAAA,IAAAC,qBAAA;EACA,MAAM;IACJC,KAAK,EAAEC,UAAU;IACjBC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,aAAa,EAAEC,iBAAiB;IAChCC,iBAAiB,EAAEC,qBAAqB;IACxCC,aAAa;IACbC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXC,eAAe;IACfC,MAAM,EAAEC,UAAU;IAClBC,UAAU;IACVC,eAAe;IACfC,eAAe;IACfC,OAAO,EAAEC,WAAW;IACpBC,UAAU;IACVC,WAAW;IACXC,aAAa,EAAEC,iBAAiB;IAChCC,MAAM;IACNC,WAAW;IACXC,UAAU,GAAGD,WAAW,KACtB,CAACE,GAAG,EAAE;MAAEC,QAAQ;MAAEC;IAAM,CAAC,KACzBJ,WAAW,oBAAXA,WAAW,CAAG;MACZE,GAAG;MACHC,QAAQ;MACRC;IACF,CAAC,CAAC,CAA8C;IAClDC,UAAU;IACVC,cAAc;IACdC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTC,aAAa;IACbC,QAAQ;IACRC,eAAe;IACfC,qBAAqB;IACrBC,sBAAsB;IACtBC,0BAA0B;IAC1BC,WAAW;IACXC,qBAAqB;IACrBC,iBAAiB;IACjBC,iBAAiB;IACjBC,6BAA6B;IAC7BC,gBAAgB,EAAEC,oBAAoB;IACtCC,aAAa;IACbC,qBAAqB;IACrBC,yBAAyB;IACzBC,YAAY;IACZC,YAAY,GAAG,IAAI;IACnBC,eAAe;IACfC,uBAAuB;IACvBC,kBAAkB;IAClBC,UAAU;IACV,GAAGC;EACL,CAAC,GAAG/D,KAAK;EAET,MAAMgE,iBAAiB,GAAG,IAAAC,8BAAc,EAGtCtD,aAAa,CAAC,GACZA,aAAa,CAACuD,IAAI,GAClBvD,aAAa;EAEjB,MAAMT,KAAK,GAAGC,UAAU,CAACgE,OAAO;EAEhC,MAAMvC,aAAa,GAAGC,iBAAiB,IAAId,iBAAiB,IAAI,IAAI;EAEpE,MAAMqC,gBAAgB,GACpBC,oBAAoB,MAAApD,qBAAA,GACpBC,KAAK,CAACkE,SAAS,CAACC,mBAAmB,qBAAnCpE,qBAAA,CAAqCqE,OAAO,CAC1C,uCACF,CAAC;EAEH,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAE9D,MAAMrD,MAAM,GAAGC,UAAU,IAAI,CAAAmD,oBAAoB,oBAApBA,oBAAoB,CAAEE,OAAO,KAAI,IAAI;EAElE,MAAM;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGzE,KAAK;EAE5C,MAAMK,aAAa,GACjBP,KAAK,CAACO,aAAa,IAClByD,iBAAiB,iBAAInF,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACb,iBAAiB,CAACc,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAE;EAE5D,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,IAAAC,wDAA2B,EAAC;IAC1B,GAAGtF,KAAK;IACRW,aAAa;IACbiB,aAAa;IACbrB,aAAa;IACbK,IAAI;IACJ2E,0BAA0B,EAAE,CAAC,CAAC5B;EAChC,CAAC,CAAC;EAEF,MAAM;IAAE6B;EAA4B,CAAC,GAAGtF,KAAK;EAE7C,MAAM;IAAEuF,UAAU;IAAEC;EAAM,CAAC,GAAGhB,UAAU;EAExC,MAAMiB,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAExC;EAAiB,CAAC,CAAC;EAExE,MAAMyC,kBAAkD,GACtDL,2BAA2B,CAACM,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAC7D,MAAM;MACJC,MAAM;MACNC,EAAE;MACFC,QAAQ;MACRC,gBAAgB;MAChBhG,KAAK;MACLiG,KAAK;MACLC,KAAK;MACL,GAAGC;IACL,CAAC,GAAGT,MAAM;IAEV,MAAMU,UAAU,GAAGd,mBAAmB,CAACI,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAE7D,OAAO;MACL,GAAGO,UAAU;MACb,GAAGC,UAAU;MACb,IAAI7C,uBAAuB,GAAG8C,SAAS,GAAG;QAAEH,KAAK;QAAED;MAAM,CAAC,CAAC;MAC3DK,cAAc,EACZP,QAAQ,IAAID,EAAE,GAAGT,KAAK,CAACkB,IAAI,CAACC,mBAAmB,CAACV,EAAE,CAAC,GAAGO,SAAS;MACjER,MAAM,EAAEA,CAACY,SAAuB,EAAEC,MAAc,KAAK;QACnD,MAAMC,eAAe,GAAGd,MAAM,CAACY,SAAS,CAACG,IAAI,EAAEF,MAAM,CAAC;QACtD,OAAOhB,MAAM,CAACmB,UAAU,gBACtBrI,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAChF,4BAAA,CAAAsH,2BAA2B;UAAApC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAnF,YAAA;YAAAoF,UAAA;YAAAC,YAAA;UAAA;QAAA,GAAE6B,eAA6C,CAAC,GAE5EA,eACD;MACH;IACF,CAAC;EACH,CAAC,CAAC;EAEJ,MAAMI,gBAAgB,GAAG,IAAAC,+BAAmB,EAAC;IAC3C9F,eAAe,EAAE;MACf,IAAIA,eAAe,IAAI,CAAC,CAAC,CAAC;MAC1B+F,gBAAgB,EAAElE,gBAAgB,KAAI7B,eAAe,oBAAfA,eAAe,CAAE+F,gBAAgB;IACzE,CAAC;IACDhG,eAAe;IACfoD,UAAU;IACVvD,MAAM;IACNE;EACF,CAAC,CAAC;EAEF,MAAMkG,kBAAkD,GAAGH,gBAAgB,GACvE,CAAC,GAAGvB,kBAAkB,EAAEuB,gBAAgB,CAAC,GACzCvB,kBAAkB;EAEtB,MAAM2B,mBAAmB,GAAGA,CAACC,GAAmB,EAAEzB,KAAa,KAAK;IAClErE,WAAW,YAAXA,WAAW,CAAG8F,GAAG,EAAEzB,KAAK,CAAC;IAEzB,IAAIyB,GAAG,CAACtB,EAAE,IAAI,IAAI,EAAE;MAClBjG,KAAK,CAACwE,UAAU,CAACkC,IAAI,CACnB;QAAET,EAAE,EAAEsB,GAAG,CAACtB,EAAE;QAAEuB,QAAQ,EAAED,GAAG,CAACC;MAAS,CAAC,EACtC;QACEC,WAAW,EAAE,IAAI;QACjBC,QAAQ,EAAElH,qBAAqB,KAAKgG;MACtC,CACF,CAAC;IACH;EACF,CAAC;EAED,MAAM;IAAEmB,EAAE,EAAEC,UAAU;IAAEC,OAAO,EAAEC;EAAgB,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE5E,IAAIC,KAAK,gBACPtJ,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAC3F,wBAAA,CAAAkJ,uBAAuB,MAAAC,SAAA,CAAAzD,OAAA;IACtB0D,QAAQ,EAAE,IAAAT,wBAAE,EAACE,6BAAO,CAACQ,IAAI,EAAE;MAAEC,MAAM,EAAEpD;IAAS,CAAC;EAAE,GAC7CpF,KAAK;IACT2C,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAE+C,KAAK,EAAEhB,UAAU,CAAC+D,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/D/F,eACL;IACDpC,aAAa,EAAEA,aAAc;IAC7BsD,kBAAkB,EAAEA,kBAAmB;IACvCV,6BAA6B,EAAEA,6BAA8B;IAC7DwF,gBAAgB,EACd5H,iBAAiB,iBACflC,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACvF,WAAA,CAAAsJ,iCAAiC;MAChC1I,KAAK,EAAEA,KAAM;MACba,iBAAiB,EAAEA,iBAAkB;MAAAgE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnF,YAAA;QAAAoF,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtC,CAEJ;IACD0D,eAAe,EAAEA,CAAA,KACff,UAAU,CAACE,eAAe,CAACO,IAAI,EAAE;MAC/BO,IAAI,EAAE;IACR,CAAC,CACF;IACD1F,gBAAgB,EAAEA,gBAAiB;IACnCX,aAAa,EAAEA,aAAc;IAC7BtB,MAAM,EAAEA,MAAO;IACfuC,YAAY,EAAEA,YAAa;IAC3BxD,KAAK,EAAEC,UAAW;IAClBqB,OAAO,EAAE+F,kBAAmB;IAC5B5F,WAAW,EAAE6F,mBAAoB;IACjC5F,aAAa,EAAEA,aAAc;IAC7BmH,kBAAkB,EAAEA,CAACC,YAAY,EAAEC,OAAO,KAAK;MAC7C/I,KAAK,CAAC6I,kBAAkB,CAACC,YAAY,EAAEC,OAAO,CAAC;MAC/C1G,eAAe,YAAfA,eAAe,CAAGkD,UAAU,CAACyD,WAAW,EAAEzD,UAAU,CAAC0D,cAAc,CAAC;MACpEpF,IAAI,CAACgF,kBAAkB,YAAvBhF,IAAI,CAACgF,kBAAkB,CAAGC,YAAY,EAAEC,OAAO,CAAC;IAClD,CAAE;IACFG,iBAAiB,EAAGC,GAAG,IAAKnJ,KAAK,CAACoJ,IAAI,CAACC,qBAAqB,CAACF,GAAG,CAAE;IAClE3H,UAAU,EAAEA,UAAU,KAAK,CAAC;MAAEuF;IAAK,CAAC,EAAEjB,KAAK,KAAKtE,UAAU,CAACuF,IAAI,EAAEjB,KAAK,CAAC,CAAE;IACzEpC,uBAAuB,EAAEA,uBAAwB;IACjDE,UAAU,EAAEA,UAAW;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEvBtG,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACrF,uBAAA,CAAAgK,sBAAsB;IACrBtJ,KAAK,EAAEC,UAAW;IAClB6B,UAAU,EAAEA,UAAW;IACvB6B,kBAAkB,EAAEA,kBAAmB;IACvCzB,UAAU,EAAEA,UAAW;IACvBC,cAAc,EACZ,OAAOA,cAAc,KAAK,UAAU,GAChC,MAAM;MACN,MAAM;QACJoG,MAAM,EAAE;UAAEC,WAAW;UAAEe;QAAkB;MAC3C,CAAC,GAAG/E,UAAU;MACd,OAAOrC,cAAc,CAAC;QACpBoH,iBAAiB;QACjB/D,KAAK,EAAEgD;MACT,CAAC,CAAC;IACJ,CAAC,GACCrG,cACL;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eAEFtG,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAC1F,uBAAA,CAAAuK,sBAAsB;IAACxJ,KAAK,EAAEC,UAAW;IAAA4E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvCrC,0BAA0B,IAAI6B,cAAc,gBAC3C9F,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACzF,yBAAA,CAAAuK,wBAAwB;IACvBjH,QAAQ,EAAC,wBAAwB;IACjCxC,KAAK,EAAEwE,UAAW;IAClBkF,gBAAgB;IAAA7E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CAAC,GACAuB,SAAS,EACZpE,QACqB,CACD,CAC1B;EAED,IAAIS,WAAW,EAAE;IACf,MAAM;MAAE8G;IAAwB,CAAC,GAAG9G,WAAW;IAC/CoF,KAAK,gBACHtJ,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACgF,uBAAuB;MACtB3J,KAAK,EAAEA,KAAM;MACb4J,QAAQ,EAAE7G,iBAAkB;MAC5B8G,YAAY,EAAE/G,qBAAsB;MAAA+B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnF,YAAA;QAAAoF,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEnCgD,KACsB,CAC1B;EACH;EAEA,oBACEtJ,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAAC7F,eAAA,CAAAgL,cAAc,MAAA3B,SAAA,CAAAzD,OAAA;IACb5C,UAAU,EAAEA,UAAW;IACvB9B,KAAK,EAAEA,KAAM;IACbwC,QAAQ,EAAEA,QAAS;IACnB/B,aAAa,EAAEqD,iBAAkB;IACjCpD,IAAI,EAAEA;EAAK,GACP4B,SAAS;IAAAuC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEZlE,WAAW,IAAIf,KAAK,CAAC+J,kBAAkB,CAAChJ,WAAW,CAACiJ,KAAK,EACzDhJ,eAAe,iBACdrC,MAAA,CAAA+F,OAAA,CAAAC,aAAA,CAACvF,WAAA,CAAA6K,+BAA+B;IAC9BjK,KAAK,EAAEA,KAAM;IACbgB,eAAe,EAAEA,eAAgB;IAAA6D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnF,YAAA;MAAAoF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CACF,EACAgD,KACa,CAAC;AAErB;AAEO,MAAMiC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACvK,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionCard","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_CollectionTableStCss","_useIsMobile","_SearchableCollectionContent","_jsxFileName","_CollectionTable","props","_state$container$inte","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","keyedItems","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","renderedContent","item","searchable","SearchableCollectionContent","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","st","tableRowSt","classes","tableRowClasses","Table","dataTableRowStyle","table","CollectionTableWSRTable","_extends2","rowClass","root","mobile","result","originQuery","selectionToolbar","SingleCollectionBulkActionToolbar","dynamicRowClass","skin","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","hasAvailableItems","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onBulkSubmit","CollectionCard","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { Table, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n  BulkActionModalRenderProp,\n  BulkActionToolbarRenderProp,\n  SingleCollectionBulkActionModal,\n  SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableActionCellProps } from './CollectionTableBaseCommonProps';\nimport {\n  type DataExtensionElement,\n  DataExtensionProps,\n  type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\nimport { st, classes } from './CollectionTable.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { SearchableCollectionContent } from '../SearchableCollectionContent/SearchableCollectionContent';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<T, T, F>,\n    CollectionTableActionCellProps<T, F> {\n  /**\n   * Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects.\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   * @external\n   */\n  columns: TableColumn<T>[];\n\n  /**\n   * Whether to show a checkbox column for selecting items.\n   * @default false\n   * @external\n   */\n  showSelection?: boolean;\n  /**\n   * A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n   * @external\n   */\n  onRowClick?: (item: T, index: number) => void;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar.\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableDragAndDrop](./?path=/story/features-sort-drag-and-drop--tabledraganddrop)\n   * @external\n   */\n  dragAndDrop?: TableDragAndDropType;\n\n  /**\n   * Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n   */\n  dataExtension?: DataExtensionType | DataExtensionElement;\n\n  tags?: TagsElement<T, F>;\n\n  /**\n   * A function that receives the item of the row and returns a string for tooltip content.\n   * @external\n   */\n  checkboxTooltipContent?: (rowData: KeyedItem<T>) => string | undefined;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n  /**\n   * Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar).\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `closeModal`: Closes the modal.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  state: TableState<T, F>;\n  keyedItems?: KeyedItem<T>[];\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableProps<T, F>,\n) {\n  const {\n    state: tableState,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    dataExtension,\n    tags,\n    views,\n    extraToolbar,\n    bulkActionToolbar,\n    exportButton,\n    exportModal,\n    bulkActionModal,\n    sticky: stickyProp,\n    actionCell,\n    actionCellWidth,\n    actionCellProps,\n    columns: columnsProp,\n    onRowClick,\n    onSortClick,\n    showSelection: showSelectionProp,\n    search,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({\n          err,\n          isOnline,\n          retry,\n        })) as CollectionTableProps<T, F>['errorState']),\n    emptyState,\n    noResultsState,\n    children,\n    onSelectedItems,\n    cardProps,\n    minCardHeight,\n    dataHook,\n    topNotification,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    useNewInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    dragAndDropReorderModeToolbar,\n    horizontalScroll: horizontalScrollProp,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    maxSelection,\n    showTitleBar = true,\n    BodyElementType,\n    isApplyColumnWidthStyle,\n    rowVerticalPadding,\n    keyedItems,\n    ...rest\n  } = props;\n\n  const dataExtensionType = isValidElement<\n    DataExtensionProps,\n    DataExtensionType\n  >(dataExtension)\n    ? dataExtension.type\n    : dataExtension;\n\n  const state = tableState.toolbar;\n\n  const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n  const horizontalScroll =\n    horizontalScrollProp ??\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.HorizontalScrollAsDefault',\n    );\n\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n  const { collection, internalScroll } = state;\n\n  const customColumns =\n    props.customColumns ||\n    (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n  const isMobile = useIsMobile();\n\n  useTableCollectionSyncProps({\n    ...props,\n    dataExtension,\n    showSelection,\n    customColumns,\n    tags,\n    isUsingTableVirtualization: !!BodyElementType,\n  });\n\n  const { selectedOrderedColumnsOrAll } = state;\n\n  const { bulkSelect, query } = collection;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n    selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        render,\n        id,\n        sortable,\n        infoTooltipProps,\n        title,\n        width,\n        style,\n        ...restColumn\n      } = column;\n\n      const columnBase = createWSRColumnBase(column, index, length);\n\n      return {\n        ...restColumn,\n        ...columnBase,\n        ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n        sortDescending:\n          sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n        render: (keyedItem: KeyedItem<T>, rowNum: number) => {\n          const renderedContent = render(keyedItem.item, rowNum);\n          return column.searchable ? (\n            <SearchableCollectionContent>\n              {renderedContent}\n            </SearchableCollectionContent>\n          ) : (\n            renderedContent\n          );\n        },\n      };\n    });\n\n  const actionCellColumn = useActionCellColumn({\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: horizontalScroll || actionCellProps?.stickyActionCell,\n    },\n    actionCellWidth,\n    collection,\n    sticky,\n    actionCell,\n  });\n\n  const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n    ? [...transformedColumns, actionCellColumn]\n    : transformedColumns;\n\n  const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n    onSortClick?.(col, index);\n\n    if (col.id != null) {\n      state.collection.sort(\n        { id: col.id, sortMode: col.sortMode },\n        {\n          clearResult: true,\n          multiple: multiLevelSortingProp !== undefined,\n        },\n      );\n    }\n  };\n\n  const { st: tableRowSt, classes: tableRowClasses } = Table.dataTableRowStyle;\n\n  let table = (\n    <CollectionTableWSRTable\n      rowClass={st(classes.root, { mobile: isMobile })}\n      {...props}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      customColumns={customColumns}\n      rowVerticalPadding={rowVerticalPadding}\n      dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <SingleCollectionBulkActionToolbar\n            state={state}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      dynamicRowClass={() =>\n        tableRowSt(tableRowClasses.root, {\n          skin: 'light',\n        })\n      }\n      horizontalScroll={horizontalScroll}\n      minCardHeight={minCardHeight}\n      sticky={sticky}\n      showTitleBar={showTitleBar}\n      state={tableState}\n      columns={columnsWithActions}\n      onSortClick={internalOnSortClick}\n      showSelection={showSelection}\n      onSelectionChanged={(_selectedIds, _change) => {\n        state.onSelectionChanged(_selectedIds, _change);\n        onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n        rest.onSelectionChanged?.(_selectedIds, _change);\n      }}\n      selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n      onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n      isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n      keyedItems={keyedItems}\n    >\n      <TablePlaceholderStates\n        state={tableState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n        showTitleBar={showTitleBar}\n        emptyState={emptyState}\n        noResultsState={\n          typeof noResultsState === 'function'\n            ? () => {\n                const {\n                  result: { originQuery, hasAvailableItems },\n                } = collection;\n                return noResultsState({\n                  hasAvailableItems,\n                  query: originQuery,\n                });\n              }\n            : noResultsState\n        }\n      />\n\n      <CollectionTableContent state={tableState}>\n        {useNewInfiniteScrollLoader || internalScroll ? (\n          <PageInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={collection}\n            scrollMoreAlways\n          />\n        ) : undefined}\n        {children}\n      </CollectionTableContent>\n    </CollectionTableWSRTable>\n  );\n\n  if (dragAndDrop) {\n    const { TableDragAndDropContext } = dragAndDrop;\n    table = (\n      <TableDragAndDropContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onBulkSubmit={dragAndDropBulkSubmit}\n      >\n        {table}\n      </TableDragAndDropContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      errorState={errorState}\n      state={state}\n      dataHook={dataHook}\n      dataExtension={dataExtensionType}\n      tags={tags}\n      {...cardProps}\n    >\n      {exportModal ?? state.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <SingleCollectionBulkActionModal\n          state={state}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n      {table}\n    </CollectionCard>\n  );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","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_ = "CollectionTable1629029115";
+var _namespace_ = "CollectionTable3574185100";
 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": "CollectionTable1629029115__root"
+  "root": "CollectionTable3574185100__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_ = \"CollectionTable1629029115\";\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\":\"CollectionTable1629029115__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_ = \"CollectionTable3574185100\";\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\":\"CollectionTable3574185100__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -55,6 +55,8 @@ function _CollectionTableWSRTable(props) {
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
     toolbar,
+    showLoadingState,
+    showEmptyState,
     tableState: table,
     keyedItems: stateKeyedItems
   } = state;
@@ -64,22 +66,15 @@ function _CollectionTableWSRTable(props) {
   const isGreyHeadersEnabled = internalExperiments == null ? void 0 : internalExperiments.enabled('specs.cairo.tableGreyHeaders');
   const {
     bulk,
-    collection: toolbarCollection,
     initTask
   } = toolbar;
   const keyedItems = props.keyedItems ?? stateKeyedItems;
   const {
     collection
   } = table;
-  const {
-    result: {
-      size
-    }
-  } = toolbarCollection;
   const {
     showRefreshLoader,
-    showErrorState,
-    showEmptyState
+    showErrorState
   } = collection;
   const {
     stackingRootRef
@@ -94,8 +89,8 @@ function _CollectionTableWSRTable(props) {
   }, [onRowClick]);
   const Table = _designSystem.Table;
   const showSelection = showSelectionProp ?? selectionToolbar != null;
-  const hideTitleBar = isMobile || !size || table.showLoadingState || initTask.status.isError;
-  const showBorderBox = !table.showLoadingState && (hideTitleBar || !showTitleBar);
+  const hideTitleBar = isMobile || showEmptyState || showLoadingState || initTask.status.isError;
+  const showBorderBox = (!table.showLoadingState || !showTitleBar) && (hideTitleBar || !showTitleBar);
   const tableColumns = isMobile ? [{
     id: 'tableColumn',
     title: '',
@@ -107,21 +102,21 @@ function _CollectionTableWSRTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 176,
+          lineNumber: 182,
           columnNumber: 13
         }
       }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 177,
+          lineNumber: 183,
           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: 178,
+          lineNumber: 184,
           columnNumber: 30
         }
       }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
@@ -146,7 +141,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 206,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
@@ -179,7 +174,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 210,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -203,7 +198,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 263,
+        lineNumber: 269,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -214,14 +209,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 265,
+        lineNumber: 271,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 269,
+        lineNumber: 275,
         columnNumber: 19
       }
     }))),
@@ -235,7 +230,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242,
+      lineNumber: 248,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -243,7 +238,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 282,
+      lineNumber: 288,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -255,7 +250,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 283,
+      lineNumber: 289,
       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","visualization","isMobile","useIsMobile","toolbar","tableState","table","keyedItems","stateKeyedItems","internalExperiments","useWixPatternsContainer","isGreyHeadersEnabled","enabled","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","skin","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, useWixPatternsContainer } 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 { internalExperiments } = useWixPatternsContainer();\n\n  const isGreyHeadersEnabled = internalExperiments?.enabled(\n    'specs.cairo.tableGreyHeaders',\n  );\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        skin={isGreyHeadersEnabled ? 'neutral' : props.skin}\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":[]}
+{"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","showLoadingState","showEmptyState","tableState","table","keyedItems","stateKeyedItems","internalExperiments","useWixPatternsContainer","isGreyHeadersEnabled","enabled","bulk","initTask","collection","showRefreshLoader","showErrorState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","hideTitleBar","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","skin","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","result","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, useWixPatternsContainer } 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    showLoadingState: boolean;\n    showEmptyState: boolean;\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 {\n    toolbar,\n    showLoadingState,\n    showEmptyState,\n    tableState: table,\n    keyedItems: stateKeyedItems,\n  } = state;\n  const { internalExperiments } = useWixPatternsContainer();\n\n  const isGreyHeadersEnabled = internalExperiments?.enabled(\n    'specs.cairo.tableGreyHeaders',\n  );\n  const { bulk, initTask } = toolbar;\n\n  const keyedItems = props.keyedItems ?? stateKeyedItems;\n  const { collection } = table;\n  const { showRefreshLoader, showErrorState } = 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 || showEmptyState || showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    (!table.showLoadingState || !showTitleBar) &&\n    (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        skin={isGreyHeadersEnabled ? 'neutral' : props.skin}\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/CollectionTableActionsColumn.js

@@ -8,9 +8,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _state = require("../state");
 var _CollectionItemActions = require("./CollectionItemActions");
 var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTableActionsColumn.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _CollectionTableActionsColumn(props) {
+  const {
+    experiments
+  } = (0, _react2.useWixPatternsContainer)();
+  const isActionCellSizeSmallEnabled = experiments.enabled('specs.cairo.SmallActionCellSize');
   const {
     collection,
     index,
@@ -28,6 +33,7 @@ function _CollectionTableActionsColumn(props) {
     const actionCellProps = typeof actionCell === 'function' ? actionCell(keyedItem.item, index, state.actionCellAPI) : actionCell;
     return {
       ...actionCellProps,
+      size: isActionCellSizeSmallEnabled ? 'small' : actionCellProps.size,
       popoverMenuProps: {
         // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41
         ...(sticky && {
@@ -47,7 +53,7 @@ function _CollectionTableActionsColumn(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 59,
       columnNumber: 5
     }
   }));