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

@@ -105,13 +105,13 @@ const _CmsFieldForm = ({
       lineNumber: 56,
       columnNumber: 7
     }
-  }), state.properties.type && /*#__PURE__*/_react.default.createElement(_ValidationAndDefaultsSection.ValidationAndDefaultsSection, {
+  }), /*#__PURE__*/_react.default.createElement(_ValidationAndDefaultsSection.ValidationAndDefaultsSection, {
     state: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 58,
-      columnNumber: 33
+      columnNumber: 7
     }
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_BasicsSection","_ValidationAndDefaultsSection","_jsxFileName","_CmsFieldForm","state","default","createElement","Box","direction","gap","width","maxHeight","__self","__source","fileName","lineNumber","columnNumber","errorToastConfig","position","top","left","transform","FloatingNotification","dataHook","type","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_state$errorToastConf","onClose","setErrorToastConfig","undefined","showValidationError","validationErrorMessage","hideValidationError","BasicsSection","Divider","properties","ValidationAndDefaultsSection","CmsFieldForm","exports","observer"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, FloatingNotification } from '@wix/design-system';\nimport { InfoCircle } from '@wix/wix-ui-icons-common';\nimport type { CmsFormState } from './CmsFormState';\nimport { BasicsSection } from './Sections/BasicsSection';\nimport { ValidationAndDefaultsSection } from './Sections/ValidationAndDefaultsSection';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _CmsFieldForm = ({ state }: Props) => {\n  return (\n    <Box direction=\"vertical\" gap=\"SP2\" width={530} maxHeight={600}>\n      {state.errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"cms-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={state.errorToastConfig.message}\n            textButtonProps={\n              state.errorToastConfig.action && {\n                label: state.errorToastConfig.action.text,\n                onClick: () => state.errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => state.setErrorToastConfig(undefined)}\n          />\n        </Box>\n      )}\n\n      {!state.errorToastConfig && state.showValidationError && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={state.validationErrorMessage}\n            onClose={state.hideValidationError}\n          />\n        </Box>\n      )}\n\n      <BasicsSection state={state} />\n      <Divider />\n\n      {state.properties.type && <ValidationAndDefaultsSection state={state} />}\n    </Box>\n  );\n};\n\nexport const CmsFieldForm = observer(_CmsFieldForm);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_BasicsSection","_ValidationAndDefaultsSection","_jsxFileName","_CmsFieldForm","state","default","createElement","Box","direction","gap","width","maxHeight","__self","__source","fileName","lineNumber","columnNumber","errorToastConfig","position","top","left","transform","FloatingNotification","dataHook","type","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_state$errorToastConf","onClose","setErrorToastConfig","undefined","showValidationError","validationErrorMessage","hideValidationError","BasicsSection","Divider","ValidationAndDefaultsSection","CmsFieldForm","exports","observer"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, FloatingNotification } from '@wix/design-system';\nimport { InfoCircle } from '@wix/wix-ui-icons-common';\nimport type { CmsFormState } from './CmsFormState';\nimport { BasicsSection } from './Sections/BasicsSection';\nimport { ValidationAndDefaultsSection } from './Sections/ValidationAndDefaultsSection';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _CmsFieldForm = ({ state }: Props) => {\n  return (\n    <Box direction=\"vertical\" gap=\"SP2\" width={530} maxHeight={600}>\n      {state.errorToastConfig && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            dataHook=\"cms-field-modal-error-state\"\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={state.errorToastConfig.message}\n            textButtonProps={\n              state.errorToastConfig.action && {\n                label: state.errorToastConfig.action.text,\n                onClick: () => state.errorToastConfig?.action?.onClick?.(),\n              }\n            }\n            onClose={() => state.setErrorToastConfig(undefined)}\n          />\n        </Box>\n      )}\n\n      {!state.errorToastConfig && state.showValidationError && (\n        <Box\n          position=\"absolute\"\n          top=\"24px\"\n          left=\"49%\"\n          transform=\"translateX(-50%)\"\n        >\n          <FloatingNotification\n            type=\"destructive\"\n            prefixIcon={<InfoCircle />}\n            text={state.validationErrorMessage}\n            onClose={state.hideValidationError}\n          />\n        </Box>\n      )}\n\n      <BasicsSection state={state} />\n      <Divider />\n\n      <ValidationAndDefaultsSection state={state} />\n    </Box>\n  );\n};\n\nexport const CmsFieldForm = observer(_CmsFieldForm);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/Sections/BasicsSection.js

@@ -29,7 +29,7 @@ const _BasicsSection = ({
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_FieldTypeSelect.FieldTypeSelect, {
-    label: "Field Type",
+    label: "Field type",
     value: properties.type,
     onChange: state.changeType,
     disabled: mode === 'edit',
@@ -41,7 +41,7 @@ const _BasicsSection = ({
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_FieldNameInput.FieldNameInput, {
-    label: "Field Name",
+    label: "Field name",
     value: properties.name,
     onChange: state.changeName,
     onBlur: () => state.blurField('name'),
@@ -53,7 +53,7 @@ const _BasicsSection = ({
       columnNumber: 7
     }
   }), (0, _fieldTypeUtils.isPIISupportedByFieldType)(properties.type) && /*#__PURE__*/_react.default.createElement(_FieldPiiToggle.FieldPiiToggle, {
-    label: "Personally Identifiable Information (PII)",
+    label: "Personal information (PII)",
     checked: properties.isPii,
     onChange: state.setIsPii,
     __self: void 0,

package/dist/cjs/components/CmsFieldManagement/Sections/BasicsSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_fieldTypeUtils","_FieldTypeSelect","_FieldNameInput","_FieldPiiToggle","_jsxFileName","_BasicsSection","state","properties","visibleErrors","mode","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","FieldTypeSelect","label","value","type","onChange","changeType","disabled","error","FieldNameInput","name","changeName","onBlur","blurField","isPIISupportedByFieldType","FieldPiiToggle","checked","isPii","setIsPii","BasicsSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/BasicsSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from '@wix/design-system';\nimport type { CmsFormState } from '../CmsFormState';\nimport { isPIISupportedByFieldType } from '../fieldTypeUtils';\nimport { FieldTypeSelect } from '../formFields/FieldTypeSelect';\nimport { FieldNameInput } from '../formFields/FieldNameInput';\nimport { FieldPiiToggle } from '../formFields/FieldPiiToggle';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _BasicsSection = ({ state }: Props) => {\n  const { properties, visibleErrors, mode } = state;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\">\n      <FieldTypeSelect\n        label=\"Field Type\"\n        value={properties.type}\n        onChange={state.changeType}\n        disabled={mode === 'edit'}\n        error={visibleErrors.type}\n      />\n\n      <FieldNameInput\n        label=\"Field Name\"\n        value={properties.name}\n        onChange={state.changeName}\n        onBlur={() => state.blurField('name')}\n        error={visibleErrors.name}\n      />\n\n      {isPIISupportedByFieldType(properties.type) && (\n        <FieldPiiToggle\n          label=\"Personally Identifiable Information (PII)\"\n          checked={properties.isPii}\n          onChange={state.setIsPii}\n        />\n      )}\n    </Box>\n  );\n};\n\nexport const BasicsSection = observer(_BasicsSection);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAA8D,IAAAO,YAAA;AAM9D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC3C,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAAGH,KAAK;EAEjD,oBACEX,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAmB,eAAe;IACdC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAEf,UAAU,CAACgB,IAAK;IACvBC,QAAQ,EAAElB,KAAK,CAACmB,UAAW;IAC3BC,QAAQ,EAAEjB,IAAI,KAAK,MAAO;IAC1BkB,KAAK,EAAEnB,aAAa,CAACe,IAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC,eAEFxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,eAAA,CAAA0B,cAAc;IACbP,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAEf,UAAU,CAACsB,IAAK;IACvBL,QAAQ,EAAElB,KAAK,CAACwB,UAAW;IAC3BC,MAAM,EAAEA,CAAA,KAAMzB,KAAK,CAAC0B,SAAS,CAAC,MAAM,CAAE;IACtCL,KAAK,EAAEnB,aAAa,CAACqB,IAAK;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC,EAED,IAAAc,yCAAyB,EAAC1B,UAAU,CAACgB,IAAI,CAAC,iBACzC5B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAA+B,cAAc;IACbb,KAAK,EAAC,2CAA2C;IACjDc,OAAO,EAAE5B,UAAU,CAAC6B,KAAM;IAC1BZ,QAAQ,EAAElB,KAAK,CAAC+B,QAAS;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAEA,CAAC;AAEV,CAAC;AAEM,MAAMmB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACnC,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_fieldTypeUtils","_FieldTypeSelect","_FieldNameInput","_FieldPiiToggle","_jsxFileName","_BasicsSection","state","properties","visibleErrors","mode","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","FieldTypeSelect","label","value","type","onChange","changeType","disabled","error","FieldNameInput","name","changeName","onBlur","blurField","isPIISupportedByFieldType","FieldPiiToggle","checked","isPii","setIsPii","BasicsSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/BasicsSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from '@wix/design-system';\nimport type { CmsFormState } from '../CmsFormState';\nimport { isPIISupportedByFieldType } from '../fieldTypeUtils';\nimport { FieldTypeSelect } from '../formFields/FieldTypeSelect';\nimport { FieldNameInput } from '../formFields/FieldNameInput';\nimport { FieldPiiToggle } from '../formFields/FieldPiiToggle';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _BasicsSection = ({ state }: Props) => {\n  const { properties, visibleErrors, mode } = state;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\">\n      <FieldTypeSelect\n        label=\"Field type\"\n        value={properties.type}\n        onChange={state.changeType}\n        disabled={mode === 'edit'}\n        error={visibleErrors.type}\n      />\n\n      <FieldNameInput\n        label=\"Field name\"\n        value={properties.name}\n        onChange={state.changeName}\n        onBlur={() => state.blurField('name')}\n        error={visibleErrors.name}\n      />\n\n      {isPIISupportedByFieldType(properties.type) && (\n        <FieldPiiToggle\n          label=\"Personal information (PII)\"\n          checked={properties.isPii}\n          onChange={state.setIsPii}\n        />\n      )}\n    </Box>\n  );\n};\n\nexport const BasicsSection = observer(_BasicsSection);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAA8D,IAAAO,YAAA;AAM9D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC3C,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAAGH,KAAK;EAEjD,oBACEX,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAmB,eAAe;IACdC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAEf,UAAU,CAACgB,IAAK;IACvBC,QAAQ,EAAElB,KAAK,CAACmB,UAAW;IAC3BC,QAAQ,EAAEjB,IAAI,KAAK,MAAO;IAC1BkB,KAAK,EAAEnB,aAAa,CAACe,IAAK;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC,eAEFxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,eAAA,CAAA0B,cAAc;IACbP,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAEf,UAAU,CAACsB,IAAK;IACvBL,QAAQ,EAAElB,KAAK,CAACwB,UAAW;IAC3BC,MAAM,EAAEA,CAAA,KAAMzB,KAAK,CAAC0B,SAAS,CAAC,MAAM,CAAE;IACtCL,KAAK,EAAEnB,aAAa,CAACqB,IAAK;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3B,CAAC,EAED,IAAAc,yCAAyB,EAAC1B,UAAU,CAACgB,IAAI,CAAC,iBACzC5B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAA+B,cAAc;IACbb,KAAK,EAAC,4BAA4B;IAClCc,OAAO,EAAE5B,UAAU,CAAC6B,KAAM;IAC1BZ,QAAQ,EAAElB,KAAK,CAAC+B,QAAS;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAEA,CAAC;AAEV,CAAC;AAEM,MAAMmB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACnC,cAAc,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js

@@ -27,18 +27,13 @@ const _ValidationAndDefaultsSection = ({
     tabIndex: 0,
     style: {
       cursor: 'pointer',
-      padding: '16px 0 16px 0',
       display: 'flex',
       alignItems: 'center',
-      gap: 8
+      gap: 8,
+      padding: '16px 0'
     },
     onClick: () => setIsOpen(v => !v),
-    onKeyDown: e => {
-      if (e.key === 'Enter' || e.key === ' ') {
-        e.preventDefault();
-        setIsOpen(v => !v);
-      }
-    },
+    onKeyDown: e => e.key === 'Enter' && setIsOpen(v => !v),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -50,7 +45,7 @@ const _ValidationAndDefaultsSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 33,
       columnNumber: 19
     }
   }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
@@ -58,34 +53,33 @@ const _ValidationAndDefaultsSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 33,
       columnNumber: 49
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    weight: "bold",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 34,
       columnNumber: 9
     }
   }, "Validation and defaults")), isOpen && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    gap: "SP0",
+    gap: "SP6",
+    paddingBottom: "SP4",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 38,
       columnNumber: 9
     }
   }, hasValidation && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    gap: "SP4",
-    paddingBottom: "SP4",
+    gap: "SP2",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 40,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -93,7 +87,7 @@ const _ValidationAndDefaultsSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 41,
       columnNumber: 15
     }
   }, "Validation"), /*#__PURE__*/_react.default.createElement(_ValidationSubSection.ValidationSubSection, {
@@ -101,36 +95,26 @@ const _ValidationAndDefaultsSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 42,
       columnNumber: 15
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 46,
-      columnNumber: 15
-    }
-  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    gap: "SP4",
-    paddingBottom: "SP4",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 50,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    weight: "bold",
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: "Help text",
+    infoContent: "Descriptive text shown below the field in forms.",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
-      columnNumber: 13
+      lineNumber: 48,
+      columnNumber: 11
     }
-  }, "Help text"), /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    ariaLabel: "Help text",
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
     value: state.properties.helpText,
     onChange: e => state.setHelpText(e.target.value),
     __self: void 0,
@@ -139,13 +123,6 @@ const _ValidationAndDefaultsSection = ({
       lineNumber: 52,
       columnNumber: 13
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 57,
-      columnNumber: 13
-    }
   }))));
 };
 const ValidationAndDefaultsSection = exports.ValidationAndDefaultsSection = (0, _mobxReactLite.observer)(_ValidationAndDefaultsSection);

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_ValidationSubSection","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ValidationAndDefaultsSection","state","isOpen","setIsOpen","useState","hasValidation","supportedValidationRules","length","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","role","tabIndex","style","cursor","padding","display","alignItems","gap","onClick","v","onKeyDown","key","preventDefault","ChevronDown","size","ChevronRight","Text","weight","paddingBottom","ValidationSubSection","Divider","Input","ariaLabel","value","properties","helpText","onChange","setHelpText","target","ValidationAndDefaultsSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, Input, Text } from '@wix/design-system';\nimport { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';\nimport type { CmsFormState } from '../CmsFormState';\nimport { ValidationSubSection } from './ValidationSubSection';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationAndDefaultsSection = ({ state }: Props) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasValidation = state.supportedValidationRules.length > 0;\n\n  return (\n    <Box direction=\"vertical\">\n      <div\n        role=\"button\"\n        tabIndex={0}\n        style={{\n          cursor: 'pointer',\n          padding: '16px 0 16px 0',\n          display: 'flex',\n          alignItems: 'center',\n          gap: 8,\n        }}\n        onClick={() => setIsOpen((v) => !v)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            setIsOpen((v) => !v);\n          }\n        }}\n      >\n        {isOpen ? <ChevronDown size=\"18px\" /> : <ChevronRight size=\"18px\" />}\n        <Text weight=\"bold\">Validation and defaults</Text>\n      </div>\n\n      {isOpen && (\n        <Box direction=\"vertical\" gap=\"SP0\">\n          {hasValidation && (\n            <Box direction=\"vertical\" gap=\"SP4\" paddingBottom=\"SP4\">\n              <Text weight=\"bold\">Validation</Text>\n              <ValidationSubSection state={state} />\n              <Divider />\n            </Box>\n          )}\n\n          <Box direction=\"vertical\" gap=\"SP4\" paddingBottom=\"SP4\">\n            <Text weight=\"bold\">Help text</Text>\n            <Input\n              ariaLabel=\"Help text\"\n              value={state.properties.helpText}\n              onChange={(e) => state.setHelpText(e.target.value)}\n            />\n            <Divider />\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport const ValidationAndDefaultsSection = observer(\n  _ValidationAndDefaultsSection,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_ValidationSubSection","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ValidationAndDefaultsSection","state","isOpen","setIsOpen","useState","hasValidation","supportedValidationRules","length","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","role","tabIndex","style","cursor","display","alignItems","gap","padding","onClick","v","onKeyDown","key","ChevronDown","size","ChevronRight","Text","paddingBottom","weight","ValidationSubSection","Divider","FormField","label","infoContent","Input","value","properties","helpText","onChange","setHelpText","target","ValidationAndDefaultsSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, FormField, Input, Text } from '@wix/design-system';\nimport { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';\nimport type { CmsFormState } from '../CmsFormState';\nimport { ValidationSubSection } from './ValidationSubSection';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationAndDefaultsSection = ({ state }: Props) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasValidation = state.supportedValidationRules.length > 0;\n\n  return (\n    <Box direction=\"vertical\">\n      <div\n        role=\"button\"\n        tabIndex={0}\n        style={{\n          cursor: 'pointer',\n          display: 'flex',\n          alignItems: 'center',\n          gap: 8,\n          padding: '16px 0',\n        }}\n        onClick={() => setIsOpen((v) => !v)}\n        onKeyDown={(e: React.KeyboardEvent) =>\n          e.key === 'Enter' && setIsOpen((v) => !v)\n        }\n      >\n        {isOpen ? <ChevronDown size=\"18px\" /> : <ChevronRight size=\"18px\" />}\n        <Text>Validation and defaults</Text>\n      </div>\n\n      {isOpen && (\n        <Box direction=\"vertical\" gap=\"SP6\" paddingBottom=\"SP4\">\n          {hasValidation && (\n            <Box direction=\"vertical\" gap=\"SP2\">\n              <Text weight=\"bold\">Validation</Text>\n              <ValidationSubSection state={state} />\n            </Box>\n          )}\n\n          <Divider />\n\n          <FormField\n            label=\"Help text\"\n            infoContent=\"Descriptive text shown below the field in forms.\"\n          >\n            <Input\n              value={state.properties.helpText}\n              onChange={(e) => state.setHelpText(e.target.value)}\n            />\n          </FormField>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport const ValidationAndDefaultsSection = observer(\n  _ValidationAndDefaultsSection,\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,qBAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,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;AAM9D,MAAMkB,6BAA6B,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC1D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3C,MAAMC,aAAa,GAAGJ,KAAK,CAACK,wBAAwB,CAACC,MAAM,GAAG,CAAC;EAE/D,oBACElC,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvB1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA;IACEQ,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,KAAK,EAAE;MACLC,MAAM,EAAE,SAAS;MACjBC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE;IACX,CAAE;IACFC,OAAO,EAAEA,CAAA,KAAMrB,SAAS,CAAEsB,CAAC,IAAK,CAACA,CAAC,CAAE;IACpCC,SAAS,EAAG7C,CAAsB,IAChCA,CAAC,CAAC8C,GAAG,KAAK,OAAO,IAAIxB,SAAS,CAAEsB,CAAC,IAAK,CAACA,CAAC,CACzC;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAb,MAAM,gBAAG7B,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC9B,iBAAA,CAAAkD,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAG1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC9B,iBAAA,CAAAoD,YAAY;IAACD,IAAI,EAAC,MAAM;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACpE1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAAsD,IAAI;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,yBAA6B,CAChC,CAAC,EAELb,MAAM,iBACL7B,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACY,GAAG,EAAC,KAAK;IAACU,aAAa,EAAC,KAAK;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDV,aAAa,iBACZhC,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACY,GAAG,EAAC,KAAK;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAAsD,IAAI;IAACE,MAAM,EAAC,MAAM;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,YAAgB,CAAC,eACrC1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC7B,qBAAA,CAAAuD,oBAAoB;IAACjC,KAAK,EAAEA,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAClC,CACN,eAED1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAA0D,OAAO;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEX1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAA2D,SAAS;IACRC,KAAK,EAAC,WAAW;IACjBC,WAAW,EAAC,kDAAkD;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9D1C,MAAA,CAAAkB,OAAA,CAAAiB,aAAA,CAAC/B,aAAA,CAAA8D,KAAK;IACJC,KAAK,EAAEvC,KAAK,CAACwC,UAAU,CAACC,QAAS;IACjCC,QAAQ,EAAG9D,CAAC,IAAKoB,KAAK,CAAC2C,WAAW,CAAC/D,CAAC,CAACgE,MAAM,CAACL,KAAK,CAAE;IAAA7B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpD,CACQ,CACR,CAEJ,CAAC;AAEV,CAAC;AAEM,MAAM+B,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDhD,6BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationSubSection.js

@@ -29,7 +29,7 @@ const _ValidationSubSection = ({
     if (rule === 'required') {
       return /*#__PURE__*/_react.default.createElement(_RequiredToggle.RequiredToggle, {
         key: "required",
-        label: "Required",
+        label: "Make this a required field",
         checked: Boolean(fieldRules.validationRules.required),
         onChange: v => state.setValidationRule('required', v),
         __self: void 0,
@@ -41,8 +41,52 @@ const _ValidationSubSection = ({
       });
     }
     if (rule === 'charactersLimit') {
-      return /*#__PURE__*/_react.default.createElement(_CharactersLimitInput.CharactersLimitInput, {
+      const isEnabled = fieldRules.validationRules.charactersLimit !== undefined;
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         key: "charactersLimit",
+        direction: "vertical",
+        gap: "SP3",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 34,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        verticalAlign: "middle",
+        gap: "SP2",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 35,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
+        checked: isEnabled,
+        onChange: () => state.setValidationRule('charactersLimit', isEnabled ? undefined : {}),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36,
+          columnNumber: 17
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 45,
+          columnNumber: 17
+        }
+      }, "Limit character count"), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+        content: "Set minimum and maximum character limits for this field.",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 46,
+          columnNumber: 17
+        }
+      })), isEnabled && /*#__PURE__*/_react.default.createElement(_CharactersLimitInput.CharactersLimitInput, {
         minLabel: "Min characters",
         maxLabel: "Max characters",
         value: fieldRules.validationRules.charactersLimit ?? {},
@@ -50,10 +94,10 @@ const _ValidationSubSection = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 32,
-          columnNumber: 13
+          lineNumber: 49,
+          columnNumber: 17
         }
-      });
+      }));
     }
     return null;
   }));

package/dist/cjs/components/CmsFieldManagement/Sections/ValidationSubSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_RequiredToggle","_CharactersLimitInput","_jsxFileName","_ValidationSubSection","state","supportedValidationRules","fieldRules","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","map","rule","RequiredToggle","key","label","checked","Boolean","validationRules","required","onChange","v","setValidationRule","CharactersLimitInput","minLabel","maxLabel","value","charactersLimit","ValidationSubSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\nimport type { CmsFormState } from '../CmsFormState';\nimport type { ValidationRule } from '../types';\nimport { RequiredToggle } from '../formFields/RequiredToggle';\nimport { CharactersLimitInput } from '../formFields/CharactersLimitInput';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationSubSection = ({ state }: Props) => {\n  const { supportedValidationRules, fieldRules } = state;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\">\n      {supportedValidationRules.map((rule: ValidationRule) => {\n        if (rule === 'required') {\n          return (\n            <RequiredToggle\n              key=\"required\"\n              label=\"Required\"\n              checked={Boolean(fieldRules.validationRules.required)}\n              onChange={(v) => state.setValidationRule('required', v)}\n            />\n          );\n        }\n        if (rule === 'charactersLimit') {\n          return (\n            <CharactersLimitInput\n              key=\"charactersLimit\"\n              minLabel=\"Min characters\"\n              maxLabel=\"Max characters\"\n              value={\n                (fieldRules.validationRules.charactersLimit as\n                  | StringLengthRange\n                  | undefined) ?? {}\n              }\n              onChange={(v) => state.setValidationRule('charactersLimit', v)}\n            />\n          );\n        }\n        return null;\n      })}\n    </Box>\n  );\n};\n\nexport const ValidationSubSection = observer(_ValidationSubSection);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAM1E,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,wBAAwB;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAEtD,oBACET,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCX,wBAAwB,CAACY,GAAG,CAAEC,IAAoB,IAAK;IACtD,IAAIA,IAAI,KAAK,UAAU,EAAE;MACvB,oBACEvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAAmB,cAAc;QACbC,GAAG,EAAC,UAAU;QACdC,KAAK,EAAC,UAAU;QAChBC,OAAO,EAAEC,OAAO,CAACjB,UAAU,CAACkB,eAAe,CAACC,QAAQ,CAAE;QACtDC,QAAQ,EAAGC,CAAC,IAAKvB,KAAK,CAACwB,iBAAiB,CAAC,UAAU,EAAED,CAAC,CAAE;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CACzD,CAAC;IAEN;IACA,IAAIE,IAAI,KAAK,iBAAiB,EAAE;MAC9B,oBACEvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,qBAAA,CAAA4B,oBAAoB;QACnBT,GAAG,EAAC,iBAAiB;QACrBU,QAAQ,EAAC,gBAAgB;QACzBC,QAAQ,EAAC,gBAAgB;QACzBC,KAAK,EACF1B,UAAU,CAACkB,eAAe,CAACS,eAAe,IAEzB,CAAC,CACpB;QACDP,QAAQ,EAAGC,CAAC,IAAKvB,KAAK,CAACwB,iBAAiB,CAAC,iBAAiB,EAAED,CAAC,CAAE;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CAChE,CAAC;IAEN;IACA,OAAO,IAAI;EACb,CAAC,CACE,CAAC;AAEV,CAAC;AAEM,MAAMkB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACjC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_RequiredToggle","_CharactersLimitInput","_jsxFileName","_ValidationSubSection","state","supportedValidationRules","fieldRules","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","map","rule","RequiredToggle","key","label","checked","Boolean","validationRules","required","onChange","v","setValidationRule","isEnabled","charactersLimit","undefined","verticalAlign","ToggleSwitch","Text","size","InfoIcon","content","CharactersLimitInput","minLabel","maxLabel","value","ValidationSubSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, InfoIcon, Text, ToggleSwitch } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\nimport type { CmsFormState } from '../CmsFormState';\nimport type { ValidationRule } from '../types';\nimport { RequiredToggle } from '../formFields/RequiredToggle';\nimport { CharactersLimitInput } from '../formFields/CharactersLimitInput';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationSubSection = ({ state }: Props) => {\n  const { supportedValidationRules, fieldRules } = state;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\">\n      {supportedValidationRules.map((rule: ValidationRule) => {\n        if (rule === 'required') {\n          return (\n            <RequiredToggle\n              key=\"required\"\n              label=\"Make this a required field\"\n              checked={Boolean(fieldRules.validationRules.required)}\n              onChange={(v) => state.setValidationRule('required', v)}\n            />\n          );\n        }\n        if (rule === 'charactersLimit') {\n          const isEnabled =\n            fieldRules.validationRules.charactersLimit !== undefined;\n          return (\n            <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP3\">\n              <Box verticalAlign=\"middle\" gap=\"SP2\">\n                <ToggleSwitch\n                  checked={isEnabled}\n                  onChange={() =>\n                    state.setValidationRule(\n                      'charactersLimit',\n                      isEnabled ? undefined : {},\n                    )\n                  }\n                />\n                <Text size=\"small\">Limit character count</Text>\n                <InfoIcon content=\"Set minimum and maximum character limits for this field.\" />\n              </Box>\n              {isEnabled && (\n                <CharactersLimitInput\n                  minLabel=\"Min characters\"\n                  maxLabel=\"Max characters\"\n                  value={\n                    (fieldRules.validationRules.charactersLimit as\n                      | StringLengthRange\n                      | undefined) ?? {}\n                  }\n                  onChange={(v) =>\n                    state.setValidationRule('charactersLimit', v)\n                  }\n                />\n              )}\n            </Box>\n          );\n        }\n        return null;\n      })}\n    </Box>\n  );\n};\n\nexport const ValidationSubSection = observer(_ValidationSubSection);\n"],"mappings":"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","ignoreList":[]}

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

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

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","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","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    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Input\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;EACRR,KAAK,EAAEA,KAAM;EACbS,MAAM,EAAEL,KAAK,GAAG,OAAO,GAAGM,SAAU;EACpCC,aAAa,EAAEP,KAAM;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAoB,KAAK;EACJhB,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAGgB,CAAC,IAAKhB,QAAQ,CAACgB,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;AAACI,OAAA,CAAArB,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldNameInput","label","value","onChange","onBlur","error","default","createElement","FormField","required","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    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;EACRR,KAAK,EAAEA,KAAM;EACbS,MAAM,EAAEL,KAAK,GAAG,OAAO,GAAGM,SAAU;EACpCC,aAAa,EAAEP,KAAM;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAoB,KAAK;EACJC,WAAW,EAAC,cAAc;EAC1BjB,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAGiB,CAAC,IAAKjB,QAAQ,CAACiB,CAAC,CAACC,MAAM,CAACnB,KAAK,CAAE;EAC1CE,MAAM,EAAEA,MAAO;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAhB,YAAA;IAAAiB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChB,CACQ,CACZ;AAACK,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/FieldPiiToggle.js

@@ -13,6 +13,8 @@ const FieldPiiToggle = ({
   disabled
 }) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
   label: label,
+  labelPlacement: "right",
+  stretchContent: false,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldPiiToggle","label","checked","onChange","disabled","default","createElement","FormField","__self","__source","fileName","lineNumber","columnNumber","ToggleSwitch","e","target","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ToggleSwitch } from '@wix/design-system';\n\nexport interface FieldPiiToggleProps {\n  label: string;\n  checked: boolean;\n  onChange: (v: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const FieldPiiToggle = ({\n  label,\n  checked,\n  onChange,\n  disabled,\n}: FieldPiiToggleProps) => (\n  <FormField label={label}>\n    <ToggleSwitch\n      checked={checked}\n      onChange={(e) => onChange(e.target.checked)}\n      disabled={disabled}\n    />\n  </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6D,IAAAE,YAAA;AAStD,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACmB,CAAC,kBACpBT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,SAAS;EAACN,KAAK,EAAEA,KAAM;EAAAO,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACtBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAe,YAAY;EACXX,OAAO,EAAEA,OAAQ;EACjBC,QAAQ,EAAGW,CAAC,IAAKX,QAAQ,CAACW,CAAC,CAACC,MAAM,CAACb,OAAO,CAAE;EAC5CE,QAAQ,EAAEA,QAAS;EAAAI,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,CACpB,CACQ,CACZ;AAACI,OAAA,CAAAhB,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","FieldPiiToggle","label","checked","onChange","disabled","default","createElement","FormField","labelPlacement","stretchContent","__self","__source","fileName","lineNumber","columnNumber","ToggleSwitch","e","target","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ToggleSwitch } from '@wix/design-system';\n\nexport interface FieldPiiToggleProps {\n  label: string;\n  checked: boolean;\n  onChange: (v: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const FieldPiiToggle = ({\n  label,\n  checked,\n  onChange,\n  disabled,\n}: FieldPiiToggleProps) => (\n  <FormField label={label} labelPlacement=\"right\" stretchContent={false}>\n    <ToggleSwitch\n      checked={checked}\n      onChange={(e) => onChange(e.target.checked)}\n      disabled={disabled}\n    />\n  </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6D,IAAAE,YAAA;AAStD,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACmB,CAAC,kBACpBT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,SAAS;EAACN,KAAK,EAAEA,KAAM;EAACO,cAAc,EAAC,OAAO;EAACC,cAAc,EAAE,KAAM;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACpEnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAiB,YAAY;EACXb,OAAO,EAAEA,OAAQ;EACjBC,QAAQ,EAAGa,CAAC,IAAKb,QAAQ,CAACa,CAAC,CAACC,MAAM,CAACf,OAAO,CAAE;EAC5CE,QAAQ,EAAEA,QAAS;EAAAM,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACpB,CACQ,CACZ;AAACI,OAAA,CAAAlB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/formFields/FieldTypeSelect.js

@@ -5,21 +5,73 @@ exports.__esModule = true;
 exports.FieldTypeSelect = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _fieldTypePrefixIcons = require("../../../utils/fieldTypePrefixIcons");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx";
-// TODO: confirm selectable subset vs cms-web
-const SELECTABLE_TYPES = ['SHORT_TEXT', 'NUMBER', 'BOOLEAN', 'DATE'];
-
-// TODO: replace with translation keys cairo.cms.field.type.option.*
-const FIELD_TYPE_LABELS = {
-  SHORT_TEXT: 'Short Text',
-  NUMBER: 'Number',
-  BOOLEAN: 'True/False',
-  DATE: 'Date'
-};
-const OPTIONS = SELECTABLE_TYPES.map(t => ({
-  id: t,
-  value: FIELD_TYPE_LABELS[t] ?? t
-}));
+const OPTIONS = [(0, _designSystem.listItemSectionBuilder)({
+  title: 'Essentials',
+  id: 'section-essentials',
+  type: 'subheader'
+}), (0, _designSystem.listItemSelectBuilder)({
+  id: 'SHORT_TEXT',
+  title: 'Text',
+  label: 'Text',
+  prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+    fieldType: 'SHORT_TEXT',
+    size: 'medium'
+  }))
+}), (0, _designSystem.listItemSelectBuilder)({
+  id: 'NUMBER',
+  title: 'Number',
+  label: 'Number',
+  prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 7
+    }
+  }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+    fieldType: 'NUMBER',
+    size: 'medium'
+  }))
+}), (0, _designSystem.listItemSelectBuilder)({
+  id: 'BOOLEAN',
+  title: 'Boolean',
+  label: 'Boolean',
+  prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 7
+    }
+  }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+    fieldType: 'BOOLEAN',
+    size: 'medium'
+  }))
+}), (0, _designSystem.listItemSelectBuilder)({
+  id: 'DATE',
+  title: 'Date',
+  label: 'Date',
+  prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 7
+    }
+  }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+    fieldType: 'DATE',
+    size: 'medium'
+  }))
+})];
 const FieldTypeSelect = ({
   label,
   value,
@@ -34,7 +86,7 @@ const FieldTypeSelect = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 41,
+    lineNumber: 67,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
@@ -42,6 +94,12 @@ const FieldTypeSelect = ({
     zIndex: 10000,
     appendTo: 'window'
   },
+  placeholder: "Choose a type",
+  valueParser: option => option.label,
+  prefix: value ? (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+    fieldType: value,
+    size: 'medium'
+  }) : undefined,
   options: OPTIONS,
   selectedId: value,
   onSelect: option => onChange(option.id),
@@ -49,7 +107,7 @@ const FieldTypeSelect = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 47,
+    lineNumber: 73,
     columnNumber: 5
   }
 }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","SELECTABLE_TYPES","FIELD_TYPE_LABELS","SHORT_TEXT","NUMBER","BOOLEAN","DATE","OPTIONS","map","t","id","value","FieldTypeSelect","label","onChange","disabled","error","default","createElement","FormField","required","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Dropdown","popoverProps","zIndex","appendTo","options","selectedId","onSelect","option","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown, FormField } from '@wix/design-system';\nimport type { SelectableFieldTypes } from '../types';\n\n// TODO: confirm selectable subset vs cms-web\nconst SELECTABLE_TYPES: SelectableFieldTypes[] = [\n  'SHORT_TEXT',\n  'NUMBER',\n  'BOOLEAN',\n  'DATE',\n];\n\n// TODO: replace with translation keys cairo.cms.field.type.option.*\nconst FIELD_TYPE_LABELS: Record<string, string> = {\n  SHORT_TEXT: 'Short Text',\n  NUMBER: 'Number',\n  BOOLEAN: 'True/False',\n  DATE: 'Date',\n};\n\nconst OPTIONS = SELECTABLE_TYPES.map((t) => ({\n  id: t,\n  value: FIELD_TYPE_LABELS[t] ?? t,\n}));\n\nexport interface FieldTypeSelectProps {\n  label: string;\n  value: SelectableFieldTypes | undefined;\n  onChange: (v: SelectableFieldTypes) => void;\n  disabled?: boolean;\n  error?: string;\n}\n\nexport const FieldTypeSelect = ({\n  label,\n  value,\n  onChange,\n  disabled,\n  error,\n}: FieldTypeSelectProps) => (\n  <FormField\n    required\n    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Dropdown\n      popoverProps={{ zIndex: 10000, appendTo: 'window' }}\n      options={OPTIONS}\n      selectedId={value}\n      onSelect={(option) => onChange(option.id as SelectableFieldTypes)}\n      disabled={disabled}\n    />\n  </FormField>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAyD,IAAAE,YAAA;AAGzD;AACA,MAAMC,gBAAwC,GAAG,CAC/C,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,MAAM,CACP;;AAED;AACA,MAAMC,iBAAyC,GAAG;EAChDC,UAAU,EAAE,YAAY;EACxBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,YAAY;EACrBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,OAAO,GAAGN,gBAAgB,CAACO,GAAG,CAAEC,CAAC,KAAM;EAC3CC,EAAE,EAAED,CAAC;EACLE,KAAK,EAAET,iBAAiB,CAACO,CAAC,CAAC,IAAIA;AACjC,CAAC,CAAC,CAAC;AAUI,MAAMG,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLF,KAAK;EACLG,QAAQ;EACRC,QAAQ;EACRC;AACoB,CAAC,kBACrBpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,SAAS;EACRC,QAAQ;EACRP,KAAK,EAAEA,KAAM;EACbQ,MAAM,EAAEL,KAAK,GAAG,OAAO,GAAGM,SAAU;EACpCC,aAAa,EAAEP,KAAM;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA1B,YAAA;IAAA2B,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAErBhC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA8B,QAAQ;EACPC,YAAY,EAAE;IAAEC,MAAM,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAS,CAAE;EACpDC,OAAO,EAAE1B,OAAQ;EACjB2B,UAAU,EAAEvB,KAAM;EAClBwB,QAAQ,EAAGC,MAAM,IAAKtB,QAAQ,CAACsB,MAAM,CAAC1B,EAA0B,CAAE;EAClEK,QAAQ,EAAEA,QAAS;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA1B,YAAA;IAAA2B,UAAA;IAAAC,YAAA;EAAA;AAAA,CACpB,CACQ,CACZ;AAACS,OAAA,CAAAzB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_fieldTypePrefixIcons","_jsxFileName","OPTIONS","listItemSectionBuilder","title","id","type","listItemSelectBuilder","label","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","size","FieldTypeSelect","value","onChange","disabled","error","FormField","required","status","undefined","statusMessage","Dropdown","popoverProps","zIndex","appendTo","placeholder","valueParser","option","options","selectedId","onSelect","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Dropdown,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n  FormField,\n} from '@wix/design-system';\nimport { getFieldTypeIcon } from '../../../utils/fieldTypePrefixIcons';\nimport type { SelectableFieldTypes } from '../types';\n\nconst OPTIONS = [\n  listItemSectionBuilder({\n    title: 'Essentials',\n    id: 'section-essentials',\n    type: 'subheader',\n  }),\n  listItemSelectBuilder({\n    id: 'SHORT_TEXT',\n    title: 'Text',\n    label: 'Text',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'SHORT_TEXT', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'NUMBER',\n    title: 'Number',\n    label: 'Number',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'NUMBER', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'BOOLEAN',\n    title: 'Boolean',\n    label: 'Boolean',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'BOOLEAN', size: 'medium' })}</Box>\n    ),\n  }),\n  listItemSelectBuilder({\n    id: 'DATE',\n    title: 'Date',\n    label: 'Date',\n    prefix: (\n      <Box>{getFieldTypeIcon({ fieldType: 'DATE', size: 'medium' })}</Box>\n    ),\n  }),\n];\n\nexport interface FieldTypeSelectProps {\n  label: string;\n  value: SelectableFieldTypes | undefined;\n  onChange: (v: SelectableFieldTypes) => void;\n  disabled?: boolean;\n  error?: string;\n}\n\nexport const FieldTypeSelect = ({\n  label,\n  value,\n  onChange,\n  disabled,\n  error,\n}: FieldTypeSelectProps) => (\n  <FormField\n    required\n    label={label}\n    status={error ? 'error' : undefined}\n    statusMessage={error}\n  >\n    <Dropdown\n      popoverProps={{ zIndex: 10000, appendTo: 'window' }}\n      placeholder=\"Choose a type\"\n      valueParser={(option) => option.label}\n      prefix={\n        value\n          ? getFieldTypeIcon({ fieldType: value, size: 'medium' })\n          : undefined\n      }\n      options={OPTIONS}\n      selectedId={value}\n      onSelect={(option) => onChange(option.id as SelectableFieldTypes)}\n      disabled={disabled}\n    />\n  </FormField>\n);\n"],"mappings":"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","ignoreList":[]}