@wix/patterns 1.121.0 → 1.122.0

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_ = "Collapse1691968711";
+var _namespace_ = "Collapse4209116293";
 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": "Collapse1691968711__root",
-  "exit": "Collapse1691968711__exit"
+  "root": "Collapse4209116293__root",
+  "exit": "Collapse4209116293__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_ = \"Collapse1691968711\";\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\":\"Collapse1691968711__root\",\"exit\":\"Collapse1691968711__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_ = \"Collapse4209116293\";\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\":\"Collapse4209116293__root\",\"exit\":\"Collapse4209116293__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/CollectionToolbar/CollectionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar545723748";
+var _namespace_ = "CollectionToolbar969792948";
 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": "CollectionToolbar545723748__root",
-  "left": "CollectionToolbar545723748__left",
-  "right": "CollectionToolbar545723748__right",
-  "fullWidth": "CollectionToolbar545723748__fullWidth"
+  "root": "CollectionToolbar969792948__root",
+  "left": "CollectionToolbar969792948__left",
+  "right": "CollectionToolbar969792948__right",
+  "fullWidth": "CollectionToolbar969792948__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar545723748\";\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\":\"CollectionToolbar545723748__root\",\"left\":\"CollectionToolbar545723748__left\",\"right\":\"CollectionToolbar545723748__right\",\"fullWidth\":\"CollectionToolbar545723748__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar969792948\";\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\":\"CollectionToolbar969792948__root\",\"left\":\"CollectionToolbar969792948__left\",\"right\":\"CollectionToolbar969792948__right\",\"fullWidth\":\"CollectionToolbar969792948__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter69952455";
+var _namespace_ = "SearchOrCustomFilter4155157005";
 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": "SearchOrCustomFilter69952455__root",
-  "search": "SearchOrCustomFilter69952455__search"
+  "root": "SearchOrCustomFilter4155157005__root",
+  "search": "SearchOrCustomFilter4155157005__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter69952455\";\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\":\"SearchOrCustomFilter69952455__root\",\"search\":\"SearchOrCustomFilter69952455__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,QAAQ,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter4155157005\";\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\":\"SearchOrCustomFilter4155157005__root\",\"search\":\"SearchOrCustomFilter4155157005__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly623013626";
+var _namespace_ = "AutoCompleteReadonly107765825";
 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": "AutoCompleteReadonly623013626__root"
+  "root": "AutoCompleteReadonly107765825__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown732613939";
+var _namespace_ = "ViewsDropdown3335154823";
 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": "ViewsDropdown732613939__root"
+  "root": "ViewsDropdown3335154823__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -16,7 +16,8 @@ const _CustomFieldsViewWidget = ({
   fqdn,
   extendedFields,
   title,
-  userFieldsTitle
+  userFieldsTitle,
+  theme = 'card'
 }) => {
   const {
     state,
@@ -26,7 +27,8 @@ const _CustomFieldsViewWidget = ({
     areAllCustomFieldsEmpty
   } = (0, _useCustomFieldsViewWidget.useCustomFieldsViewWidget)({
     fqdn,
-    extendedFields
+    extendedFields,
+    theme
   });
   const {
     translate: t
@@ -37,21 +39,23 @@ const _CustomFieldsViewWidget = ({
     }
     switch (true) {
       case state.isLoading:
-        return /*#__PURE__*/_react.default.createElement(_Skeletons.SkeletonContent, {
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 65,
-            columnNumber: 16
-          }
-        });
+        {
+          return /*#__PURE__*/_react.default.createElement(_Skeletons.InlineSkeletonContent, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 74,
+              columnNumber: 16
+            }
+          });
+        }
       case state.isError:
         return /*#__PURE__*/_react.default.createElement(_ErrorStateContent.ErrorStateContent, {
           state: state,
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 67,
+            lineNumber: 77,
             columnNumber: 16
           }
         });
@@ -62,7 +66,7 @@ const _CustomFieldsViewWidget = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 70,
+            lineNumber: 80,
             columnNumber: 11
           }
         });
@@ -74,22 +78,37 @@ const _CustomFieldsViewWidget = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 78,
+            lineNumber: 88,
             columnNumber: 11
           }
         });
     }
   };
-  return userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError ? /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
+  const shouldRenderContent = userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError;
+  if (!shouldRenderContent) {
+    return null;
+  }
+  if (theme === 'inline') {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 12
+      }
+    }, getContentElement());
+  }
+  return /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
     dataHook: dataHook,
     title: title ?? t('cairo.customFields.entityPage.title'),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 112,
       columnNumber: 5
     }
-  }, getContentElement()) : null;
+  }, getContentElement());
 };
 const CustomFieldsViewWidget = exports.CustomFieldsViewWidget = (0, _mobxReactLite.observer)(_CustomFieldsViewWidget);
 const CustomFieldsCard = ({
@@ -103,7 +122,7 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 129,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -113,21 +132,21 @@ const CustomFieldsCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 132,
         columnNumber: 16
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 130,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 134,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -135,7 +154,7 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 135,
       columnNumber: 7
     }
   }, children));
@@ -148,7 +167,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 144,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -156,7 +175,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 145,
       columnNumber: 7
     }
   }, title));
@@ -176,14 +195,14 @@ const EmptyStateCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 162,
         columnNumber: 9
       }
     }, subtitle),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 158,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","useCustomFieldsViewWidget","translate","t","getContentElement","isLoading","isError","length","default","createElement","SkeletonContent","__self","__source","fileName","lineNumber","columnNumber","ErrorStateContent","EmptyStateCard","subtitle","CustomFieldsViewWidgetContent","CustomFieldsCard","CustomFieldsViewWidget","exports","observer","children","Card","stretchVertically","Header","HeaderTitle","Divider","Content","Box","gap","Heading","appearance","EmptyState","Text","size","secondary","widows"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { PropsWithChildren } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { SkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * Existing extended fields values, usually under `myEntity.extendedFields`.\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * Overrides the default widget title.\n   */\n  title?: string;\n\n  /**\n   * Overrides the title of the user fields section.\n   */\n  userFieldsTitle?: string;\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n}: CustomFieldsViewWidgetProps) => {\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = useCustomFieldsViewWidget({ fqdn, extendedFields });\n\n  const { translate: t } = container;\n\n  const getContentElement = () => {\n    if (\n      !state.isLoading &&\n      !state.isError &&\n      !userCustomFields.length &&\n      !appsCustomFields.length\n    ) {\n      return null;\n    }\n    switch (true) {\n      case state.isLoading:\n        return <SkeletonContent />;\n      case state.isError:\n        return <ErrorStateContent state={state} />;\n      case areAllCustomFieldsEmpty:\n        return (\n          <EmptyStateCard\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        );\n\n      default:\n        return (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        );\n    }\n  };\n\n  return userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError ? (\n    <CustomFieldsCard\n      dataHook={dataHook}\n      title={title ?? t('cairo.customFields.entityPage.title')}\n    >\n      {getContentElement()}\n    </CustomFieldsCard>\n  ) : null;\n};\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst CustomFieldsCard = ({\n  dataHook,\n  title,\n  children,\n}: PropsWithChildren<{ dataHook?: string; title: string }>) => {\n  return (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={<HeaderTitle title={title} />}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {children}\n      </Card.Content>\n    </Card>\n  );\n};\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n\nconst EmptyStateCard = ({\n  title,\n  subtitle,\n}: {\n  title: string;\n  subtitle: string;\n}) => {\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={title}\n      subtitle={\n        <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n          {subtitle}\n        </Text>\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","theme","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","useCustomFieldsViewWidget","translate","t","getContentElement","isLoading","isError","length","default","createElement","InlineSkeletonContent","__self","__source","fileName","lineNumber","columnNumber","ErrorStateContent","EmptyStateCard","subtitle","CustomFieldsViewWidgetContent","shouldRenderContent","CustomFieldsCard","CustomFieldsViewWidget","exports","observer","children","Card","stretchVertically","Header","HeaderTitle","Divider","Content","Box","gap","Heading","appearance","EmptyState","Text","size","secondary","widows"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { PropsWithChildren } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { InlineSkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = useCustomFieldsViewWidget({ fqdn, extendedFields, theme });\n\n  const { translate: t } = container;\n\n  const getContentElement = () => {\n    if (\n      !state.isLoading &&\n      !state.isError &&\n      !userCustomFields.length &&\n      !appsCustomFields.length\n    ) {\n      return null;\n    }\n    switch (true) {\n      case state.isLoading: {\n        return <InlineSkeletonContent />;\n      }\n      case state.isError:\n        return <ErrorStateContent state={state} />;\n      case areAllCustomFieldsEmpty:\n        return (\n          <EmptyStateCard\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        );\n\n      default:\n        return (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        );\n    }\n  };\n\n  const shouldRenderContent =\n    userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError;\n\n  if (!shouldRenderContent) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return <div data-hook={dataHook}>{getContentElement()}</div>;\n  }\n\n  return (\n    <CustomFieldsCard\n      dataHook={dataHook}\n      title={title ?? t('cairo.customFields.entityPage.title')}\n    >\n      {getContentElement()}\n    </CustomFieldsCard>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst CustomFieldsCard = ({\n  dataHook,\n  title,\n  children,\n}: PropsWithChildren<{ dataHook?: string; title: string }>) => {\n  return (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={<HeaderTitle title={title} />}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {children}\n      </Card.Content>\n    </Card>\n  );\n};\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n\nconst EmptyStateCard = ({\n  title,\n  subtitle,\n}: {\n  title: string;\n  subtitle: string;\n}) => {\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={title}\n      subtitle={\n        <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n          {subtitle}\n        </Text>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,8BAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AAAwE,IAAAQ,YAAA;AAqCxE,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,IAAI;EACJC,cAAc;EACdC,KAAK;EACLC,eAAe;EACfC,KAAK,GAAG;AACmB,CAAC,KAAK;EACjC,MAAM;IACJC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IAAEV,IAAI;IAAEC,cAAc;IAAEG;EAAM,CAAC,CAAC;EAE9D,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAGJ,SAAS;EAElC,MAAMK,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IACE,CAACR,KAAK,CAACS,SAAS,IAChB,CAACT,KAAK,CAACU,OAAO,IACd,CAACT,gBAAgB,CAACU,MAAM,IACxB,CAACT,gBAAgB,CAACS,MAAM,EACxB;MACA,OAAO,IAAI;IACb;IACA,QAAQ,IAAI;MACV,KAAKX,KAAK,CAACS,SAAS;QAAE;UACpB,oBAAOxB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,UAAA,CAAA0B,qBAAqB;YAAAC,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAzB,YAAA;cAAA0B,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;QAClC;MACA,KAAKnB,KAAK,CAACU,OAAO;QAChB,oBAAOzB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,kBAAA,CAAA+B,iBAAiB;UAACpB,KAAK,EAAEA,KAAM;UAAAe,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAzB,YAAA;YAAA0B,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAC5C,KAAKf,uBAAuB;QAC1B,oBACEnB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACQ,cAAc;UACbxB,KAAK,EAAEU,CAAC,CAAC,gDAAgD,CAAE;UAC3De,QAAQ,EAAEf,CAAC,CAAC,mDAAmD,CAAE;UAAAQ,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAzB,YAAA;YAAA0B,UAAA;YAAAC,YAAA;UAAA;QAAA,CAClE,CAAC;MAGN;QACE,oBACElC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,8BAAA,CAAAiC,6BAA6B;UAC5BvB,KAAK,EAAEA,KAAM;UACbJ,cAAc,EAAEA,cAAe;UAC/BE,eAAe,EAAEA,eAAgB;UAAAiB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAzB,YAAA;YAAA0B,UAAA;YAAAC,YAAA;UAAA;QAAA,CAClC,CAAC;IAER;EACF,CAAC;EAED,MAAMK,mBAAmB,GACvBvB,gBAAgB,CAACU,MAAM,IACvBT,gBAAgB,CAACS,MAAM,IACvBX,KAAK,CAACS,SAAS,IACfT,KAAK,CAACU,OAAO;EAEf,IAAI,CAACc,mBAAmB,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,IAAIzB,KAAK,KAAK,QAAQ,EAAE;IACtB,oBAAOd,MAAA,CAAA2B,OAAA,CAAAC,aAAA;MAAK,aAAWnB,QAAS;MAAAqB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEX,iBAAiB,CAAC,CAAO,CAAC;EAC9D;EAEA,oBACEvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACY,gBAAgB;IACf/B,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAK,IAAIU,CAAC,CAAC,qCAAqC,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExDX,iBAAiB,CAAC,CACH,CAAC;AAEvB,CAAC;AAEM,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACnC,uBAAuB,CAAC;AAEvE,MAAMgC,gBAAgB,GAAGA,CAAC;EACxB/B,QAAQ;EACRG,KAAK;EACLgC;AACuD,CAAC,KAAK;EAC7D,oBACE5C,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2C,IAAI;IAACpC,QAAQ,EAAEA,QAAS;IAACqC,iBAAiB;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzClC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2C,IAAI,CAACE,MAAM;IACVtC,QAAQ,EAAC,kCAAkC;IAC3CG,KAAK,eAAEZ,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACoB,WAAW;MAACpC,KAAK,EAAEA,KAAM;MAAAkB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtC,CAAC,eACFlC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2C,IAAI,CAACI,OAAO;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBlC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2C,IAAI,CAACK,OAAO;IAACzC,QAAQ,EAAC,mCAAmC;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvDU,QACW,CACV,CAAC;AAEX,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAC;EAAEpC;AAAyB,CAAC,KAAK;EACpD,oBACEZ,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAiD,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZlC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAmD,OAAO;IAACC,UAAU,EAAC,IAAI;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEtB,KAAe,CACtC,CAAC;AAEV,CAAC;AAED,MAAMwB,cAAc,GAAGA,CAAC;EACtBxB,KAAK;EACLyB;AAIF,CAAC,KAAK;EACJ,oBACErC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAqD,UAAU;IACT9C,QAAQ,EAAC,aAAa;IACtBG,KAAK,EAAEA,KAAM;IACbyB,QAAQ,eACNrC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAsD,IAAI;MAAC/C,QAAQ,EAAC,sBAAsB;MAACgD,IAAI,EAAC,OAAO;MAACC,SAAS;MAACC,MAAM;MAAA7B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChEG,QACG,CACP;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js

@@ -24,6 +24,7 @@ var _default = (base, body) => {
     return wholeLabel.substring(0, wholeLabel.length - 1);
   };
   const getCustomFieldValue = (namespace, fieldId) => base.$(`[data-hook="custom-field-value-${namespace}-${fieldId}"]`).text();
+  const sectionTitleForNamespaceExists = namespace => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).exists();
   const getSectionTitleForNamespace = namespace => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).text();
   const getFileCard = mediaId => {
     return (0, _unidriver2.BoxUniDriver)(base.$(`[data-hook="file-card-${mediaId}"]`), body);
@@ -46,6 +47,7 @@ var _default = (base, body) => {
   const getFileDetailsName = mediaId => {
     return (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="file-details-name-${mediaId}"]`), body);
   };
+  const getTitleElement = () => base.$(`[data-hook="title"]`);
   return {
     getFileCard,
     getFileThumbnail,
@@ -54,7 +56,8 @@ var _default = (base, body) => {
     getFileDetailsName,
     getFileDetailsSize,
     /** Returns title text */
-    getTitle: () => base.$(`[data-hook="title"]`).text(),
+    getTitle: () => getTitleElement().text(),
+    getTitleElement,
     /** Indicates whether the widget loading state shows */
     loadingStateExists: () => base.$(`[data-hook="loading-state-skeleton-group"]`).exists(),
     fieldsContentExists: () => base.$(`[data-hook="fields-content"]`).exists(),
@@ -92,6 +95,7 @@ var _default = (base, body) => {
     getSectionTitleForNamespace,
     /** Return the section title by index */
     getSectionTitleByIndex: async index => (await getSectionTitles())[index],
+    sectionTitleForNamespaceExists,
     ...(0, _unidriver.baseUniDriverFactory)(base)
   };
 };

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","errorState","EmptyStateUniDriver","$","emptyState","tryAgainButton","TextButtonUniDriver","getCustomFieldLabels","$$","map","label","text","substring","length","getCustomFieldValues","value","getSectionTitles","getCustomFieldLabelsForNamespace","namespace","getCustomFieldValuesForNamespace","getCustomFieldLabel","fieldId","wholeLabel","getCustomFieldValue","getSectionTitleForNamespace","getFileCard","mediaId","BoxUniDriver","getFileThumbnail","mediaType","getFileDownloadButton","getFileDetails","getFileDetailsSize","TextUniDriver","getFileDetailsName","getTitle","loadingStateExists","exists","fieldsContentExists","getErrorTitle","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","click","getTryAgainContent","getButtonTextContent","getCustomFieldLabelByIndex","index","getCustomFieldValueByIndex","getSectionTitleByIndex","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  TextButtonUniDriver,\n  BoxUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const errorState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"error-state\"]`), body);\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const tryAgainButton = () =>\n    TextButtonUniDriver(base.$(`[data-hook=\"retry-button\"]`), body);\n\n  const getCustomFieldLabels = () =>\n    base.$$(`[data-hook^=\"custom-field-label\"]`).map(async (label) => {\n      const text = await label.text();\n      return text.substring(0, text.length - 1);\n    });\n\n  const getCustomFieldValues = () =>\n    base.$$(`[data-hook^=\"custom-field-value\"]`).map((value) => value.text());\n\n  const getSectionTitles = () =>\n    base\n      .$$('[data-hook^=\"custom-field-section-title\"]')\n      .map((value) => value.text());\n\n  const getCustomFieldLabelsForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-label-${namespace}\"]`)\n      .map(async (label) => {\n        const text = await label.text();\n        return text.substring(0, text.length - 1);\n      });\n\n  const getCustomFieldValuesForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-value-${namespace}\"]`)\n      .map((value) => value.text());\n\n  const getCustomFieldLabel = async (namespace: string, fieldId: string) => {\n    const wholeLabel = await base\n      .$(`[data-hook=\"custom-field-label-${namespace}-${fieldId}\"]`)\n      .text();\n\n    return wholeLabel.substring(0, wholeLabel.length - 1);\n  };\n\n  const getCustomFieldValue = (namespace: string, fieldId: string) =>\n    base.$(`[data-hook=\"custom-field-value-${namespace}-${fieldId}\"]`).text();\n\n  const getSectionTitleForNamespace = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).text();\n\n  const getFileCard = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-card-${mediaId}\"]`), body);\n  };\n  const getFileThumbnail = ({\n    mediaId,\n    mediaType,\n  }: {\n    mediaId: string;\n    mediaType: string;\n  }) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"file-thumbnail-${mediaType}-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDownloadButton = (mediaId: string) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"download-button-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetails = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-details-${mediaId}\"]`), body);\n  };\n\n  const getFileDetailsSize = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-size-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetailsName = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-name-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  return {\n    getFileCard,\n    getFileThumbnail,\n    getFileDownloadButton,\n    getFileDetails,\n    getFileDetailsName,\n    getFileDetailsSize,\n    /** Returns title text */\n    getTitle: () => base.$(`[data-hook=\"title\"]`).text(),\n    /** Indicates whether the widget loading state shows */\n    loadingStateExists: () =>\n      base.$(`[data-hook=\"loading-state-skeleton-group\"]`).exists(),\n    fieldsContentExists: () => base.$(`[data-hook=\"fields-content\"]`).exists(),\n    /** Returns the error state title */\n    getErrorTitle: () => errorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => errorState().getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => base.$(`[data-hook=\"empty-state-subtitle\"]`).text(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () => tryAgainButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () => tryAgainButton().getButtonTextContent(),\n    /** Returns all custom field labels */\n    getCustomFieldLabels,\n    /** Returns custom field labels for specific namespace */\n    getCustomFieldLabelsForNamespace,\n    /** Returns specific custom field label by namespace and field id */\n    getCustomFieldLabel,\n    /** Returns the custom field label by index */\n    getCustomFieldLabelByIndex: async (index: number) =>\n      (await getCustomFieldLabels())[index],\n    /** Returns all custom field values */\n    getCustomFieldValues,\n    /** Returns custom field values for specific namespace */\n    getCustomFieldValuesForNamespace,\n    /** Returns specific custom field value by namespace and field id */\n    getCustomFieldValue,\n    /** Returns the custom field value by index */\n    getCustomFieldValueByIndex: async (index: number) =>\n      (await getCustomFieldValues())[index],\n    /** Return all section titles */\n    getSectionTitles,\n    /** Return specific section title for namespace */\n    getSectionTitleForNamespace,\n    /** Return the section title by index */\n    getSectionTitleByIndex: async (index: number) =>\n      (await getSectionTitles())[index],\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","errorState","EmptyStateUniDriver","$","emptyState","tryAgainButton","TextButtonUniDriver","getCustomFieldLabels","$$","map","label","text","substring","length","getCustomFieldValues","value","getSectionTitles","getCustomFieldLabelsForNamespace","namespace","getCustomFieldValuesForNamespace","getCustomFieldLabel","fieldId","wholeLabel","getCustomFieldValue","sectionTitleForNamespaceExists","exists","getSectionTitleForNamespace","getFileCard","mediaId","BoxUniDriver","getFileThumbnail","mediaType","getFileDownloadButton","getFileDetails","getFileDetailsSize","TextUniDriver","getFileDetailsName","getTitleElement","getTitle","loadingStateExists","fieldsContentExists","getErrorTitle","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","click","getTryAgainContent","getButtonTextContent","getCustomFieldLabelByIndex","index","getCustomFieldValueByIndex","getSectionTitleByIndex","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  TextButtonUniDriver,\n  BoxUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const errorState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"error-state\"]`), body);\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const tryAgainButton = () =>\n    TextButtonUniDriver(base.$(`[data-hook=\"retry-button\"]`), body);\n\n  const getCustomFieldLabels = () =>\n    base.$$(`[data-hook^=\"custom-field-label\"]`).map(async (label) => {\n      const text = await label.text();\n      return text.substring(0, text.length - 1);\n    });\n\n  const getCustomFieldValues = () =>\n    base.$$(`[data-hook^=\"custom-field-value\"]`).map((value) => value.text());\n\n  const getSectionTitles = () =>\n    base\n      .$$('[data-hook^=\"custom-field-section-title\"]')\n      .map((value) => value.text());\n\n  const getCustomFieldLabelsForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-label-${namespace}\"]`)\n      .map(async (label) => {\n        const text = await label.text();\n        return text.substring(0, text.length - 1);\n      });\n\n  const getCustomFieldValuesForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-value-${namespace}\"]`)\n      .map((value) => value.text());\n\n  const getCustomFieldLabel = async (namespace: string, fieldId: string) => {\n    const wholeLabel = await base\n      .$(`[data-hook=\"custom-field-label-${namespace}-${fieldId}\"]`)\n      .text();\n\n    return wholeLabel.substring(0, wholeLabel.length - 1);\n  };\n\n  const getCustomFieldValue = (namespace: string, fieldId: string) =>\n    base.$(`[data-hook=\"custom-field-value-${namespace}-${fieldId}\"]`).text();\n\n  const sectionTitleForNamespaceExists = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).exists();\n\n  const getSectionTitleForNamespace = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).text();\n\n  const getFileCard = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-card-${mediaId}\"]`), body);\n  };\n  const getFileThumbnail = ({\n    mediaId,\n    mediaType,\n  }: {\n    mediaId: string;\n    mediaType: string;\n  }) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"file-thumbnail-${mediaType}-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDownloadButton = (mediaId: string) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"download-button-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetails = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-details-${mediaId}\"]`), body);\n  };\n\n  const getFileDetailsSize = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-size-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetailsName = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-name-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getTitleElement = () => base.$(`[data-hook=\"title\"]`);\n\n  return {\n    getFileCard,\n    getFileThumbnail,\n    getFileDownloadButton,\n    getFileDetails,\n    getFileDetailsName,\n    getFileDetailsSize,\n    /** Returns title text */\n    getTitle: () => getTitleElement().text(),\n    getTitleElement,\n    /** Indicates whether the widget loading state shows */\n    loadingStateExists: () =>\n      base.$(`[data-hook=\"loading-state-skeleton-group\"]`).exists(),\n    fieldsContentExists: () => base.$(`[data-hook=\"fields-content\"]`).exists(),\n    /** Returns the error state title */\n    getErrorTitle: () => errorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => errorState().getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => base.$(`[data-hook=\"empty-state-subtitle\"]`).text(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () => tryAgainButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () => tryAgainButton().getButtonTextContent(),\n    /** Returns all custom field labels */\n    getCustomFieldLabels,\n    /** Returns custom field labels for specific namespace */\n    getCustomFieldLabelsForNamespace,\n    /** Returns specific custom field label by namespace and field id */\n    getCustomFieldLabel,\n    /** Returns the custom field label by index */\n    getCustomFieldLabelByIndex: async (index: number) =>\n      (await getCustomFieldLabels())[index],\n    /** Returns all custom field values */\n    getCustomFieldValues,\n    /** Returns custom field values for specific namespace */\n    getCustomFieldValuesForNamespace,\n    /** Returns specific custom field value by namespace and field id */\n    getCustomFieldValue,\n    /** Returns the custom field value by index */\n    getCustomFieldValueByIndex: async (index: number) =>\n      (await getCustomFieldValues())[index],\n    /** Return all section titles */\n    getSectionTitles,\n    /** Return specific section title for namespace */\n    getSectionTitleForNamespace,\n    /** Return the section title by index */\n    getSectionTitleByIndex: async (index: number) =>\n      (await getSectionTitles())[index],\n    sectionTitleForNamespaceExists,\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js

@@ -147,20 +147,48 @@ const _CustomFieldsViewWidgetSection = ({
       lineNumber: 116,
       columnNumber: 13
     }
-  }, title)), customFields.map(field => {
-    return /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
-      key: field.id,
-      field: field,
-      value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`),
-      labelDataHook: `custom-field-label-${namespace}-${field.id}`,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 127,
-        columnNumber: 13
-      }
-    });
-  })));
+  }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 125,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    display: "grid",
+    rowGap: "18PX",
+    columnGap: "24PX",
+    gridTemplateColumns: "repeat(auto-fill, minmax(248px, 1fr))",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 11
+    }
+  }, customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: "248px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 133,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
+    key: field.id,
+    field: field,
+    value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`),
+    labelDataHook: `custom-field-label-${namespace}-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 17
+    }
+  })))))));
 };
 const CustomFieldsViewWidgetSection = exports.CustomFieldsViewWidgetSection = (0, _mobxReactLite.observer)(_CustomFieldsViewWidgetSection);
 const CustomFieldCell = ({
@@ -173,7 +201,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 167,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -182,7 +210,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 168,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -193,7 +221,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 169,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));