@wix/patterns 1.481.0 → 1.483.0

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_ = "CollectionToolbar1355295430";
+var _namespace_ = "CollectionToolbar4191390783";
 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": "CollectionToolbar1355295430__root",
-  "right": "CollectionToolbar1355295430__right",
-  "left": "CollectionToolbar1355295430__left",
-  "fullWidth": "CollectionToolbar1355295430__fullWidth"
+  "root": "CollectionToolbar4191390783__root",
+  "right": "CollectionToolbar4191390783__right",
+  "left": "CollectionToolbar4191390783__left",
+  "fullWidth": "CollectionToolbar4191390783__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_ = \"CollectionToolbar1355295430\";\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\":\"CollectionToolbar1355295430__root\",\"right\":\"CollectionToolbar1355295430__right\",\"left\":\"CollectionToolbar1355295430__left\",\"fullWidth\":\"CollectionToolbar1355295430__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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_ = \"CollectionToolbar4191390783\";\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\":\"CollectionToolbar4191390783__root\",\"right\":\"CollectionToolbar4191390783__right\",\"left\":\"CollectionToolbar4191390783__left\",\"fullWidth\":\"CollectionToolbar4191390783__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter1356450189";
+var _namespace_ = "SearchOrCustomFilter3598456581";
 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": "SearchOrCustomFilter1356450189__root",
-  "search": "SearchOrCustomFilter1356450189__search",
-  "searchMobile": "SearchOrCustomFilter1356450189__searchMobile"
+  "root": "SearchOrCustomFilter3598456581__root",
+  "search": "SearchOrCustomFilter3598456581__search",
+  "searchMobile": "SearchOrCustomFilter3598456581__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1356450189\";\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\":\"SearchOrCustomFilter1356450189__root\",\"search\":\"SearchOrCustomFilter1356450189__search\",\"searchMobile\":\"SearchOrCustomFilter1356450189__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3598456581\";\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\":\"SearchOrCustomFilter3598456581__root\",\"search\":\"SearchOrCustomFilter3598456581__search\",\"searchMobile\":\"SearchOrCustomFilter3598456581__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "AutoCompleteReadonly1587949727";
+var _namespace_ = "AutoCompleteReadonly2292120229";
 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": "AutoCompleteReadonly1587949727__root"
+  "root": "AutoCompleteReadonly2292120229__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_ = \"AutoCompleteReadonly1587949727\";\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\":\"AutoCompleteReadonly1587949727__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,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;AAAsC,CAAC;AAC7D,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_ = \"AutoCompleteReadonly2292120229\";\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\":\"AutoCompleteReadonly2292120229__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,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;AAAsC,CAAC;AAC7D,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_ = "ViewsDropdown2014084365";
+var _namespace_ = "ViewsDropdown594376402";
 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": "ViewsDropdown2014084365__root"
+  "root": "ViewsDropdown594376402__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_ = \"ViewsDropdown2014084365\";\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\":\"ViewsDropdown2014084365__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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown594376402\";\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\":\"ViewsDropdown594376402__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js

@@ -209,7 +209,7 @@ function _CustomColumnsPanel({
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
     dataHook: "custom-columns-schema-add-field",
-    onClick: schemaCtx.addField,
+    onClick: () => schemaCtx.addField == null ? void 0 : schemaCtx.addField('Custom columns panel'),
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","manageFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, manageFieldsSource } = state;\n  const archive = manageFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    manageFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!manageFieldsSource || isSchema || state.isFieldsEditable;\n\n  // Keyed on `state`: a card that rebuilds its state hands a new one to the\n  // panel it already registered, and the new one has to be initialized (and the\n  // old one disposed). A table's state is created once, so this never re-runs\n  // there.\n  useEffect(() => state.init(), [state]);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const hasFieldsSource = !!manageFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP3 SP2 SP3'}>\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {manageFieldsSource && (\n          <FieldsSourceAddFieldCTA source={manageFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,uBAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AACA,IAAAa,wBAAA,GAAAb,OAAA;AAAuF,IAAAc,YAAA;AAAA,SAAAZ,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEvF;AACA;AACA,MAAMkB,sBAAsB,gBAAG,IAAAC,WAAI,EAAC,MAClCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAApC,uBAAA,CAAAF,OAAA,CAAO,8CAA8C,IAAEsC,IAAI,CAAEC,CAAC,KAAM;EAClEd,OAAO,EAAEc,CAAC,CAACL;AACb,CAAC,CAAC,CACJ,CAAC;AAMM,SAASM,mBAAmBA,CAA0B;EAC3DC;AAC6B,CAAC,EAAE;EAChC,MAAMC,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAC9B,MAAM;IAAEC,SAAS,EAAE5B;EAAE,CAAC,GAAG,IAAA6B,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE1C,MAAM;IAAEC,WAAW;IAAEC;EAAmB,CAAC,GAAGR,KAAK;EACjD,MAAMS,OAAO,GAAGD,kBAAkB,oBAAlBA,kBAAkB,CAAEE,YAAY,CAACD,OAAO;EACxD,MAAME,gBAAgB,GACpBH,kBAAkB,oBAAlBA,kBAAkB,CAAEI,iBAAiB,CAACD,gBAAgB;EACxD,MAAME,SAAS,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACpC,MAAMC,QAAQ,GAAG,CAAC,EAACF,SAAS,YAATA,SAAS,CAAEG,MAAM;EACpC,MAAMC,UAAU,GAAG,CAAC,CAACT,kBAAkB,IAAIO,QAAQ,IAAIf,KAAK,CAACkB,gBAAgB;;EAE7E;EACA;EACA;EACA;EACA,IAAAC,gBAAS,EAAC,MAAMnB,KAAK,CAACoB,IAAI,CAAC,CAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;EAEtC,IAAI,CAACC,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMoB,gBAAgB,GAAGrB,KAAK,CAACsB,iBAAiB,CAACC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC;EACxE,MAAMC,cAAc,GAAG1B,KAAK,CAAC2B,WAAW,CAACC,IAAI,CAAC,CAAC,CAACH,MAAM,GAAG,CAAC;EAC1D,MAAMI,YAAY,GAAG7B,KAAK,CAAC8B,cAAc,CAACL,MAAM;EAChD,MAAMM,eAAe,GAAG,CAAC,CAACvB,kBAAkB;;EAE5C;EACA,MAAMwB,gBAAgB,GAAGD,eAAe,IAAIF,YAAY,GAAG,CAAC;EAE5D,MAAMI,QAAQ,GAAGhB,UAAU,GACvB,iCAAiC,GACjC,kCAAkC;EACtC,MAAMiB,WAAW,GAAGjB,UAAU,GAC1BV,WAAW,GACT,gDAAgD,GAChD,oCAAoC,GACtCA,WAAW,GACX,iDAAiD,GACjD,qCAAqC;EAEzC,oBACE/C,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAA3E,MAAA,CAAAwB,OAAA,CAAAoD,QAAA,qBACE5E,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAACjE,kBAAA,CAAAmE,iBAAiB;IAChBC,QAAQ,EAAC,sBAAsB;IAC/BC,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,CAAA,KAAMxC,KAAK,CAACwC,OAAO,CAAC,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/BrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAAwF,SAAS,CAACC,MAAM;IAACC,KAAK,EAAEzE,CAAC,CAAC0D,QAAQ,CAAE;IAACgB,QAAQ,EAAE1E,CAAC,CAAC2D,WAAW,CAAE;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5Db,gBAAgB,iBACfxE,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAA4F,GAAG;IAACC,OAAO,EAAE9C,cAAc,GAAG,eAAe,GAAG,eAAgB;IAAAoC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/DrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAACrE,oBAAA,CAAAsF,mBAAmB;IAACpD,KAAK,EAAEA,KAAM;IAAAyC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAES,CAAC,eACnBrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAClE,kBAAA,CAAAoF,iBAAiB;IAChBC,SAAS;IACThB,QAAQ,EAAC,uCAAuC;IAChDiB,GAAG,EAAGjF,CAAC,IAAK;MACV,IAAI0B,KAAK,CAACO,WAAW,EAAE;QACrBP,KAAK,CAACO,WAAW,CAACiD,QAAQ,CAACC,OAAO,GAAGnF,CAAC;MACxC;IACF,CAAE;IAAAmE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDnB,cAAc,IAAI,CAACL,gBAAgB,gBAClC7D,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAACpE,uBAAA,CAAA2F,sBAAsB;IAAC1D,KAAK,EAAEA,KAAM;IAAAyC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAExCrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAA3E,MAAA,CAAAwB,OAAA,CAAAoD,QAAA,QACG,CAAA3B,OAAO,oBAAPA,OAAO,CAAEkD,aAAa,KACrBhD,gBAAgB,KACfN,cAAc,gBACb7C,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAA4F,GAAG;IAACU,SAAS,EAAC,UAAU;IAACC,UAAU,EAAC,KAAK;IAACC,WAAW,EAAC,KAAK;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1DrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC3E,MAAA,CAAAuG,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC1C,sBAAsB;IACrBgB,OAAO,EAAEA,OAAQ;IACjBE,gBAAgB,EAAEA,gBAAiB;IACnCsD,gBAAgB,EAAEA,CAAA,KAAMjE,KAAK,CAACwC,OAAO,CAAC,CAAE;IACxCF,QAAQ,EAAC,gBAAgB;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACO,CACP,CAAC,gBAENrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC3E,MAAA,CAAAuG,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC1C,sBAAsB;IACrBgB,OAAO,EAAEA,OAAQ;IACjBE,gBAAgB,EAAEA,gBAAiB;IACnCsD,gBAAgB,EAAEA,CAAA,KAAMjE,KAAK,CAACwC,OAAO,CAAC,CAAE;IACxCF,QAAQ,EAAC,gBAAgB;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACO,CACX,CAAC,eACJrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAACtE,YAAA,CAAAqG,WAAW;IAAClE,KAAK,EAAEA,KAAM;IAAAyC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5B,CAEa,CAAC,EACnBrC,kBAAkB,iBACjBhD,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC/D,wBAAA,CAAA+F,uBAAuB;IAACC,MAAM,EAAE5D,kBAAmB;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvD,EACA,CAAAhC,SAAS,oBAATA,SAAS,CAAEwD,QAAQ,kBAClB7G,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAA4F,GAAG;IAACU,SAAS,EAAC,UAAU;IAACrB,KAAK,EAAC,MAAM;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAAgH,OAAO;IAACV,SAAS,EAAC,YAAY;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAClCrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAA4F,GAAG;IACFC,OAAO,EAAC,KAAK;IACbZ,KAAK,EAAC,MAAM;IACZgC,SAAS,EAAC,YAAY;IACtBX,SAAS,EAAC,UAAU;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpBrF,MAAA,CAAAwB,OAAA,CAAAmD,aAAA,CAAC7E,aAAA,CAAAkH,OAAO;IACNlC,QAAQ,EAAC,iCAAiC;IAC1CmC,OAAO,EAAE5D,SAAS,CAACwD,QAAS;IAAA5B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3BtE,CAAC,CAAC,uCAAuC,CACnC,CACN,CACF,CAEU,CACnB,CAAC;AAEP;AAEO,MAAMmG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC7E,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","manageFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, manageFieldsSource } = state;\n  const archive = manageFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    manageFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!manageFieldsSource || isSchema || state.isFieldsEditable;\n\n  // Keyed on `state`: a card that rebuilds its state hands a new one to the\n  // panel it already registered, and the new one has to be initialized (and the\n  // old one disposed). A table's state is created once, so this never re-runs\n  // there.\n  useEffect(() => state.init(), [state]);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const hasFieldsSource = !!manageFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP3 SP2 SP3'}>\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {manageFieldsSource && (\n          <FieldsSourceAddFieldCTA source={manageFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={() => schemaCtx.addField?.('Custom columns panel')}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js

@@ -248,6 +248,7 @@ const _CustomFieldForm = props => {
       onChange: containsPii.onChange
     },
     mode: mode,
+    canChangePii: state.canChangePii,
     language: language,
     piiWarning: state.piiWarning,
     __self: void 0,
@@ -263,14 +264,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 183,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 184,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -280,7 +281,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 186,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -300,14 +301,14 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 207,
+          lineNumber: 208,
           columnNumber: 23
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilledSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 212,
+          lineNumber: 213,
           columnNumber: 25
         }
       })) : undefined,
@@ -324,7 +325,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 223,
+          lineNumber: 224,
           columnNumber: 21
         }
       }, fieldModal.permissions && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPermissions.CustomFieldFormPermissions, {
@@ -332,7 +333,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 230,
+          lineNumber: 231,
           columnNumber: 25
         }
       }), SettingsSection && /*#__PURE__*/_react.default.createElement(SettingsSection, {
@@ -342,7 +343,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 233,
+          lineNumber: 234,
           columnNumber: 25
         }
       }))
@@ -350,7 +351,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 190,
+      lineNumber: 191,
       columnNumber: 13
     }
   }))));

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_bexCore","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","lockedProperties","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","disabled","includes","onChange","target","value","maxLength","CUSTOM_FIELD_NAME_MAX_LENGTH","placeholder","namePlaceholder","keyLabel","infoContent","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","showValidationErrors","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","lockedRules","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Accordion,\n  Box,\n  Cell,\n  Divider,\n  FloatingNotification,\n  FormField,\n  Input,\n  Layout,\n  Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  CUSTOM_FIELD_NAME_MAX_LENGTH,\n  CustomFieldModalState,\n} from '@wix/bex-core';\nimport {\n  InfoCircle,\n  StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n  state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. */\nconst fullBleed =\n  'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, containsPii },\n    },\n    errorToastConfig,\n    mode,\n    lockedProperties,\n    settings,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n  const { fieldModal } = state.fieldManagement;\n  const SettingsSection = state.settingsSection?.Component;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={errorToastConfig.message}\n            textButtonProps={\n              errorToastConfig?.action && {\n                label: errorToastConfig.action.text,\n                onClick: () => errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => {\n              runInAction(() => {\n                state.errorToastConfig = undefined;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box direction=\"vertical\">\n        <Layout>\n          <Cell span={12}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdown state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <CustomFieldCollectionInput state={state} />\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                disabled={lockedProperties.includes('name')}\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={CUSTOM_FIELD_NAME_MAX_LENGTH}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={\n                fieldModal.text.keyLabel ??\n                t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n                )\n              }\n              infoContent={\n                mode === 'new'\n                  ? t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                    )\n                  : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n              }\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-key\"\n                disabled={mode === 'edit'}\n                value={key.value}\n                onChange={(e) => {\n                  key.onChange(e.target.value);\n                  customFieldModalBiReporter.reportKeyFormFieldChange();\n                }}\n                placeholder={t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                )}\n              />\n            </FormField>\n          </Cell>\n          {state.typeSupportsPii && (\n            <PiiFormFields\n              containsPii={{\n                value: containsPii.value,\n                onChange: containsPii.onChange,\n              }}\n              mode={mode}\n              language={language}\n              piiWarning={state.piiWarning}\n            />\n          )}\n        </Layout>\n      </Box>\n      {state.showSettings && (\n        <>\n          <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n            <Divider />\n          </Box>\n          <Box\n            direction=\"vertical\"\n            marginLeft={fullBleed}\n            marginRight={fullBleed}\n          >\n            <Accordion\n              dataHook=\"custom-field-modal-settings-accordion\"\n              skin=\"standard\"\n              hideShadow\n              horizontalPadding=\"large\"\n              size={isBmHarmonyTheme ? 'tiny' : undefined}\n              contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n              items={[\n                {\n                  title:\n                    fieldModal.text.settingsLabel ??\n                    t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings',\n                    ),\n                  toggleIconPlacement: 'start',\n                  suffix:\n                    state.showValidationErrors && state.settingsHasError ? (\n                      <Box\n                        verticalAlign=\"middle\"\n                        color=\"R10\"\n                        dataHook=\"custom-field-modal-settings-error\"\n                      >\n                        <StatusAlertFilledSmall />\n                      </Box>\n                    ) : undefined,\n                  open: settings.isOn,\n                  onToggle: () => {\n                    settings.toggle();\n                    customFieldModalBiReporter.reportAdvancedSettingsClick(\n                      settings.isOn ? 'Open' : 'Close',\n                    );\n                  },\n                  children: (\n                    <Box\n                      direction=\"vertical\"\n                      gap=\"SP4\"\n                      paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n                      paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n                    >\n                      {fieldModal.permissions && (\n                        <CustomFieldFormPermissions state={state} />\n                      )}\n                      {SettingsSection && (\n                        <SettingsSection\n                          fieldType={type.value}\n                          lockedRules={lockedProperties}\n                          showValidationErrors={state.showValidationErrors}\n                        />\n                      )}\n                    </Box>\n                  ),\n                },\n              ]}\n            />\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_bexCore","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","lockedProperties","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","disabled","includes","onChange","target","value","maxLength","CUSTOM_FIELD_NAME_MAX_LENGTH","placeholder","namePlaceholder","keyLabel","infoContent","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","canChangePii","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","showValidationErrors","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","lockedRules","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Accordion,\n  Box,\n  Cell,\n  Divider,\n  FloatingNotification,\n  FormField,\n  Input,\n  Layout,\n  Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  CUSTOM_FIELD_NAME_MAX_LENGTH,\n  CustomFieldModalState,\n} from '@wix/bex-core';\nimport {\n  InfoCircle,\n  StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n  state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. */\nconst fullBleed =\n  'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n  const { state } = props;\n  const {\n    form: {\n      $: { key, type, name, containsPii },\n    },\n    errorToastConfig,\n    mode,\n    lockedProperties,\n    settings,\n    customFieldModalBiReporter,\n    generateUniqueKey,\n    setKeyFieldIfNotDirty,\n  } = state;\n  const { fieldModal } = state.fieldManagement;\n  const SettingsSection = state.settingsSection?.Component;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const {\n    translate: t,\n    environment: { language },\n  } = useWixPatternsContainer();\n\n  useEffect(() => customFieldModalBiReporter.init(), []);\n\n  return (\n    <Box width={552} direction=\"vertical\">\n      {errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"custom-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={errorToastConfig.message}\n            textButtonProps={\n              errorToastConfig?.action && {\n                label: errorToastConfig.action.text,\n                onClick: () => errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => {\n              runInAction(() => {\n                state.errorToastConfig = undefined;\n              });\n            }}\n          />\n        </Box>\n      )}\n      <Box direction=\"vertical\">\n        <Layout>\n          <Cell span={12}>\n            <FormField\n              dataHook=\"custom-field-modal-field-type\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldType')}\n              status={type.hasError ? 'error' : undefined}\n              statusMessage={type.error}\n            >\n              <CustomFieldTypeDropdown state={state} />\n              {mode === 'edit' && (\n                <Box marginTop=\"SP1\">\n                  <Text size=\"tiny\" secondary>\n                    {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n                  </Text>\n                </Box>\n              )}\n            </FormField>\n          </Cell>\n          <CustomFieldCollectionInput state={state} />\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-name\"\n              required\n              label={t('cairo.customFields.addCustomField.modal.fieldName')}\n              status={name.hasError ? 'error' : undefined}\n              statusMessage={name.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-name\"\n                disabled={lockedProperties.includes('name')}\n                onChange={(e) => {\n                  name.onChange(e.target.value);\n                  setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n                }}\n                value={name.value}\n                maxLength={CUSTOM_FIELD_NAME_MAX_LENGTH}\n                placeholder={state.namePlaceholder}\n              />\n            </FormField>\n          </Cell>\n          <Cell span={6}>\n            <FormField\n              dataHook=\"custom-field-modal-field-key\"\n              required\n              label={\n                fieldModal.text.keyLabel ??\n                t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n                )\n              }\n              infoContent={\n                mode === 'new'\n                  ? t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n                    )\n                  : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n              }\n              status={key.hasError ? 'error' : undefined}\n              statusMessage={key.error}\n            >\n              <Input\n                dataHook=\"custom-field-modal-key\"\n                disabled={mode === 'edit'}\n                value={key.value}\n                onChange={(e) => {\n                  key.onChange(e.target.value);\n                  customFieldModalBiReporter.reportKeyFormFieldChange();\n                }}\n                placeholder={t(\n                  'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n                )}\n              />\n            </FormField>\n          </Cell>\n          {state.typeSupportsPii && (\n            <PiiFormFields\n              containsPii={{\n                value: containsPii.value,\n                onChange: containsPii.onChange,\n              }}\n              mode={mode}\n              canChangePii={state.canChangePii}\n              language={language}\n              piiWarning={state.piiWarning}\n            />\n          )}\n        </Layout>\n      </Box>\n      {state.showSettings && (\n        <>\n          <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n            <Divider />\n          </Box>\n          <Box\n            direction=\"vertical\"\n            marginLeft={fullBleed}\n            marginRight={fullBleed}\n          >\n            <Accordion\n              dataHook=\"custom-field-modal-settings-accordion\"\n              skin=\"standard\"\n              hideShadow\n              horizontalPadding=\"large\"\n              size={isBmHarmonyTheme ? 'tiny' : undefined}\n              contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n              items={[\n                {\n                  title:\n                    fieldModal.text.settingsLabel ??\n                    t(\n                      'cairo.customFields.addCustomField.modal.advancedSettings',\n                    ),\n                  toggleIconPlacement: 'start',\n                  suffix:\n                    state.showValidationErrors && state.settingsHasError ? (\n                      <Box\n                        verticalAlign=\"middle\"\n                        color=\"R10\"\n                        dataHook=\"custom-field-modal-settings-error\"\n                      >\n                        <StatusAlertFilledSmall />\n                      </Box>\n                    ) : undefined,\n                  open: settings.isOn,\n                  onToggle: () => {\n                    settings.toggle();\n                    customFieldModalBiReporter.reportAdvancedSettingsClick(\n                      settings.isOn ? 'Open' : 'Close',\n                    );\n                  },\n                  children: (\n                    <Box\n                      direction=\"vertical\"\n                      gap=\"SP4\"\n                      paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n                      paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n                    >\n                      {fieldModal.permissions && (\n                        <CustomFieldFormPermissions state={state} />\n                      )}\n                      {SettingsSection && (\n                        <SettingsSection\n                          fieldType={type.value}\n                          lockedRules={lockedProperties}\n                          showValidationErrors={state.showValidationErrors}\n                        />\n                      )}\n                    </Box>\n                  ),\n                },\n              ]}\n            />\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.PiiFormFields = PiiFormFields;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
 var _Trans = require("../Trans");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _CustomFieldFormPiiFieldsStCss = require("./CustomFieldFormPiiFields.st.css.js");
@@ -12,9 +13,13 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 function PiiFormFields({
   containsPii,
   mode,
+  canChangePii = mode !== 'edit',
   language,
   piiWarning
 }) {
+  const {
+    translate
+  } = (0, _react2.useWixPatternsContainer)();
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const tooltipTextSize = isBmHarmonyTheme ? 'tiny' : 'small';
   const translateKeys = {
@@ -23,41 +28,42 @@ function PiiFormFields({
     toggleEditNote: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote'
   };
   const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
-  const isEdit = mode === 'edit';
+  const isPiiLocked = mode === 'edit' && !canChangePii;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     span: 12,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 54,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "9px",
-    marginBlockEnd: isEdit ? '6px' : undefined,
+    marginBlockEnd: isPiiLocked ? '6px' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 55,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
     dataHook: "pii-toggle-switch",
+    "aria-label": translate(translateKeys.toggleName),
     size: "medium",
-    disabled: isEdit,
+    disabled: !canChangePii,
     checked: containsPii.value,
     onChange: e => containsPii.onChange(e.target.checked),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 56,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -65,7 +71,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 64,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -74,7 +80,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 65,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -82,7 +88,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 66,
       columnNumber: 17
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -95,7 +101,7 @@ function PiiFormFields({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 66,
+        lineNumber: 71,
         columnNumber: 19
       }
     }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -111,7 +117,7 @@ function PiiFormFields({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 76,
+            lineNumber: 81,
             columnNumber: 27
           }
         })
@@ -119,21 +125,21 @@ function PiiFormFields({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 77,
         columnNumber: 21
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 68,
       columnNumber: 15
     }
-  })))), isEdit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  })))), isPiiLocked && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 99,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -142,7 +148,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 100,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -150,7 +156,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 101,
       columnNumber: 15
     }
   })))), containsPii.value && piiWarning && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -158,7 +164,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 107,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -168,7 +174,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 108,
       columnNumber: 11
     }
   }, piiWarning.text, ' ', piiWarning.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -180,7 +186,7 @@ function PiiFormFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 117,
       columnNumber: 15
     }
   }, piiWarning.action.label))));