@wix/patterns 1.385.0 → 1.387.0

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

@@ -0,0 +1,152 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ValidationAndDefaultsSection = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _ValidationSubSection = require("./ValidationSubSection");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _ValidationAndDefaultsSection = ({
+  state
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const hasValidation = state.supportedValidationRules.length > 0;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    style: {
+      cursor: 'pointer',
+      padding: '16px 0 16px 0',
+      display: 'flex',
+      alignItems: 'center',
+      gap: 8
+    },
+    onClick: () => setIsOpen(v => !v),
+    onKeyDown: e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        setIsOpen(v => !v);
+      }
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 7
+    }
+  }, isOpen ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+    size: "18px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 19
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
+    size: "18px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 49
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    weight: "bold",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 9
+    }
+  }, "Validation and defaults")), isOpen && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP0",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 9
+    }
+  }, hasValidation && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    paddingBottom: "SP4",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    weight: "bold",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 15
+    }
+  }, "Validation"), /*#__PURE__*/_react.default.createElement(_ValidationSubSection.ValidationSubSection, {
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 15
+    }
+  }), /*#__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",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 13
+    }
+  }, "Help text"), /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+    ariaLabel: "Help text",
+    value: state.properties.helpText,
+    onChange: e => state.setHelpText(e.target.value),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      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);
+//# sourceMappingURL=ValidationAndDefaultsSection.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ValidationSubSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _RequiredToggle = require("../formFields/RequiredToggle");
+var _CharactersLimitInput = require("../formFields/CharactersLimitInput");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/Sections/ValidationSubSection.tsx";
+const _ValidationSubSection = ({
+  state
+}) => {
+  const {
+    supportedValidationRules,
+    fieldRules
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, supportedValidationRules.map(rule => {
+    if (rule === 'required') {
+      return /*#__PURE__*/_react.default.createElement(_RequiredToggle.RequiredToggle, {
+        key: "required",
+        label: "Required",
+        checked: Boolean(fieldRules.validationRules.required),
+        onChange: v => state.setValidationRule('required', v),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 22,
+          columnNumber: 13
+        }
+      });
+    }
+    if (rule === 'charactersLimit') {
+      return /*#__PURE__*/_react.default.createElement(_CharactersLimitInput.CharactersLimitInput, {
+        key: "charactersLimit",
+        minLabel: "Min characters",
+        maxLabel: "Max characters",
+        value: fieldRules.validationRules.charactersLimit ?? {},
+        onChange: v => state.setValidationRule('charactersLimit', v),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 32,
+          columnNumber: 13
+        }
+      });
+    }
+    return null;
+  }));
+};
+const ValidationSubSection = exports.ValidationSubSection = (0, _mobxReactLite.observer)(_ValidationSubSection);
+//# sourceMappingURL=ValidationSubSection.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.isSelectableFieldType = exports.isPIISupportedByFieldType = void 0;
+const SELECTABLE_FIELD_TYPES = new Set(['SHORT_TEXT', 'NUMBER', 'BOOLEAN', 'DATE']);
+const isSelectableFieldType = t => SELECTABLE_FIELD_TYPES.has(t);
+exports.isSelectableFieldType = isSelectableFieldType;
+const isPIISupportedByFieldType = t => t === 'SHORT_TEXT';
+exports.isPIISupportedByFieldType = isPIISupportedByFieldType;
+//# sourceMappingURL=fieldTypeUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SELECTABLE_FIELD_TYPES","Set","isSelectableFieldType","t","has","exports","isPIISupportedByFieldType"],"sources":["../../../../src/components/CmsFieldManagement/fieldTypeUtils.ts"],"sourcesContent":["import type { PatternsFieldType } from '../../types/SchemaConfig';\nimport type { SelectableFieldTypes } from './types';\n\nconst SELECTABLE_FIELD_TYPES = new Set<PatternsFieldType>([\n  'SHORT_TEXT',\n  'NUMBER',\n  'BOOLEAN',\n  'DATE',\n]);\n\nexport const isSelectableFieldType = (\n  t: PatternsFieldType,\n): t is SelectableFieldTypes => SELECTABLE_FIELD_TYPES.has(t);\n\nexport const isPIISupportedByFieldType = (\n  t: SelectableFieldTypes | undefined,\n): boolean => t === 'SHORT_TEXT';\n"],"mappings":";;;;AAGA,MAAMA,sBAAsB,GAAG,IAAIC,GAAG,CAAoB,CACxD,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,MAAM,CACP,CAAC;AAEK,MAAMC,qBAAqB,GAChCC,CAAoB,IACUH,sBAAsB,CAACI,GAAG,CAACD,CAAC,CAAC;AAACE,OAAA,CAAAH,qBAAA,GAAAA,qBAAA;AAEvD,MAAMI,yBAAyB,GACpCH,CAAmC,IACvBA,CAAC,KAAK,YAAY;AAACE,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getFieldTypeValidationRulesList = void 0;
+// Sourced from cms-web packages/auto-cms-field-types/src/field-types-metadata.json validations[] per type.
+//
+// TODO: cross-check this map against cms-web before GA. The ValidationSection UI in Phase 3 renders
+// rule inputs based on this map — a wrong entry surfaces as the wrong set of inputs for a field type.
+// Updating this file is the single place to fix any mismatch; no downstream changes required.
+const fieldValidationRulesMap = {
+  SHORT_TEXT: ['required', 'charactersLimit'],
+  NUMBER: ['required'],
+  BOOLEAN: ['required'],
+  DATE: ['required']
+};
+const getFieldTypeValidationRulesList = t => fieldValidationRulesMap[t] ?? [];
+exports.getFieldTypeValidationRulesList = getFieldTypeValidationRulesList;
+//# sourceMappingURL=fieldValidationRulesMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fieldValidationRulesMap","SHORT_TEXT","NUMBER","BOOLEAN","DATE","getFieldTypeValidationRulesList","t","exports"],"sources":["../../../../src/components/CmsFieldManagement/fieldValidationRulesMap.ts"],"sourcesContent":["import type { SelectableFieldTypes, ValidationRule } from './types';\n\n// Sourced from cms-web packages/auto-cms-field-types/src/field-types-metadata.json validations[] per type.\n//\n// TODO: cross-check this map against cms-web before GA. The ValidationSection UI in Phase 3 renders\n// rule inputs based on this map — a wrong entry surfaces as the wrong set of inputs for a field type.\n// Updating this file is the single place to fix any mismatch; no downstream changes required.\nconst fieldValidationRulesMap: Record<SelectableFieldTypes, ValidationRule[]> =\n  {\n    SHORT_TEXT: ['required', 'charactersLimit'],\n    NUMBER: ['required'],\n    BOOLEAN: ['required'],\n    DATE: ['required'],\n  };\n\nexport const getFieldTypeValidationRulesList = (\n  t: SelectableFieldTypes,\n): ValidationRule[] => fieldValidationRulesMap[t] ?? [];\n"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA,MAAMA,uBAAuE,GAC3E;EACEC,UAAU,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC;EAC3CC,MAAM,EAAE,CAAC,UAAU,CAAC;EACpBC,OAAO,EAAE,CAAC,UAAU,CAAC;EACrBC,IAAI,EAAE,CAAC,UAAU;AACnB,CAAC;AAEI,MAAMC,+BAA+B,GAC1CC,CAAuB,IACFN,uBAAuB,CAACM,CAAC,CAAC,IAAI,EAAE;AAACC,OAAA,CAAAF,+BAAA,GAAAA,+BAAA","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CharactersLimitInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx";
+const CharactersLimitInput = ({
+  minLabel,
+  maxLabel,
+  value,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  gap: "SP3",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 18,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  label: minLabel,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 19,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
+  value: value.minLength,
+  onChange: v => onChange({
+    ...value,
+    minLength: v ?? undefined
+  }),
+  min: 0,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 7
+  }
+})), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  label: maxLabel,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 26,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
+  value: value.maxLength,
+  onChange: v => onChange({
+    ...value,
+    maxLength: v ?? undefined
+  }),
+  min: 0,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 27,
+    columnNumber: 7
+  }
+})));
+exports.CharactersLimitInput = CharactersLimitInput;
+//# sourceMappingURL=CharactersLimitInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CharactersLimitInput","minLabel","maxLabel","value","onChange","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","FormField","label","NumberInput","minLength","v","undefined","min","maxLength","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, FormField, NumberInput } from '@wix/design-system';\nimport type { StringLengthRange } from '../../../types/SchemaConfig';\n\nexport interface CharactersLimitInputProps {\n  minLabel: string;\n  maxLabel: string;\n  value: StringLengthRange;\n  onChange: (v: StringLengthRange) => void;\n}\n\nexport const CharactersLimitInput = ({\n  minLabel,\n  maxLabel,\n  value,\n  onChange,\n}: CharactersLimitInputProps) => (\n  <Box gap=\"SP3\">\n    <FormField label={minLabel}>\n      <NumberInput\n        value={value.minLength}\n        onChange={(v) => onChange({ ...value, minLength: v ?? undefined })}\n        min={0}\n      />\n    </FormField>\n    <FormField label={maxLabel}>\n      <NumberInput\n        value={value.maxLength}\n        onChange={(v) => onChange({ ...value, maxLength: v ?? undefined })}\n        min={0}\n      />\n    </FormField>\n  </Box>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAiE,IAAAE,YAAA;AAU1D,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC;AACyB,CAAC,kBAC1BT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;EAACC,GAAG,EAAC,KAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACZlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,SAAS;EAACC,KAAK,EAAEd,QAAS;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACzBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,WAAW;EACVb,KAAK,EAAEA,KAAK,CAACc,SAAU;EACvBb,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,CAAC;IAAE,GAAGD,KAAK;IAAEc,SAAS,EAAEC,CAAC,IAAIC;EAAU,CAAC,CAAE;EACnEC,GAAG,EAAE,CAAE;EAAAX,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,CACR,CACQ,CAAC,eACZlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,SAAS;EAACC,KAAK,EAAEb,QAAS;EAAAO,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACzBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,WAAW;EACVb,KAAK,EAAEA,KAAK,CAACkB,SAAU;EACvBjB,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,CAAC;IAAE,GAAGD,KAAK;IAAEkB,SAAS,EAAEH,CAAC,IAAIC;EAAU,CAAC,CAAE;EACnEC,GAAG,EAAE,CAAE;EAAAX,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,CACR,CACQ,CACR,CACN;AAACS,OAAA,CAAAtB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldNameInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/FieldNameInput.tsx";
+const FieldNameInput = ({
+  label,
+  value,
+  onChange,
+  onBlur,
+  error
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  required: true,
+  label: label,
+  status: error ? 'error' : undefined,
+  statusMessage: error,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 19,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+  value: value,
+  onChange: e => onChange(e.target.value),
+  onBlur: onBlur,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 25,
+    columnNumber: 5
+  }
+}));
+exports.FieldNameInput = FieldNameInput;
+//# sourceMappingURL=FieldNameInput.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldPiiToggle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx";
+const FieldPiiToggle = ({
+  label,
+  checked,
+  onChange,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  label: label,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 17,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
+  checked: checked,
+  onChange: e => onChange(e.target.checked),
+  disabled: disabled,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 18,
+    columnNumber: 5
+  }
+}));
+exports.FieldPiiToggle = FieldPiiToggle;
+//# sourceMappingURL=FieldPiiToggle.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldTypeSelect = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+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 FieldTypeSelect = ({
+  label,
+  value,
+  onChange,
+  disabled,
+  error
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  required: true,
+  label: label,
+  status: error ? 'error' : undefined,
+  statusMessage: error,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 41,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+  popoverProps: {
+    zIndex: 10000,
+    appendTo: 'window'
+  },
+  options: OPTIONS,
+  selectedId: value,
+  onSelect: option => onChange(option.id),
+  disabled: disabled,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 47,
+    columnNumber: 5
+  }
+}));
+exports.FieldTypeSelect = FieldTypeSelect;
+//# sourceMappingURL=FieldTypeSelect.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RequiredToggle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/RequiredToggle.tsx";
+const RequiredToggle = ({
+  label,
+  checked,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+  checked: checked,
+  onChange: () => onChange(!checked),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 15,
+    columnNumber: 3
+  }
+}, label);
+exports.RequiredToggle = RequiredToggle;
+//# sourceMappingURL=RequiredToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","RequiredToggle","label","checked","onChange","default","createElement","Checkbox","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/components/CmsFieldManagement/formFields/RequiredToggle.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@wix/design-system';\n\nexport interface RequiredToggleProps {\n  label: string;\n  checked: boolean;\n  onChange: (v: boolean) => void;\n}\n\nexport const RequiredToggle = ({\n  label,\n  checked,\n  onChange,\n}: RequiredToggleProps) => (\n  <Checkbox checked={checked} onChange={() => onChange(!checked)}>\n    {label}\n  </Checkbox>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA8C,IAAAE,YAAA;AAQvC,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,OAAO;EACPC;AACmB,CAAC,kBACpBR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,QAAQ;EAACJ,OAAO,EAAEA,OAAQ;EAACC,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAAC,CAACD,OAAO,CAAE;EAAAK,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,GAC5DV,KACO,CACX;AAACW,OAAA,CAAAZ,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CmsFormState = void 0;
+var _CmsFormState = require("./CmsFormState");
+exports.CmsFormState = _CmsFormState.CmsFormState;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CmsFormState","require","exports","CmsFormState"],"sources":["../../../../src/components/CmsFieldManagement/index.ts"],"sourcesContent":["export { CmsFormState } from './CmsFormState';\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAA8CC,OAAA,CAAAC,YAAA,GAAAH,aAAA,CAAAG,YAAA","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.__esModule = true;
+exports.toFieldSpec = void 0;
+const toFieldSpec = (properties, rules) => {
+  const {
+    type,
+    name,
+    isPii,
+    helpText
+  } = properties;
+  const {
+    validationRules
+  } = rules;
+  const trimmedHelpText = helpText.trim();
+  const hasRules = validationRules.required !== undefined || validationRules.charactersLimit !== undefined;
+  const validation = hasRules ? {
+    required: Boolean(validationRules.required),
+    ...(validationRules.charactersLimit !== undefined && {
+      stringLengthRange: validationRules.charactersLimit
+    })
+  } : undefined;
+  return {
+    type,
+    displayName: name.trim(),
+    ...(isPii && {
+      isPii: true
+    }),
+    ...(trimmedHelpText && {
+      helpText: trimmedHelpText
+    }),
+    ...(validation && {
+      validation
+    })
+  };
+};
+exports.toFieldSpec = toFieldSpec;
+//# sourceMappingURL=toFieldSpec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["toFieldSpec","properties","rules","type","name","isPii","helpText","validationRules","trimmedHelpText","trim","hasRules","required","undefined","charactersLimit","validation","Boolean","stringLengthRange","displayName","exports"],"sources":["../../../../src/components/CmsFieldManagement/toFieldSpec.ts"],"sourcesContent":["import type {\n  FieldSpec,\n  NonReferenceField,\n  StringLengthRange,\n} from '../../types/SchemaConfig';\nimport type { FieldProperties, FieldRules } from './types';\n\nexport const toFieldSpec = (\n  properties: FieldProperties,\n  rules: FieldRules,\n): FieldSpec => {\n  const { type, name, isPii, helpText } = properties;\n  const { validationRules } = rules;\n  const trimmedHelpText = helpText.trim();\n\n  const hasRules =\n    validationRules.required !== undefined ||\n    validationRules.charactersLimit !== undefined;\n\n  const validation: NonReferenceField['validation'] = hasRules\n    ? {\n        required: Boolean(validationRules.required),\n        ...(validationRules.charactersLimit !== undefined && {\n          stringLengthRange:\n            validationRules.charactersLimit as StringLengthRange,\n        }),\n      }\n    : undefined;\n\n  return {\n    type,\n    displayName: name.trim(),\n    ...(isPii && { isPii: true }),\n    ...(trimmedHelpText && { helpText: trimmedHelpText }),\n    ...(validation && { validation }),\n  };\n};\n"],"mappings":";;;;AAOO,MAAMA,WAAW,GAAGA,CACzBC,UAA2B,EAC3BC,KAAiB,KACH;EACd,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,UAAU;EAClD,MAAM;IAAEM;EAAgB,CAAC,GAAGL,KAAK;EACjC,MAAMM,eAAe,GAAGF,QAAQ,CAACG,IAAI,CAAC,CAAC;EAEvC,MAAMC,QAAQ,GACZH,eAAe,CAACI,QAAQ,KAAKC,SAAS,IACtCL,eAAe,CAACM,eAAe,KAAKD,SAAS;EAE/C,MAAME,UAA2C,GAAGJ,QAAQ,GACxD;IACEC,QAAQ,EAAEI,OAAO,CAACR,eAAe,CAACI,QAAQ,CAAC;IAC3C,IAAIJ,eAAe,CAACM,eAAe,KAAKD,SAAS,IAAI;MACnDI,iBAAiB,EACfT,eAAe,CAACM;IACpB,CAAC;EACH,CAAC,GACDD,SAAS;EAEb,OAAO;IACLT,IAAI;IACJc,WAAW,EAAEb,IAAI,CAACK,IAAI,CAAC,CAAC;IACxB,IAAIJ,KAAK,IAAI;MAAEA,KAAK,EAAE;IAAK,CAAC,CAAC;IAC7B,IAAIG,eAAe,IAAI;MAAEF,QAAQ,EAAEE;IAAgB,CAAC,CAAC;IACrD,IAAIM,UAAU,IAAI;MAAEA;IAAW,CAAC;EAClC,CAAC;AACH,CAAC;AAACI,OAAA,CAAAlB,WAAA,GAAAA,WAAA","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/CmsFieldManagement/types.ts"],"sourcesContent":["export type SelectableFieldTypes = 'SHORT_TEXT' | 'NUMBER' | 'BOOLEAN' | 'DATE';\n\nexport type ValidationRule = 'required' | 'charactersLimit';\n\nexport interface FieldProperties {\n  type: SelectableFieldTypes;\n  name: string;\n  isPii: boolean;\n  helpText: string;\n}\n\nexport interface FieldRules {\n  validationRules: Partial<Record<ValidationRule, unknown>>;\n}\n\n// `type` is optional here because it starts undefined until the user picks one,\n// while all other fields are always present. Keeping `type` required on FieldProperties\n// preserves the stricter type everywhere else.\nexport type FieldPropertiesState = Omit<FieldProperties, 'type'> & {\n  type?: FieldProperties['type'];\n};\n"],"mappings":"","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_ = "Collapse1113190780";
+var _namespace_ = "Collapse1428355442";
 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": "Collapse1113190780__root",
-  "exit": "Collapse1113190780__exit"
+  "root": "Collapse1428355442__root",
+  "exit": "Collapse1428355442__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};