@wix/patterns 1.421.0 → 1.423.0

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3814529043\";\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\":\"CardContainer3814529043__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer552017853\";\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\":\"CardContainer552017853__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/CmsFieldManagement/CmsFieldForm.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_ = "CmsFieldForm2835133997";
+var _namespace_ = "CmsFieldForm2948093295";
 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": "CmsFieldForm2835133997__root",
-  "fullBleedDivider": "CmsFieldForm2835133997__fullBleedDivider"
+  "root": "CmsFieldForm2948093295__root",
+  "fullBleedDivider": "CmsFieldForm2948093295__fullBleedDivider"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.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/CmsFieldManagement/CmsFieldForm.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldForm2835133997\";\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\":\"CmsFieldForm2835133997__root\",\"fullBleedDivider\":\"CmsFieldForm2835133997__fullBleedDivider\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,kBAAkB,EAAC;AAA0C,CAAC;AACnH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,6CAA6C,EAAC;AAA+C,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/CmsFieldManagement/CmsFieldForm.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldForm2948093295\";\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\":\"CmsFieldForm2948093295__root\",\"fullBleedDivider\":\"CmsFieldForm2948093295__fullBleedDivider\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,kBAAkB,EAAC;AAA0C,CAAC;AACnH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.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_ = "CmsFieldModal3517591160";
+var _namespace_ = "CmsFieldModal387613076";
 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": "CmsFieldModal3517591160__root",
-  "modal": "CmsFieldModal3517591160__modal"
+  "root": "CmsFieldModal387613076__root",
+  "modal": "CmsFieldModal387613076__modal"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.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/CmsFieldManagement/CmsFieldModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldModal3517591160\";\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\":\"CmsFieldModal3517591160__root\",\"modal\":\"CmsFieldModal3517591160__modal\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-vertical\":\"--wds-custom-modal-content-padding-vertical\"}; \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,+BAA+B;EAAC,OAAO,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC;AAA6C,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/CmsFieldManagement/CmsFieldModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldModal387613076\";\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\":\"CmsFieldModal387613076__root\",\"modal\":\"CmsFieldModal387613076__modal\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-vertical\":\"--wds-custom-modal-content-padding-vertical\"}; \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,8BAA8B;EAAC,OAAO,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC;AAA6C,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/CmsFormState.js

@@ -54,6 +54,7 @@ class CmsFormState {
       enableShowValidationError: _mobx.action,
       setMode: _mobx.action,
       setErrorToastConfig: _mobx.action,
+      prefill: _mobx.action,
       loadField: _mobx.action,
       reset: _mobx.action,
       hideValidationError: _mobx.action.bound,
@@ -154,28 +155,35 @@ class CmsFormState {
   setHelpText(v) {
     this.setProperty('helpText', v);
   }
-  loadField(field) {
-    var _field$validation, _field$validation2;
-    const mappedType = (0, _fieldTypeUtils.isSelectableFieldType)(field.type) ? field.type : undefined;
+
+  // Populate the form from a field's values, without binding to a specific
+  // existing field id. Used both by `loadField` (edit an existing field) and by
+  // schema-less editors that pre-fill a draft (e.g. the import field editor).
+  prefill(values) {
+    var _values$validation, _values$validation2;
+    const mappedType = values.type && (0, _fieldTypeUtils.isSelectableFieldType)(values.type) ? values.type : undefined;
     this.properties = {
       type: mappedType,
-      name: field.displayName,
-      isPii: field.isPii ?? false,
-      helpText: field.helpText ?? ''
+      name: values.displayName ?? '',
+      isPii: values.isPii ?? false,
+      helpText: values.helpText ?? ''
     };
     this.fieldRules = {
       validationRules: {
-        ...(((_field$validation = field.validation) == null ? void 0 : _field$validation.required) !== undefined && {
-          required: field.validation.required
+        ...(((_values$validation = values.validation) == null ? void 0 : _values$validation.required) !== undefined && {
+          required: values.validation.required
         }),
-        ...(((_field$validation2 = field.validation) == null ? void 0 : _field$validation2.stringLengthRange) !== undefined && {
-          charactersLimit: field.validation.stringLengthRange
+        ...(((_values$validation2 = values.validation) == null ? void 0 : _values$validation2.stringLengthRange) !== undefined && {
+          charactersLimit: values.validation.stringLengthRange
         })
       }
     };
-    this.editingFieldId = field.id;
     this.errorToastConfig = undefined;
   }
+  loadField(field) {
+    this.prefill(field);
+    this.editingFieldId = field.id;
+  }
   _onTypeChange(newType) {
     const supported = new Set(this.getValidationRules(newType));
     this.fieldRules = {

package/dist/cjs/components/CmsFieldManagement/CmsFormState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_fieldTypeUtils","defaultProperties","type","undefined","name","isPii","helpText","NAME_MAX_LENGTH","CmsFormState","constructor","params","_defineProperty2","default","validationRules","Set","schemaConfig","getValidationRules","mode","editingFieldId","makeObservable","properties","observable","ref","fieldRules","touchedFields","showValidationError","errorToastConfig","fieldTypeError","computed","nameError","hasInvalidFields","visibleErrors","supportedValidationRules","validationErrorMessage","setProperty","action","setValidationRule","bound","blurField","enableShowValidationError","setMode","setErrorToastConfig","loadField","reset","hideValidationError","changeType","changeName","setIsPii","setHelpText","trim","length","has","key","value","rule","field","add","cfg","clear","v","_onTypeChange","_field$validation","_field$validation2","mappedType","isSelectableFieldType","displayName","validation","required","stringLengthRange","charactersLimit","id","newType","supported","Object","fromEntries","entries","filter","k","isPIISupportedByFieldType","exports"],"sources":["../../../../src/components/CmsFieldManagement/CmsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { ToastConfig } from '@wix/bex-core';\nimport type { Field, SchemaConfig } from '../../types/SchemaConfig';\nimport {\n  isPIISupportedByFieldType,\n  isSelectableFieldType,\n} from './fieldTypeUtils';\nimport type {\n  FieldProperties,\n  FieldPropertiesState,\n  FieldRules,\n  SelectableFieldTypes,\n  ValidationRule,\n} from './types';\n\nexport interface CmsFormStateParams {\n  schemaConfig: SchemaConfig;\n  getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n  mode?: 'new' | 'edit';\n  editingFieldId?: string;\n}\n\nfunction defaultProperties(): FieldPropertiesState {\n  return {\n    type: undefined,\n    name: '',\n    isPii: false,\n    helpText: '',\n  };\n}\n\n// TODO: confirm vs cms-web\nconst NAME_MAX_LENGTH = 50;\n\nexport class CmsFormState {\n  readonly schemaConfig: SchemaConfig;\n  readonly getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n\n  properties: FieldPropertiesState = defaultProperties();\n  fieldRules: FieldRules = { validationRules: {} };\n  mode: 'new' | 'edit';\n  editingFieldId: string | undefined;\n  touchedFields: Set<keyof FieldProperties> = new Set();\n  showValidationError: boolean = false;\n  errorToastConfig: ToastConfig | undefined = undefined;\n\n  constructor(params: CmsFormStateParams) {\n    this.schemaConfig = params.schemaConfig;\n    this.getValidationRules = params.getValidationRules;\n    this.mode = params.mode ?? 'new';\n    this.editingFieldId = params.editingFieldId;\n\n    makeObservable(this, {\n      properties: observable.ref,\n      fieldRules: observable.ref,\n      mode: observable.ref,\n      editingFieldId: observable.ref,\n      touchedFields: observable,\n      showValidationError: observable.ref,\n      errorToastConfig: observable.ref,\n\n      fieldTypeError: computed,\n      nameError: computed,\n      hasInvalidFields: computed,\n      visibleErrors: computed,\n      supportedValidationRules: computed,\n      validationErrorMessage: computed,\n\n      setProperty: action,\n      setValidationRule: action.bound,\n      blurField: action,\n      enableShowValidationError: action,\n      setMode: action,\n      setErrorToastConfig: action,\n      loadField: action,\n      reset: action,\n\n      hideValidationError: action.bound,\n      changeType: action.bound,\n      changeName: action.bound,\n      setIsPii: action.bound,\n      setHelpText: action.bound,\n    });\n  }\n\n  get fieldTypeError(): string | undefined {\n    if (!this.properties.type) {\n      return 'Field type is required';\n    }\n    return undefined;\n  }\n\n  get nameError(): string | undefined {\n    const name = this.properties.name.trim();\n    if (!name) {\n      return 'Field name is required';\n    }\n    if (name.length > NAME_MAX_LENGTH) {\n      return `Field name must be ${NAME_MAX_LENGTH} characters or fewer`;\n    }\n    return undefined;\n  }\n\n  get hasInvalidFields(): boolean {\n    return !!(this.fieldTypeError || this.nameError);\n  }\n\n  // Spec §3 specifies booleans; returning the error string directly is more useful for rendering\n  // (one property read instead of two). Deviation is intentional — update spec if accepted.\n  get visibleErrors(): {\n    type: string | undefined;\n    name: string | undefined;\n  } {\n    const { showValidationError, touchedFields } = this;\n    return {\n      type: showValidationError ? this.fieldTypeError : undefined,\n      name:\n        showValidationError || touchedFields.has('name')\n          ? this.nameError\n          : undefined,\n    };\n  }\n\n  get supportedValidationRules(): ValidationRule[] {\n    return this.properties.type\n      ? this.getValidationRules(this.properties.type)\n      : [];\n  }\n\n  get validationErrorMessage(): string {\n    return (\n      this.fieldTypeError ||\n      this.nameError ||\n      'Please fix the errors before saving'\n    );\n  }\n\n  setProperty<K extends keyof FieldPropertiesState>(\n    key: K,\n    value: FieldPropertiesState[K],\n  ) {\n    this.properties = { ...this.properties, [key]: value };\n  }\n\n  setValidationRule(rule: ValidationRule, value: unknown) {\n    this.fieldRules = {\n      ...this.fieldRules,\n      validationRules: { ...this.fieldRules.validationRules, [rule]: value },\n    };\n  }\n\n  blurField(field: keyof FieldProperties) {\n    this.touchedFields.add(field);\n  }\n\n  enableShowValidationError() {\n    this.showValidationError = true;\n  }\n\n  setMode(mode: 'new' | 'edit') {\n    this.mode = mode;\n  }\n\n  setErrorToastConfig(cfg: ToastConfig | undefined) {\n    this.errorToastConfig = cfg;\n  }\n\n  reset() {\n    this.properties = defaultProperties();\n    this.fieldRules = { validationRules: {} };\n    this.editingFieldId = undefined;\n    this.touchedFields.clear();\n    this.showValidationError = false;\n    this.errorToastConfig = undefined;\n  }\n\n  hideValidationError() {\n    this.showValidationError = false;\n  }\n\n  changeType(v: SelectableFieldTypes) {\n    this.setProperty('type', v);\n    this._onTypeChange(v);\n  }\n\n  changeName(v: string) {\n    this.setProperty('name', v);\n  }\n\n  setIsPii(v: boolean) {\n    this.setProperty('isPii', v);\n  }\n\n  setHelpText(v: string) {\n    this.setProperty('helpText', v);\n  }\n\n  loadField(field: Field) {\n    const mappedType: SelectableFieldTypes | undefined = isSelectableFieldType(\n      field.type,\n    )\n      ? field.type\n      : undefined;\n    this.properties = {\n      type: mappedType,\n      name: field.displayName,\n      isPii: field.isPii ?? false,\n      helpText: field.helpText ?? '',\n    };\n    this.fieldRules = {\n      validationRules: {\n        ...(field.validation?.required !== undefined && {\n          required: field.validation.required,\n        }),\n        ...(field.validation?.stringLengthRange !== undefined && {\n          charactersLimit: field.validation.stringLengthRange,\n        }),\n      },\n    };\n    this.editingFieldId = field.id;\n    this.errorToastConfig = undefined;\n  }\n\n  private _onTypeChange(newType: SelectableFieldTypes) {\n    const supported = new Set(this.getValidationRules(newType));\n    this.fieldRules = {\n      validationRules: Object.fromEntries(\n        Object.entries(this.fieldRules.validationRules).filter(([k]) =>\n          supported.has(k as ValidationRule),\n        ),\n      ),\n    };\n    if (!isPIISupportedByFieldType(newType)) {\n      this.properties = { ...this.properties, isPii: false };\n    }\n    this.touchedFields.clear();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_fieldTypeUtils","defaultProperties","type","undefined","name","isPii","helpText","NAME_MAX_LENGTH","CmsFormState","constructor","params","_defineProperty2","default","validationRules","Set","schemaConfig","getValidationRules","mode","editingFieldId","makeObservable","properties","observable","ref","fieldRules","touchedFields","showValidationError","errorToastConfig","fieldTypeError","computed","nameError","hasInvalidFields","visibleErrors","supportedValidationRules","validationErrorMessage","setProperty","action","setValidationRule","bound","blurField","enableShowValidationError","setMode","setErrorToastConfig","prefill","loadField","reset","hideValidationError","changeType","changeName","setIsPii","setHelpText","trim","length","has","key","value","rule","field","add","cfg","clear","v","_onTypeChange","values","_values$validation","_values$validation2","mappedType","isSelectableFieldType","displayName","validation","required","stringLengthRange","charactersLimit","id","newType","supported","Object","fromEntries","entries","filter","k","isPIISupportedByFieldType","exports"],"sources":["../../../../src/components/CmsFieldManagement/CmsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { ToastConfig } from '@wix/bex-core';\nimport type { Field, SchemaConfig } from '../../types/SchemaConfig';\nimport {\n  isPIISupportedByFieldType,\n  isSelectableFieldType,\n} from './fieldTypeUtils';\nimport type {\n  FieldProperties,\n  FieldPropertiesState,\n  FieldRules,\n  SelectableFieldTypes,\n  ValidationRule,\n} from './types';\n\nexport interface CmsFormStateParams {\n  // Optional: the form itself never reads the schema (it's pure form state). It's\n  // kept for callers that want to associate one, but a schema-less editor (e.g.\n  // the pure FieldEditorModal) can omit it.\n  schemaConfig?: SchemaConfig;\n  getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n  mode?: 'new' | 'edit';\n  editingFieldId?: string;\n}\n\nfunction defaultProperties(): FieldPropertiesState {\n  return {\n    type: undefined,\n    name: '',\n    isPii: false,\n    helpText: '',\n  };\n}\n\n// TODO: confirm vs cms-web\nconst NAME_MAX_LENGTH = 50;\n\nexport class CmsFormState {\n  readonly schemaConfig?: SchemaConfig;\n  readonly getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n\n  properties: FieldPropertiesState = defaultProperties();\n  fieldRules: FieldRules = { validationRules: {} };\n  mode: 'new' | 'edit';\n  editingFieldId: string | undefined;\n  touchedFields: Set<keyof FieldProperties> = new Set();\n  showValidationError: boolean = false;\n  errorToastConfig: ToastConfig | undefined = undefined;\n\n  constructor(params: CmsFormStateParams) {\n    this.schemaConfig = params.schemaConfig;\n    this.getValidationRules = params.getValidationRules;\n    this.mode = params.mode ?? 'new';\n    this.editingFieldId = params.editingFieldId;\n\n    makeObservable(this, {\n      properties: observable.ref,\n      fieldRules: observable.ref,\n      mode: observable.ref,\n      editingFieldId: observable.ref,\n      touchedFields: observable,\n      showValidationError: observable.ref,\n      errorToastConfig: observable.ref,\n\n      fieldTypeError: computed,\n      nameError: computed,\n      hasInvalidFields: computed,\n      visibleErrors: computed,\n      supportedValidationRules: computed,\n      validationErrorMessage: computed,\n\n      setProperty: action,\n      setValidationRule: action.bound,\n      blurField: action,\n      enableShowValidationError: action,\n      setMode: action,\n      setErrorToastConfig: action,\n      prefill: action,\n      loadField: action,\n      reset: action,\n\n      hideValidationError: action.bound,\n      changeType: action.bound,\n      changeName: action.bound,\n      setIsPii: action.bound,\n      setHelpText: action.bound,\n    });\n  }\n\n  get fieldTypeError(): string | undefined {\n    if (!this.properties.type) {\n      return 'Field type is required';\n    }\n    return undefined;\n  }\n\n  get nameError(): string | undefined {\n    const name = this.properties.name.trim();\n    if (!name) {\n      return 'Field name is required';\n    }\n    if (name.length > NAME_MAX_LENGTH) {\n      return `Field name must be ${NAME_MAX_LENGTH} characters or fewer`;\n    }\n    return undefined;\n  }\n\n  get hasInvalidFields(): boolean {\n    return !!(this.fieldTypeError || this.nameError);\n  }\n\n  // Spec §3 specifies booleans; returning the error string directly is more useful for rendering\n  // (one property read instead of two). Deviation is intentional — update spec if accepted.\n  get visibleErrors(): {\n    type: string | undefined;\n    name: string | undefined;\n  } {\n    const { showValidationError, touchedFields } = this;\n    return {\n      type: showValidationError ? this.fieldTypeError : undefined,\n      name:\n        showValidationError || touchedFields.has('name')\n          ? this.nameError\n          : undefined,\n    };\n  }\n\n  get supportedValidationRules(): ValidationRule[] {\n    return this.properties.type\n      ? this.getValidationRules(this.properties.type)\n      : [];\n  }\n\n  get validationErrorMessage(): string {\n    return (\n      this.fieldTypeError ||\n      this.nameError ||\n      'Please fix the errors before saving'\n    );\n  }\n\n  setProperty<K extends keyof FieldPropertiesState>(\n    key: K,\n    value: FieldPropertiesState[K],\n  ) {\n    this.properties = { ...this.properties, [key]: value };\n  }\n\n  setValidationRule(rule: ValidationRule, value: unknown) {\n    this.fieldRules = {\n      ...this.fieldRules,\n      validationRules: { ...this.fieldRules.validationRules, [rule]: value },\n    };\n  }\n\n  blurField(field: keyof FieldProperties) {\n    this.touchedFields.add(field);\n  }\n\n  enableShowValidationError() {\n    this.showValidationError = true;\n  }\n\n  setMode(mode: 'new' | 'edit') {\n    this.mode = mode;\n  }\n\n  setErrorToastConfig(cfg: ToastConfig | undefined) {\n    this.errorToastConfig = cfg;\n  }\n\n  reset() {\n    this.properties = defaultProperties();\n    this.fieldRules = { validationRules: {} };\n    this.editingFieldId = undefined;\n    this.touchedFields.clear();\n    this.showValidationError = false;\n    this.errorToastConfig = undefined;\n  }\n\n  hideValidationError() {\n    this.showValidationError = false;\n  }\n\n  changeType(v: SelectableFieldTypes) {\n    this.setProperty('type', v);\n    this._onTypeChange(v);\n  }\n\n  changeName(v: string) {\n    this.setProperty('name', v);\n  }\n\n  setIsPii(v: boolean) {\n    this.setProperty('isPii', v);\n  }\n\n  setHelpText(v: string) {\n    this.setProperty('helpText', v);\n  }\n\n  // Populate the form from a field's values, without binding to a specific\n  // existing field id. Used both by `loadField` (edit an existing field) and by\n  // schema-less editors that pre-fill a draft (e.g. the import field editor).\n  prefill(values: {\n    type?: Field['type'];\n    displayName?: string;\n    isPii?: boolean;\n    helpText?: string;\n    validation?: Field['validation'];\n  }) {\n    const mappedType: SelectableFieldTypes | undefined =\n      values.type && isSelectableFieldType(values.type)\n        ? values.type\n        : undefined;\n    this.properties = {\n      type: mappedType,\n      name: values.displayName ?? '',\n      isPii: values.isPii ?? false,\n      helpText: values.helpText ?? '',\n    };\n    this.fieldRules = {\n      validationRules: {\n        ...(values.validation?.required !== undefined && {\n          required: values.validation.required,\n        }),\n        ...(values.validation?.stringLengthRange !== undefined && {\n          charactersLimit: values.validation.stringLengthRange,\n        }),\n      },\n    };\n    this.errorToastConfig = undefined;\n  }\n\n  loadField(field: Field) {\n    this.prefill(field);\n    this.editingFieldId = field.id;\n  }\n\n  private _onTypeChange(newType: SelectableFieldTypes) {\n    const supported = new Set(this.getValidationRules(newType));\n    this.fieldRules = {\n      validationRules: Object.fromEntries(\n        Object.entries(this.fieldRules.validationRules).filter(([k]) =>\n          supported.has(k as ValidationRule),\n        ),\n      ),\n    };\n    if (!isPIISupportedByFieldType(newType)) {\n      this.properties = { ...this.properties, isPii: false };\n    }\n    this.touchedFields.clear();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/FieldEditorModal.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldEditorModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _ActionModal = require("../ActionModal");
+var _CmsFieldForm = require("./CmsFieldForm");
+var _CmsFieldModalStCss = require("./CmsFieldModal.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/FieldEditorModal.tsx";
+/**
+ * Pure field editor: the same form as `CmsFieldModal` but with no server side
+ * effect. On Save it returns the edited field spec via `state.onSubmit` instead
+ * of creating/updating a field through a schema. All button/title labels are
+ * passed in (already translated) so the modal stays localized for the surface
+ * that renders it.
+ */
+const FieldEditorModal = exports.FieldEditorModal = (0, _mobxReactLite.observer)(({
+  state,
+  title,
+  primaryButtonText,
+  secondaryButtonText,
+  dataHook = 'field-editor-modal'
+}) => {
+  const {
+    formState
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_ActionModal.CustomActionModal, {
+    dataHook: dataHook,
+    state: state.modal,
+    onAfterClose: () => state.reset(),
+    title: title,
+    content: formState ? /*#__PURE__*/_react.default.createElement(_CmsFieldForm.CmsFieldForm, {
+      state: formState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 30
+      }
+    }) : null,
+    primaryButtonText: primaryButtonText,
+    secondaryButtonText: secondaryButtonText,
+    width: 600,
+    showFooterDivider: true,
+    className: _CmsFieldModalStCss.classes.modal,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  });
+});
+//# sourceMappingURL=FieldEditorModal.js.map

package/dist/cjs/components/CmsFieldManagement/FieldEditorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ActionModal","_CmsFieldForm","_CmsFieldModalStCss","_jsxFileName","FieldEditorModal","exports","observer","state","title","primaryButtonText","secondaryButtonText","dataHook","formState","default","createElement","CustomActionModal","modal","onAfterClose","reset","content","CmsFieldForm","__self","__source","fileName","lineNumber","columnNumber","width","showFooterDivider","className","classes"],"sources":["../../../../src/components/CmsFieldManagement/FieldEditorModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomActionModal } from '../ActionModal';\nimport { CmsFieldForm } from './CmsFieldForm';\nimport { FieldEditorModalState } from './FieldEditorModalState';\nimport { classes } from './CmsFieldModal.st.css.js';\n\nexport interface FieldEditorModalProps {\n  state: FieldEditorModalState;\n  /** Modal title. Required so callers pass a localized string. */\n  title: string;\n  /** Confirm button label (localized). */\n  primaryButtonText: string;\n  /** Cancel button label (localized). */\n  secondaryButtonText: string;\n  dataHook?: string;\n}\n\n/**\n * Pure field editor: the same form as `CmsFieldModal` but with no server side\n * effect. On Save it returns the edited field spec via `state.onSubmit` instead\n * of creating/updating a field through a schema. All button/title labels are\n * passed in (already translated) so the modal stays localized for the surface\n * that renders it.\n */\nexport const FieldEditorModal = observer(\n  ({\n    state,\n    title,\n    primaryButtonText,\n    secondaryButtonText,\n    dataHook = 'field-editor-modal',\n  }: FieldEditorModalProps) => {\n    const { formState } = state;\n\n    return (\n      <CustomActionModal\n        dataHook={dataHook}\n        state={state.modal}\n        onAfterClose={() => state.reset()}\n        title={title}\n        content={formState ? <CmsFieldForm state={formState} /> : null}\n        primaryButtonText={primaryButtonText}\n        secondaryButtonText={secondaryButtonText}\n        width={600}\n        showFooterDivider\n        className={classes.modal}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAapD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EACtC,CAAC;EACCC,KAAK;EACLC,KAAK;EACLC,iBAAiB;EACjBC,mBAAmB;EACnBC,QAAQ,GAAG;AACU,CAAC,KAAK;EAC3B,MAAM;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAE3B,oBACEX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,iBAAiB;IAChBJ,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAK,CAACS,KAAM;IACnBC,YAAY,EAAEA,CAAA,KAAMV,KAAK,CAACW,KAAK,CAAC,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACbW,OAAO,EAAEP,SAAS,gBAAGhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAmB,YAAY;MAACb,KAAK,EAAEK,SAAU;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAG,IAAK;IAC/DhB,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCgB,KAAK,EAAE,GAAI;IACXC,iBAAiB;IACjBC,SAAS,EAAEC,2BAAO,CAACb,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/FieldEditorModalState.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldEditorModalState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _CmsFormState = require("./CmsFormState");
+var _toFieldSpec = require("./toFieldSpec");
+var _fieldValidationRulesMap = require("./fieldValidationRulesMap");
+/**
+ * Pure field-editor modal state. Opens the CMS field form pre-filled from a
+ * field draft and, on confirm, hands the edited field spec to `onSubmit`. Unlike
+ * `CmsFieldModalState` it has no server side effect — it never calls
+ * `fieldActions` and needs no schema. It's a plain input (draft) → output
+ * (spec) editor; the consumer decides what to do with the result (e.g. the CSV
+ * import captures it into a column's pending new field).
+ */
+
+class FieldEditorModalState {
+  constructor(props) {
+    (0, _defineProperty2.default)(this, "modal", void 0);
+    (0, _defineProperty2.default)(this, "formState", null);
+    (0, _defineProperty2.default)(this, "onSubmit", void 0);
+    this.onSubmit = props.onSubmit;
+    this.modal = new _bexCore.ConditionalModalState({
+      onConfirm: () => this.submit()
+    });
+    (0, _mobx.makeObservable)(this, {
+      formState: _mobx.observable.ref,
+      open: _mobx.action,
+      reset: _mobx.action
+    });
+  }
+  open(draft) {
+    this.formState = new _CmsFormState.CmsFormState({
+      getValidationRules: _fieldValidationRulesMap.getFieldTypeValidationRulesList
+    });
+    this.formState.prefill(draft);
+    this.modal.open(null);
+  }
+  reset() {
+    this.formState = null;
+  }
+  submit() {
+    const {
+      formState
+    } = this;
+    if (!formState) {
+      return;
+    }
+    if (formState.hasInvalidFields || !formState.properties.type) {
+      formState.enableShowValidationError();
+      // Throwing keeps the modal open (ModalState.confirm swallows it).
+      throw new Error('validation');
+    }
+    const {
+      type,
+      ...rest
+    } = formState.properties;
+    this.onSubmit((0, _toFieldSpec.toFieldSpec)({
+      ...rest,
+      type
+    }, formState.fieldRules));
+  }
+}
+exports.FieldEditorModalState = FieldEditorModalState;
+//# sourceMappingURL=FieldEditorModalState.js.map

package/dist/cjs/components/CmsFieldManagement/FieldEditorModalState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","_CmsFormState","_toFieldSpec","_fieldValidationRulesMap","FieldEditorModalState","constructor","props","_defineProperty2","default","onSubmit","modal","ConditionalModalState","onConfirm","submit","makeObservable","formState","observable","ref","open","action","reset","draft","CmsFormState","getValidationRules","getFieldTypeValidationRulesList","prefill","hasInvalidFields","properties","type","enableShowValidationError","Error","rest","toFieldSpec","fieldRules","exports"],"sources":["../../../../src/components/CmsFieldManagement/FieldEditorModalState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { ConditionalModalState } from '@wix/bex-core';\nimport type { FieldSpec } from '../../types/SchemaConfig';\nimport { CmsFormState } from './CmsFormState';\nimport { toFieldSpec } from './toFieldSpec';\nimport { getFieldTypeValidationRulesList } from './fieldValidationRulesMap';\n\n/**\n * Pure field-editor modal state. Opens the CMS field form pre-filled from a\n * field draft and, on confirm, hands the edited field spec to `onSubmit`. Unlike\n * `CmsFieldModalState` it has no server side effect — it never calls\n * `fieldActions` and needs no schema. It's a plain input (draft) → output\n * (spec) editor; the consumer decides what to do with the result (e.g. the CSV\n * import captures it into a column's pending new field).\n */\nexport interface FieldEditorModalStateProps {\n  /** Receives the edited field spec on confirm. Pure — no server side effect. */\n  onSubmit: (field: FieldSpec) => void;\n}\n\nexport class FieldEditorModalState {\n  readonly modal: ConditionalModalState<null>;\n  formState: CmsFormState | null = null;\n  private readonly onSubmit: (field: FieldSpec) => void;\n\n  constructor(props: FieldEditorModalStateProps) {\n    this.onSubmit = props.onSubmit;\n    this.modal = new ConditionalModalState({\n      onConfirm: () => this.submit(),\n    });\n\n    makeObservable(this, {\n      formState: observable.ref,\n      open: action,\n      reset: action,\n    });\n  }\n\n  open(draft: FieldSpec) {\n    this.formState = new CmsFormState({\n      getValidationRules: getFieldTypeValidationRulesList,\n    });\n    this.formState.prefill(draft);\n    this.modal.open(null);\n  }\n\n  reset() {\n    this.formState = null;\n  }\n\n  private submit() {\n    const { formState } = this;\n    if (!formState) {\n      return;\n    }\n\n    if (formState.hasInvalidFields || !formState.properties.type) {\n      formState.enableShowValidationError();\n      // Throwing keeps the modal open (ModalState.confirm swallows it).\n      throw new Error('validation');\n    }\n\n    const { type, ...rest } = formState.properties;\n    this.onSubmit(toFieldSpec({ ...rest, type }, formState.fieldRules));\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMK,qBAAqB,CAAC;EAKjCC,WAAWA,CAACC,KAAiC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBAHd,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAInC,IAAI,CAACC,QAAQ,GAAGH,KAAK,CAACG,QAAQ;IAC9B,IAAI,CAACC,KAAK,GAAG,IAAIC,8BAAqB,CAAC;MACrCC,SAAS,EAAEA,CAAA,KAAM,IAAI,CAACC,MAAM,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,SAAS,EAAEC,gBAAU,CAACC,GAAG;MACzBC,IAAI,EAAEC,YAAM;MACZC,KAAK,EAAED;IACT,CAAC,CAAC;EACJ;EAEAD,IAAIA,CAACG,KAAgB,EAAE;IACrB,IAAI,CAACN,SAAS,GAAG,IAAIO,0BAAY,CAAC;MAChCC,kBAAkB,EAAEC;IACtB,CAAC,CAAC;IACF,IAAI,CAACT,SAAS,CAACU,OAAO,CAACJ,KAAK,CAAC;IAC7B,IAAI,CAACX,KAAK,CAACQ,IAAI,CAAC,IAAI,CAAC;EACvB;EAEAE,KAAKA,CAAA,EAAG;IACN,IAAI,CAACL,SAAS,GAAG,IAAI;EACvB;EAEQF,MAAMA,CAAA,EAAG;IACf,MAAM;MAAEE;IAAU,CAAC,GAAG,IAAI;IAC1B,IAAI,CAACA,SAAS,EAAE;MACd;IACF;IAEA,IAAIA,SAAS,CAACW,gBAAgB,IAAI,CAACX,SAAS,CAACY,UAAU,CAACC,IAAI,EAAE;MAC5Db,SAAS,CAACc,yBAAyB,CAAC,CAAC;MACrC;MACA,MAAM,IAAIC,KAAK,CAAC,YAAY,CAAC;IAC/B;IAEA,MAAM;MAAEF,IAAI;MAAE,GAAGG;IAAK,CAAC,GAAGhB,SAAS,CAACY,UAAU;IAC9C,IAAI,CAAClB,QAAQ,CAAC,IAAAuB,wBAAW,EAAC;MAAE,GAAGD,IAAI;MAAEH;IAAK,CAAC,EAAEb,SAAS,CAACkB,UAAU,CAAC,CAAC;EACrE;AACF;AAACC,OAAA,CAAA9B,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.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_ = "ValidationAndDefaultsSection1639620250";
+var _namespace_ = "ValidationAndDefaultsSection1637078487";
 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": "ValidationAndDefaultsSection1639620250__root",
-  "accordionWrapper": "ValidationAndDefaultsSection1639620250__accordionWrapper"
+  "root": "ValidationAndDefaultsSection1637078487__root",
+  "accordionWrapper": "ValidationAndDefaultsSection1637078487__accordionWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.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/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ValidationAndDefaultsSection1639620250\";\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\":\"ValidationAndDefaultsSection1639620250__root\",\"accordionWrapper\":\"ValidationAndDefaultsSection1639620250__accordionWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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,8CAA8C;EAAC,kBAAkB,EAAC;AAA0D,CAAC;AACnJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,6CAA6C,EAAC;AAA+C,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/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ValidationAndDefaultsSection1637078487\";\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\":\"ValidationAndDefaultsSection1637078487__root\",\"accordionWrapper\":\"ValidationAndDefaultsSection1637078487__accordionWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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,8CAA8C;EAAC,kBAAkB,EAAC;AAA0D,CAAC;AACnJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.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_ = "CharactersLimitInput1767587147";
+var _namespace_ = "CharactersLimitInput2578577531";
 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": "CharactersLimitInput1767587147__root",
-  "field": "CharactersLimitInput1767587147__field"
+  "root": "CharactersLimitInput2578577531__root",
+  "field": "CharactersLimitInput2578577531__field"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.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/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CharactersLimitInput1767587147\";\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\":\"CharactersLimitInput1767587147__root\",\"field\":\"CharactersLimitInput1767587147__field\"};\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,OAAO,EAAC;AAAuC,CAAC;AAC7G,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/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CharactersLimitInput2578577531\";\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\":\"CharactersLimitInput2578577531__root\",\"field\":\"CharactersLimitInput2578577531__field\"};\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,OAAO,EAAC;AAAuC,CAAC;AAC7G,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/CmsFieldManagement/formFields/FieldNameInput.js

@@ -25,6 +25,7 @@ const FieldNameInput = ({
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+  dataHook: "cms-field-name-input",
   placeholder: "Enter a name",
   value: value,
   onChange: e => onChange(e.target.value),

package/dist/cjs/components/CmsFieldManagement/formFields/FieldNameInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldNameInput","label","value","onChange","onBlur","error","default","createElement","FormField","required","stretchContent","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","placeholder","e","target","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\n\nexport interface FieldNameInputProps {\n  label: string;\n  value: string;\n  onChange: (v: string) => void;\n  onBlur?: () => void;\n  error?: string;\n}\n\nexport const FieldNameInput = ({\n  label,\n  value,\n  onChange,\n  onBlur,\n  error,\n}: FieldNameInputProps) => (\n  <FormField\n    required\n    stretchContent\n    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Input\n      placeholder=\"Enter a name\"\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onBlur}\n    />\n  </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAsD,IAAAE,YAAA;AAU/C,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACmB,CAAC,kBACpBV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,SAAS;EACRC,QAAQ;EACRC,cAAc;EACdT,KAAK,EAAEA,KAAM;EACbU,MAAM,EAAEN,KAAK,GAAG,OAAO,GAAGO,SAAU;EACpCC,aAAa,EAAER,KAAM;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,KAAK;EACJC,WAAW,EAAC,cAAc;EAC1BlB,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAGkB,CAAC,IAAKlB,QAAQ,CAACkB,CAAC,CAACC,MAAM,CAACpB,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAU,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;AAACK,OAAA,CAAAvB,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldNameInput","label","value","onChange","onBlur","error","default","createElement","FormField","required","stretchContent","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","dataHook","placeholder","e","target","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\n\nexport interface FieldNameInputProps {\n  label: string;\n  value: string;\n  onChange: (v: string) => void;\n  onBlur?: () => void;\n  error?: string;\n}\n\nexport const FieldNameInput = ({\n  label,\n  value,\n  onChange,\n  onBlur,\n  error,\n}: FieldNameInputProps) => (\n  <FormField\n    required\n    stretchContent\n    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Input\n      dataHook=\"cms-field-name-input\"\n      placeholder=\"Enter a name\"\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onBlur}\n    />\n  </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAsD,IAAAE,YAAA;AAU/C,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACmB,CAAC,kBACpBV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,SAAS;EACRC,QAAQ;EACRC,cAAc;EACdT,KAAK,EAAEA,KAAM;EACbU,MAAM,EAAEN,KAAK,GAAG,OAAO,GAAGO,SAAU;EACpCC,aAAa,EAAER,KAAM;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,KAAK;EACJC,QAAQ,EAAC,sBAAsB;EAC/BC,WAAW,EAAC,cAAc;EAC1BnB,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAGmB,CAAC,IAAKnB,QAAQ,CAACmB,CAAC,CAACC,MAAM,CAACrB,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAU,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAjB,YAAA;IAAAkB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;AAACM,OAAA,CAAAxB,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse1554041901";
+var _namespace_ = "Collapse2463891651";
 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": "Collapse1554041901__root",
-  "exit": "Collapse1554041901__exit"
+  "root": "Collapse2463891651__root",
+  "exit": "Collapse2463891651__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_ = \"Collapse1554041901\";\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\":\"Collapse1554041901__root\",\"exit\":\"Collapse1554041901__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_ = \"Collapse2463891651\";\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\":\"Collapse2463891651__root\",\"exit\":\"Collapse2463891651__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/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.js

@@ -28,6 +28,7 @@ function _CollectionMultiSelectCheckbox(props) {
     onOptionsShow,
     onDeselect,
     placeholder: placeholderProp,
+    maxSelected,
     ...rest
   } = props;
   const container = (0, _react2.useWixPatternsContainer)();
@@ -43,7 +44,8 @@ function _CollectionMultiSelectCheckbox(props) {
     resetOnClose: false,
     collectionFilter,
     container,
-    toolbar
+    toolbar,
+    maxSelected
   }));
   const {
     dropdownSelect,
@@ -178,14 +180,14 @@ function _CollectionMultiSelectCheckbox(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 196,
+        lineNumber: 206,
         columnNumber: 9
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 142,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_useCollectionOptions","_useDropdownPlaceholder","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionMultiSelectCheckbox","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","translate","useDropdownTranslationContext","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","inputValue","disableEditing","select","selectedKeys","selectedValues","textOverflowState","TextOverflowState","observable","isOverflow","fetchedLastPage","fixedFooter","showInitialLoader","useFilterCollectionStates","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","selectedValuesText","useDropdownPlaceholder","options","useCollectionOptions","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","close","onBlur","id","option","keyedItem","delete","value","onChange","search","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","length","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","CollectionMultiSelectCheckbox","exports","observer"],"sources":["../../../../src/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useCollectionOptions } from '../../hooks/useCollectionOptions';\nimport { useDropdownPlaceholder } from '../../hooks/useDropdownPlaceholder';\n\nexport interface CollectionMultiSelectCheckboxProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _CollectionMultiSelectCheckbox<V, F extends FiltersMap = FiltersMap>(\n  props: CollectionMultiSelectCheckboxProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onOptionsShow,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const { translate } = useDropdownTranslationContext();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    dropdownSelect,\n    init,\n    inputState,\n    shouldShowPlaceholder,\n    inputValue,\n  } = dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n  const { fetchedLastPage } = collection;\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const { selectedValuesText, placeholder } = useDropdownPlaceholder({\n    dropdownSelect,\n    filter,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  });\n  const { options } = useCollectionOptions({\n    collection,\n    dropdownCollectionFilterState,\n    renderItem,\n    filter,\n  });\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        } else {\n          dropdownSelect.close();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.delete(keyedItem);\n        onDeselect?.(id, option);\n      }}\n      value={inputValue}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={() => {\n        dropdownCollectionFilterState.onOptionsShow();\n        inputState.onOptionsShow();\n        onOptionsShow?.();\n      }}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={translate('clearButtonTooltip')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const CollectionMultiSelectCheckbox = observer(\n  _CollectionMultiSelectCheckbox,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_useCollectionOptions","_useDropdownPlaceholder","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionMultiSelectCheckbox","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","maxSelected","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","translate","useDropdownTranslationContext","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","inputValue","disableEditing","select","selectedKeys","selectedValues","textOverflowState","TextOverflowState","observable","isOverflow","fetchedLastPage","fixedFooter","showInitialLoader","useFilterCollectionStates","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","selectedValuesText","useDropdownPlaceholder","options","useCollectionOptions","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","close","onBlur","id","option","keyedItem","delete","value","onChange","search","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","length","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","CollectionMultiSelectCheckbox","exports","observer"],"sources":["../../../../src/components/CollectionMultiSelectCheckbox/CollectionMultiSelectCheckbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useCollectionOptions } from '../../hooks/useCollectionOptions';\nimport { useDropdownPlaceholder } from '../../hooks/useDropdownPlaceholder';\n\nexport interface CollectionMultiSelectCheckboxProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * The maximum number of items that can be selected. Once reached, every\n   * unselected option becomes disabled (already-selected options stay\n   * deselectable). When undefined, selection is unbounded.\n   *\n   * Read once on mount — later changes to this prop are ignored. (Optional)\n   */\n  maxSelected?: number;\n}\n\nfunction _CollectionMultiSelectCheckbox<V, F extends FiltersMap = FiltersMap>(\n  props: CollectionMultiSelectCheckboxProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onOptionsShow,\n    onDeselect,\n    placeholder: placeholderProp,\n    maxSelected,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const { translate } = useDropdownTranslationContext();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n        maxSelected,\n      }),\n  );\n\n  const {\n    dropdownSelect,\n    init,\n    inputState,\n    shouldShowPlaceholder,\n    inputValue,\n  } = dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n  const { fetchedLastPage } = collection;\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const { selectedValuesText, placeholder } = useDropdownPlaceholder({\n    dropdownSelect,\n    filter,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  });\n  const { options } = useCollectionOptions({\n    collection,\n    dropdownCollectionFilterState,\n    renderItem,\n    filter,\n  });\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        } else {\n          dropdownSelect.close();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.set(keyedItem);\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.delete(keyedItem);\n        onDeselect?.(id, option);\n      }}\n      value={inputValue}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={() => {\n        dropdownCollectionFilterState.onOptionsShow();\n        inputState.onOptionsShow();\n        onOptionsShow?.();\n      }}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={translate('clearButtonTooltip')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const CollectionMultiSelectCheckbox = observer(\n  _CollectionMultiSelectCheckbox,\n);\n"],"mappings":"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","ignoreList":[]}