npm - @wix/patterns-cms - Versions diffs - 1.37.0 → 1.39.0 - Mend

@wix/patterns-cms 1.37.0 → 1.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/cjs/adapter/fieldSettings/CmsFieldSettings.js CHANGED Viewed

@@ -6,25 +6,53 @@ exports._CmsFieldSettings = exports.CmsFieldSettings = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
+var _patterns = require("@wix/patterns");
 var _CmsFieldSettingsState = require("./CmsFieldSettingsState");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/patterns-cms/dist/cjs/adapter/fieldSettings/CmsFieldSettings.tsx";
-/** Plain strings until this package gets its own translations. */
 const _CmsFieldSettings = props => {
   const {
     state,
     fieldType
   } = props;
   const {
-    rangeError,
+    translate
+  } = (0, _patterns.useWixPatternsContainer)();
+  const {
     valueRangeError
   } = state;
+  const validationRules = (0, _CmsFieldSettingsState.getCmsFieldValidationRules)(fieldType).map(rule => {
+    switch (rule) {
+      case 'required':
+        return {
+          type: rule,
+          label: translate('cairo.fieldValidation.required.label'),
+          tooltip: translate('cairo.fieldValidation.required.tooltip')
+        };
+      case 'charactersLimit':
+        return {
+          type: rule,
+          label: translate('cairo.fieldValidation.charactersLimit.label'),
+          tooltip: translate('cairo.fieldValidation.charactersLimit.tooltip'),
+          minLabel: translate('cairo.fieldValidation.charactersLimit.minimum.label'),
+          maxLabel: translate('cairo.fieldValidation.charactersLimit.maximum.label'),
+          separator: translate('cairo.fieldValidation.charactersLimit.separator'),
+          outOfBoundsError: (min, max) => translate('cairo.fieldValidation.charactersLimit.outOfBounds.error', {
+            min,
+            max
+          }),
+          maxBelowMinError: translate('cairo.fieldValidation.charactersLimit.maxBelowMin.error')
+        };
+    }
+    return rule;
+  });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP4",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -34,7 +62,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 72,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -46,7 +74,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 77,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -55,194 +83,37 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 85,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     secondary: true,
     __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 47,
-      columnNumber: 9
-    }
-  }, "Validation"), (0, _CmsFieldSettingsState.showsRequired)(fieldType) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    dataHook: "cms-field-settings-required",
-    verticalAlign: "middle",
-    gap: "9px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 51,
-      columnNumber: 11
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
-    dataHook: "cms-field-settings-required-toggle",
-    size: "medium",
-    checked: state.required,
-    onChange: e => state.setRequired(e.target.checked),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 56,
-      columnNumber: 13
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    verticalAlign: "middle",
-    gap: "3px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 62,
-      columnNumber: 13
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "small",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 63,
-      columnNumber: 15
-    }
-  }, "Make this a required field"), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
-    size: "small",
-    content: "Make this a required field when adding content to this collection.",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 64,
-      columnNumber: 15
-    }
-  }))), (0, _CmsFieldSettingsState.showsCharactersLimit)(fieldType) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    gap: "SP2",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 72,
-      columnNumber: 11
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    dataHook: "cms-field-settings-characters-limit",
-    verticalAlign: "middle",
-    gap: "9px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 73,
-      columnNumber: 13
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
-    dataHook: "cms-field-settings-characters-limit-toggle",
-    size: "medium",
-    checked: state.charactersLimit,
-    onChange: e => state.setCharactersLimit(e.target.checked),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 78,
-      columnNumber: 15
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    verticalAlign: "middle",
-    gap: "3px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 84,
-      columnNumber: 15
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "small",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 85,
-      columnNumber: 17
-    }
-  }, "Limit character count"), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
-    size: "small",
-    content: "Limit the number of characters in this field for any newly added items.",
-    __self: void 0,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 86,
-      columnNumber: 17
-    }
-  }))), state.charactersLimit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    verticalAlign: "middle",
-    gap: "SP2",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 93,
-      columnNumber: 15
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    width: "112px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 94,
-      columnNumber: 17
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
-    dataHook: "cms-field-settings-min-characters",
-    size: "small",
-    placeholder: "min",
-    min: state.minCharactersFloor,
-    max: _CmsFieldSettingsState.CHARACTERS_CEILING,
-    value: state.minCharacters,
-    onChange: value => state.setMinCharacters(value ?? undefined),
-    onBlur: state.normalizeMinCharacters,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 95,
-      columnNumber: 19
-    }
-  })), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "small",
-    secondary: true,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 108,
-      columnNumber: 17
-    }
-  }, "and"), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    width: "112px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 111,
-      columnNumber: 17
+      columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
-    dataHook: "cms-field-settings-max-characters",
-    size: "small",
-    placeholder: "max",
-    min: _CmsFieldSettingsState.MAX_CHARACTERS_FLOOR,
-    max: _CmsFieldSettingsState.CHARACTERS_CEILING,
-    value: state.maxCharacters,
-    status: rangeError ? 'error' : undefined,
-    statusMessage: rangeError,
-    onChange: value => state.setMaxCharacters(value ?? undefined),
-    onBlur: state.normalizeMaxCharacters,
+  }, "Validation"), /*#__PURE__*/_react.default.createElement(_patternsFields.FieldValidationSettingsInput, {
+    dataHook: "cms-field-settings-validation",
+    data: state.validationSettings,
+    rules: validationRules,
+    invalid: state.hasError(fieldType),
+    onChange: state.setValidationSettings,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
-      columnNumber: 19
+      lineNumber: 89,
+      columnNumber: 9
     }
-  })))), (0, _CmsFieldSettingsState.showsValueRange)(fieldType) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }), (0, _CmsFieldSettingsState.showsValueRange)(fieldType) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP2",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -252,7 +123,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 98,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
@@ -263,7 +134,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 103,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -272,7 +143,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 109,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -280,7 +151,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 110,
       columnNumber: 17
     }
   }, "Limit value range"), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -289,7 +160,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 111,
       columnNumber: 17
     }
   }))), state.valueRange && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -298,7 +169,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 118,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -306,7 +177,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 119,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
@@ -318,7 +189,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 120,
       columnNumber: 19
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -327,7 +198,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 128,
       columnNumber: 17
     }
   }, "and"), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -335,7 +206,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 131,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
@@ -349,7 +220,7 @@ const _CmsFieldSettings = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 132,
       columnNumber: 19
     }
   }))))));

package/dist/cjs/adapter/fieldSettings/CmsFieldSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_CmsFieldSettingsState","_jsxFileName","_CmsFieldSettings","props","state","fieldType","rangeError","valueRangeError","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","FormField","dataHook","label","infoContent","Input","value","helpText","maxLength","placeholder","onChange","e","setHelpText","target","Text","size","secondary","showsRequired","verticalAlign","ToggleSwitch","checked","required","setRequired","InfoIcon","content","showsCharactersLimit","charactersLimit","setCharactersLimit","width","NumberInput","min","minCharactersFloor","max","CHARACTERS_CEILING","minCharacters","setMinCharacters","undefined","onBlur","normalizeMinCharacters","MAX_CHARACTERS_FLOOR","maxCharacters","status","statusMessage","setMaxCharacters","normalizeMaxCharacters","showsValueRange","valueRange","setValueRange","minValue","setMinValue","maxValue","setMaxValue","exports","CmsFieldSettings","observer"],"sources":["../../../../src/adapter/fieldSettings/CmsFieldSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Box,\n FormField,\n InfoIcon,\n Input,\n NumberInput,\n Text,\n ToggleSwitch,\n} from '@wix/design-system';\nimport type { FieldSettingsProps } from '@wix/patterns/schema';\nimport {\n CHARACTERS_CEILING,\n CmsFieldSettingsState,\n MAX_CHARACTERS_FLOOR,\n showsCharactersLimit,\n showsRequired,\n showsValueRange,\n} from './CmsFieldSettingsState';\n\nexport interface CmsFieldSettingsProps extends FieldSettingsProps {\n state: CmsFieldSettingsState;\n}\n\n/** Plain strings until this package gets its own translations. */\nexport const _CmsFieldSettings = (props: CmsFieldSettingsProps) => {\n const { state, fieldType } = props;\n const { rangeError, valueRangeError } = state;\n\n return (\n <Box direction=\"vertical\" gap=\"SP4\">\n <FormField\n dataHook=\"cms-field-settings-help-text\"\n label=\"Help text\"\n infoContent=\"Shown under the field when someone adds content to this collection.\"\n >\n <Input\n dataHook=\"cms-field-settings-help-text-input\"\n value={state.helpText}\n maxLength={200}\n placeholder=\"Add a short explanation\"\n onChange={(e) => state.setHelpText(e.target.value)}\n />\n </FormField>\n <Box direction=\"vertical\" gap=\"SP2\">\n <Text size=\"small\" secondary>\n Validation\n </Text>\n {showsRequired(fieldType) && (\n <Box\n dataHook=\"cms-field-settings-required\"\n verticalAlign=\"middle\"\n gap=\"9px\"\n >\n <ToggleSwitch\n dataHook=\"cms-field-settings-required-toggle\"\n size=\"medium\"\n checked={state.required}\n onChange={(e) => state.setRequired(e.target.checked)}\n />\n <Box verticalAlign=\"middle\" gap=\"3px\">\n <Text size=\"small\">Make this a required field</Text>\n <InfoIcon\n size=\"small\"\n content=\"Make this a required field when adding content to this collection.\"\n />\n </Box>\n </Box>\n )}\n {showsCharactersLimit(fieldType) && (\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box\n dataHook=\"cms-field-settings-characters-limit\"\n verticalAlign=\"middle\"\n gap=\"9px\"\n >\n <ToggleSwitch\n dataHook=\"cms-field-settings-characters-limit-toggle\"\n size=\"medium\"\n checked={state.charactersLimit}\n onChange={(e) => state.setCharactersLimit(e.target.checked)}\n />\n <Box verticalAlign=\"middle\" gap=\"3px\">\n <Text size=\"small\">Limit character count</Text>\n <InfoIcon\n size=\"small\"\n content=\"Limit the number of characters in this field for any newly added items.\"\n />\n </Box>\n </Box>\n {state.charactersLimit && (\n <Box verticalAlign=\"middle\" gap=\"SP2\">\n <Box width=\"112px\">\n <NumberInput\n dataHook=\"cms-field-settings-min-characters\"\n size=\"small\"\n placeholder=\"min\"\n min={state.minCharactersFloor}\n max={CHARACTERS_CEILING}\n value={state.minCharacters}\n onChange={(value) =>\n state.setMinCharacters(value ?? undefined)\n }\n onBlur={state.normalizeMinCharacters}\n />\n </Box>\n <Text size=\"small\" secondary>\n and\n </Text>\n <Box width=\"112px\">\n <NumberInput\n dataHook=\"cms-field-settings-max-characters\"\n size=\"small\"\n placeholder=\"max\"\n min={MAX_CHARACTERS_FLOOR}\n max={CHARACTERS_CEILING}\n value={state.maxCharacters}\n status={rangeError ? 'error' : undefined}\n statusMessage={rangeError}\n onChange={(value) =>\n state.setMaxCharacters(value ?? undefined)\n }\n onBlur={state.normalizeMaxCharacters}\n />\n </Box>\n </Box>\n )}\n </Box>\n )}\n {showsValueRange(fieldType) && (\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box\n dataHook=\"cms-field-settings-value-range\"\n verticalAlign=\"middle\"\n gap=\"9px\"\n >\n <ToggleSwitch\n dataHook=\"cms-field-settings-value-range-toggle\"\n size=\"medium\"\n checked={state.valueRange}\n onChange={(e) => state.setValueRange(e.target.checked)}\n />\n <Box verticalAlign=\"middle\" gap=\"3px\">\n <Text size=\"small\">Limit value range</Text>\n <InfoIcon\n size=\"small\"\n content=\"Limit the values this field accepts for any newly added items.\"\n />\n </Box>\n </Box>\n {state.valueRange && (\n <Box verticalAlign=\"middle\" gap=\"SP2\">\n <Box width=\"112px\">\n <NumberInput\n dataHook=\"cms-field-settings-min-value\"\n size=\"small\"\n placeholder=\"min\"\n value={state.minValue}\n onChange={(value) => state.setMinValue(value ?? undefined)}\n />\n </Box>\n <Text size=\"small\" secondary>\n and\n </Text>\n <Box width=\"112px\">\n <NumberInput\n dataHook=\"cms-field-settings-max-value\"\n size=\"small\"\n placeholder=\"max\"\n value={state.maxValue}\n status={valueRangeError ? 'error' : undefined}\n statusMessage={valueRangeError}\n onChange={(value) => state.setMaxValue(value ?? undefined)}\n />\n </Box>\n </Box>\n )}\n </Box>\n )}\n </Box>\n </Box>\n );\n};\n\nexport const CmsFieldSettings = observer(_CmsFieldSettings);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_patternsFields","_patterns","_CmsFieldSettingsState","_jsxFileName","_CmsFieldSettings","props","state","fieldType","translate","useWixPatternsContainer","valueRangeError","validationRules","getCmsFieldValidationRules","map","rule","type","label","tooltip","minLabel","maxLabel","separator","outOfBoundsError","min","max","maxBelowMinError","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","FormField","dataHook","infoContent","Input","value","helpText","maxLength","placeholder","onChange","e","setHelpText","target","Text","size","secondary","FieldValidationSettingsInput","data","validationSettings","rules","invalid","hasError","setValidationSettings","showsValueRange","verticalAlign","ToggleSwitch","checked","valueRange","setValueRange","InfoIcon","content","width","NumberInput","minValue","setMinValue","undefined","maxValue","status","statusMessage","setMaxValue","exports","CmsFieldSettings","observer"],"sources":["../../../../src/adapter/fieldSettings/CmsFieldSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Box,\n FormField,\n InfoIcon,\n Input,\n NumberInput,\n Text,\n ToggleSwitch,\n} from '@wix/design-system';\nimport {\n FieldValidationSettingsInput,\n type FieldValidationRuleConfig,\n} from '@wix/patterns-fields';\nimport type { FieldSettingsProps } from '@wix/patterns/schema';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport {\n CmsFieldSettingsState,\n getCmsFieldValidationRules,\n showsValueRange,\n} from './CmsFieldSettingsState';\n\nexport interface CmsFieldSettingsProps extends FieldSettingsProps {\n state: CmsFieldSettingsState;\n}\n\nexport const _CmsFieldSettings = (props: CmsFieldSettingsProps) => {\n const { state, fieldType } = props;\n const { translate } = useWixPatternsContainer();\n const { valueRangeError } = state;\n const validationRules = getCmsFieldValidationRules(fieldType).map(\n (rule): FieldValidationRuleConfig => {\n switch (rule) {\n case 'required':\n return {\n type: rule,\n label: translate('cairo.fieldValidation.required.label'),\n tooltip: translate('cairo.fieldValidation.required.tooltip'),\n };\n case 'charactersLimit':\n return {\n type: rule,\n label: translate('cairo.fieldValidation.charactersLimit.label'),\n tooltip: translate('cairo.fieldValidation.charactersLimit.tooltip'),\n minLabel: translate(\n 'cairo.fieldValidation.charactersLimit.minimum.label',\n ),\n maxLabel: translate(\n 'cairo.fieldValidation.charactersLimit.maximum.label',\n ),\n separator: translate(\n 'cairo.fieldValidation.charactersLimit.separator',\n ),\n outOfBoundsError: (min, max) =>\n translate(\n 'cairo.fieldValidation.charactersLimit.outOfBounds.error',\n { min, max },\n ),\n maxBelowMinError: translate(\n 'cairo.fieldValidation.charactersLimit.maxBelowMin.error',\n ),\n };\n }\n\n return rule;\n },\n );\n\n return (\n <Box direction=\"vertical\" gap=\"SP4\">\n <FormField\n dataHook=\"cms-field-settings-help-text\"\n label=\"Help text\"\n infoContent=\"Shown under the field when someone adds content to this collection.\"\n >\n <Input\n dataHook=\"cms-field-settings-help-text-input\"\n value={state.helpText}\n maxLength={200}\n placeholder=\"Add a short explanation\"\n onChange={(e) => state.setHelpText(e.target.value)}\n />\n </FormField>\n <Box direction=\"vertical\" gap=\"SP2\">\n <Text size=\"small\" secondary>\n Validation\n </Text>\n <FieldValidationSettingsInput\n dataHook=\"cms-field-settings-validation\"\n data={state.validationSettings}\n rules={validationRules}\n invalid={state.hasError(fieldType)}\n onChange={state.setValidationSettings}\n />\n {showsValueRange(fieldType) && (\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box\n dataHook=\"cms-field-settings-value-range\"\n verticalAlign=\"middle\"\n gap=\"9px\"\n >\n <ToggleSwitch\n dataHook=\"cms-field-settings-value-range-toggle\"\n size=\"medium\"\n checked={state.valueRange}\n onChange={(e) => state.setValueRange(e.target.checked)}\n />\n <Box verticalAlign=\"middle\" gap=\"3px\">\n <Text size=\"small\">Limit value range</Text>\n <InfoIcon\n size=\"small\"\n content=\"Limit the values this field accepts for any newly added items.\"\n />\n </Box>\n </Box>\n {state.valueRange && (\n <Box verticalAlign=\"middle\" gap=\"SP2\">\n <Box width=\"112px\">\n <NumberInput\n dataHook=\"cms-field-settings-min-value\"\n size=\"small\"\n placeholder=\"min\"\n value={state.minValue}\n onChange={(value) => state.setMinValue(value ?? undefined)}\n />\n </Box>\n <Text size=\"small\" secondary>\n and\n </Text>\n <Box width=\"112px\">\n <NumberInput\n dataHook=\"cms-field-settings-max-value\"\n size=\"small\"\n placeholder=\"max\"\n value={state.maxValue}\n status={valueRangeError ? 'error' : undefined}\n statusMessage={valueRangeError}\n onChange={(value) => state.setMaxValue(value ?? undefined)}\n />\n </Box>\n </Box>\n )}\n </Box>\n )}\n </Box>\n </Box>\n );\n};\n\nexport const CmsFieldSettings = observer(_CmsFieldSettings);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/adapter/fieldSettings/CmsFieldSettings.spec.js ADDED Viewed

@@ -0,0 +1,70 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _CmsFieldSettings2 = require("./CmsFieldSettings");
+var _CmsFieldSettingsState = require("./CmsFieldSettingsState");
+const mockFieldValidationSettingsInput = jest.fn(() => null);
+jest.mock('@wix/patterns-fields', () => ({
+  ...jest.requireActual('@wix/patterns-fields'),
+  FieldValidationSettingsInput: props => mockFieldValidationSettingsInput(props)
+}));
+jest.mock('@wix/patterns', () => ({
+  useWixPatternsContainer: () => ({
+    translate: (key, params) => params ? `${key}:${params.min}-${params.max}` : key
+  })
+}), {
+  virtual: true
+});
+const findValidationSettingsInput = node => {
+  if (! /*#__PURE__*/_react.default.isValidElement(node)) {
+    return undefined;
+  }
+  if (node.props.dataHook === 'cms-field-settings-validation') {
+    return node;
+  }
+  return _react.default.Children.toArray(node.props.children).map(findValidationSettingsInput).find(Boolean);
+};
+describe('CmsFieldSettings', () => {
+  it('passes ordered translated rules and controlled validation state', () => {
+    const state = new _CmsFieldSettingsState.CmsFieldSettingsState();
+    state.setValidationSettings({
+      required: true,
+      charactersLimit: {
+        min: 20,
+        max: 2
+      }
+    });
+    const tree = (0, _CmsFieldSettings2._CmsFieldSettings)({
+      state,
+      fieldType: 'SHORT_TEXT'
+    });
+    const input = findValidationSettingsInput(tree);
+    if (!input) {
+      throw new Error('FieldValidationSettingsInput was not rendered');
+    }
+    const props = input.props;
+    expect(props.rules.map(({
+      type
+    }) => type)).toEqual(['required', 'charactersLimit']);
+    expect(props.rules[1]).toMatchObject({
+      label: 'cairo.fieldValidation.charactersLimit.label',
+      maxBelowMinError: 'cairo.fieldValidation.charactersLimit.maxBelowMin.error'
+    });
+    expect(props.data).toEqual({
+      required: true,
+      charactersLimit: {
+        min: 20,
+        max: 2
+      }
+    });
+    expect(props.invalid).toBe(true);
+    props.onChange({
+      required: false
+    });
+    expect(state.validationSettings).toEqual({
+      required: false
+    });
+  });
+});
+//# sourceMappingURL=CmsFieldSettings.spec.js.map

package/dist/cjs/adapter/fieldSettings/CmsFieldSettings.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_CmsFieldSettings2","_CmsFieldSettingsState","mockFieldValidationSettingsInput","jest","fn","mock","requireActual","FieldValidationSettingsInput","props","useWixPatternsContainer","translate","key","params","min","max","virtual","findValidationSettingsInput","node","React","isValidElement","undefined","dataHook","Children","toArray","children","map","find","Boolean","describe","it","state","CmsFieldSettingsState","setValidationSettings","required","charactersLimit","tree","_CmsFieldSettings","fieldType","input","Error","expect","rules","type","toEqual","toMatchObject","label","maxBelowMinError","data","invalid","toBe","onChange","validationSettings"],"sources":["../../../../src/adapter/fieldSettings/CmsFieldSettings.spec.tsx"],"sourcesContent":["import React from 'react';\nimport type { FieldValidationSettingsInputProps } from '@wix/patterns-fields';\nimport {\n _CmsFieldSettings,\n type CmsFieldSettingsProps,\n} from './CmsFieldSettings';\nimport { CmsFieldSettingsState } from './CmsFieldSettingsState';\n\nconst mockFieldValidationSettingsInput = jest.fn<\n null,\n [FieldValidationSettingsInputProps]\n>(() => null);\n\njest.mock('@wix/patterns-fields', () => ({\n ...jest.requireActual('@wix/patterns-fields'),\n FieldValidationSettingsInput: (props: FieldValidationSettingsInputProps) =>\n mockFieldValidationSettingsInput(props),\n}));\n\njest.mock(\n '@wix/patterns',\n () => ({\n useWixPatternsContainer: () => ({\n translate: (key: string, params?: Record<string, number>) =>\n params ? `${key}:${params.min}-${params.max}` : key,\n }),\n }),\n { virtual: true },\n);\n\nconst findValidationSettingsInput = (\n node: React.ReactNode,\n): React.ReactElement<FieldValidationSettingsInputProps> | undefined => {\n if (!React.isValidElement(node)) {\n return undefined;\n }\n if (node.props.dataHook === 'cms-field-settings-validation') {\n return node as React.ReactElement<FieldValidationSettingsInputProps>;\n }\n\n return React.Children.toArray(node.props.children)\n .map(findValidationSettingsInput)\n .find(Boolean);\n};\n\ndescribe('CmsFieldSettings', () => {\n it('passes ordered translated rules and controlled validation state', () => {\n const state = new CmsFieldSettingsState();\n state.setValidationSettings({\n required: true,\n charactersLimit: { min: 20, max: 2 },\n });\n\n const tree = _CmsFieldSettings({\n state,\n fieldType: 'SHORT_TEXT',\n } as CmsFieldSettingsProps);\n\n const input = findValidationSettingsInput(tree);\n if (!input) {\n throw new Error('FieldValidationSettingsInput was not rendered');\n }\n const props = input.props;\n expect(props.rules.map(({ type }) => type)).toEqual([\n 'required',\n 'charactersLimit',\n ]);\n expect(props.rules[1]).toMatchObject({\n label: 'cairo.fieldValidation.charactersLimit.label',\n maxBelowMinError:\n 'cairo.fieldValidation.charactersLimit.maxBelowMin.error',\n });\n expect(props.data).toEqual({\n required: true,\n charactersLimit: { min: 20, max: 2 },\n });\n expect(props.invalid).toBe(true);\n\n props.onChange({ required: false });\n expect(state.validationSettings).toEqual({ required: false });\n });\n});\n"],"mappings":"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","ignoreList":[]}