@wix/patterns 1.454.0 → 1.456.0

package/dist/cjs/components/ActionCell/DisabledActionCellMenu.js

@@ -7,6 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _DisabledTooltip = require("../DisabledTooltip");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ActionCell/DisabledActionCellMenu.tsx";
 function DisabledActionCellMenu({
   dataHook,
@@ -17,24 +18,25 @@ function DisabledActionCellMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 21,
       columnNumber: 10
     }
   }),
   ariaLabel
 }) {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const buttonAriaLabel = typeof tooltipContent === 'string' ? tooltipContent : ariaLabel;
   const button = /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
     dataHook: dataHook,
     disabled: true,
-    priority: "secondary",
+    priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
     size: size,
     skin: skin,
     ariaLabel: buttonAriaLabel,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 29,
       columnNumber: 5
     }
   }, icon);
@@ -45,7 +47,7 @@ function DisabledActionCellMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 42,
       columnNumber: 5
     }
   }, tooltipContent ? /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
@@ -54,7 +56,7 @@ function DisabledActionCellMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 44,
       columnNumber: 9
     }
   }, button) : button);

package/dist/cjs/components/ActionCell/DisabledActionCellMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_DisabledTooltip","_jsxFileName","DisabledActionCellMenu","dataHook","tooltipContent","size","skin","icon","default","createElement","More","__self","__source","fileName","lineNumber","columnNumber","ariaLabel","buttonAriaLabel","button","IconButton","disabled","priority","Box","verticalAlign","align","width","DisabledTooltip","undefined","content"],"sources":["../../../../src/components/ActionCell/DisabledActionCellMenu.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton, IconButtonProps } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport interface DisabledActionCellMenuProps {\n  dataHook?: string;\n  tooltipContent?: React.ReactNode;\n  size?: IconButtonProps['size'];\n  skin?: IconButtonProps['skin'];\n  icon?: ReactElement;\n  ariaLabel?: string;\n}\n\nexport function DisabledActionCellMenu({\n  dataHook,\n  tooltipContent,\n  size = 'medium',\n  skin = 'standard',\n  icon = <More />,\n  ariaLabel,\n}: DisabledActionCellMenuProps) {\n  const buttonAriaLabel =\n    typeof tooltipContent === 'string' ? tooltipContent : ariaLabel;\n\n  const button = (\n    <IconButton\n      dataHook={dataHook}\n      disabled\n      priority=\"secondary\"\n      size={size}\n      skin={skin}\n      ariaLabel={buttonAriaLabel}\n    >\n      {icon}\n    </IconButton>\n  );\n\n  return (\n    <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n      {tooltipContent ? (\n        <DisabledTooltip\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n          content={tooltipContent}\n        >\n          {button}\n        </DisabledTooltip>\n      ) : (\n        button\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAW9C,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,cAAc;EACdC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,UAAU;EACjBC,IAAI,gBAAGZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,IAAI;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EACfC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,eAAe,GACnB,OAAOb,cAAc,KAAK,QAAQ,GAAGA,cAAc,GAAGY,SAAS;EAEjE,MAAME,MAAM,gBACVvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAqB,UAAU;IACThB,QAAQ,EAAEA,QAAS;IACnBiB,QAAQ;IACRC,QAAQ,EAAC,WAAW;IACpBhB,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXU,SAAS,EAAEC,eAAgB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1BR,IACS,CACb;EAED,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAwB,GAAG;IAACC,aAAa,EAAC,QAAQ;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAC,MAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDX,cAAc,gBACbT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAA0B,eAAe;IACdvB,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGwB,SAAU;IACvDC,OAAO,EAAExB,cAAe;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBG,MACc,CAAC,GAElBA,MAEC,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_DisabledTooltip","_useBmHarmonyTheme","_jsxFileName","DisabledActionCellMenu","dataHook","tooltipContent","size","skin","icon","default","createElement","More","__self","__source","fileName","lineNumber","columnNumber","ariaLabel","isBmHarmonyTheme","useBmHarmonyTheme","buttonAriaLabel","button","IconButton","disabled","priority","Box","verticalAlign","align","width","DisabledTooltip","undefined","content"],"sources":["../../../../src/components/ActionCell/DisabledActionCellMenu.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton, IconButtonProps } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface DisabledActionCellMenuProps {\n  dataHook?: string;\n  tooltipContent?: React.ReactNode;\n  size?: IconButtonProps['size'];\n  skin?: IconButtonProps['skin'];\n  icon?: ReactElement;\n  ariaLabel?: string;\n}\n\nexport function DisabledActionCellMenu({\n  dataHook,\n  tooltipContent,\n  size = 'medium',\n  skin = 'standard',\n  icon = <More />,\n  ariaLabel,\n}: DisabledActionCellMenuProps) {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const buttonAriaLabel =\n    typeof tooltipContent === 'string' ? tooltipContent : ariaLabel;\n\n  const button = (\n    <IconButton\n      dataHook={dataHook}\n      disabled\n      priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n      size={size}\n      skin={skin}\n      ariaLabel={buttonAriaLabel}\n    >\n      {icon}\n    </IconButton>\n  );\n\n  return (\n    <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n      {tooltipContent ? (\n        <DisabledTooltip\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n          content={tooltipContent}\n        >\n          {button}\n        </DisabledTooltip>\n      ) : (\n        button\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAAkE,IAAAK,YAAA;AAW3D,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,cAAc;EACdC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,UAAU;EACjBC,IAAI,gBAAGb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAY,IAAI;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EACfC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAMC,eAAe,GACnB,OAAOf,cAAc,KAAK,QAAQ,GAAGA,cAAc,GAAGY,SAAS;EAEjE,MAAMI,MAAM,gBACV1B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAwB,UAAU;IACTlB,QAAQ,EAAEA,QAAS;IACnBmB,QAAQ;IACRC,QAAQ,EAAEN,gBAAgB,GAAG,UAAU,GAAG,WAAY;IACtDZ,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXU,SAAS,EAAEG,eAAgB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1BR,IACS,CACb;EAED,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA2B,GAAG;IAACC,aAAa,EAAC,QAAQ;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAC,MAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDX,cAAc,gBACbV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAA6B,eAAe;IACdzB,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAG0B,SAAU;IACvDC,OAAO,EAAE1B,cAAe;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBK,MACc,CAAC,GAElBA,MAEC,CAAC;AAEV","ignoreList":[]}

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

package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CmsFieldForm1400944717";
+var _namespace_ = "CmsFieldForm3130960422";
 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": "CmsFieldForm1400944717__root",
-  "fullBleedDivider": "CmsFieldForm1400944717__fullBleedDivider"
+  "root": "CmsFieldForm3130960422__root",
+  "fullBleedDivider": "CmsFieldForm3130960422__fullBleedDivider"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CmsFieldModal4209527740";
+var _namespace_ = "CmsFieldModal1125309615";
 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": "CmsFieldModal4209527740__root",
-  "modal": "CmsFieldModal4209527740__modal"
+  "root": "CmsFieldModal1125309615__root",
+  "modal": "CmsFieldModal1125309615__modal"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldModal4209527740\";\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\":\"CmsFieldModal4209527740__root\",\"modal\":\"CmsFieldModal4209527740__modal\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-vertical\":\"--wds-custom-modal-content-padding-vertical\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,OAAO,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC;AAA6C,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldModal1125309615\";\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\":\"CmsFieldModal1125309615__root\",\"modal\":\"CmsFieldModal1125309615__modal\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-vertical\":\"--wds-custom-modal-content-padding-vertical\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,OAAO,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC;AAA6C,CAAC","ignoreList":[]}

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

@@ -5,7 +5,9 @@ exports.__esModule = true;
 exports.CmsFormState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
+var _patternsFields = require("@wix/patterns-fields");
 var _fieldTypeUtils = require("./fieldTypeUtils");
+var _fieldValidationSettingsValue = require("./fieldValidationSettingsValue");
 function defaultProperties() {
   return {
     type: undefined,
@@ -48,8 +50,9 @@ class CmsFormState {
       visibleErrors: _mobx.computed,
       supportedValidationRules: _mobx.computed,
       validationErrorMessage: _mobx.computed,
+      hasValidationSettingsError: _mobx.computed,
       setProperty: _mobx.action,
-      setValidationRule: _mobx.action.bound,
+      setFieldRules: _mobx.action.bound,
       blurField: _mobx.action,
       enableShowValidationError: _mobx.action,
       setMode: _mobx.action,
@@ -81,7 +84,10 @@ class CmsFormState {
     return undefined;
   }
   get hasInvalidFields() {
-    return !!(this.fieldTypeError || this.nameError);
+    return !!(this.fieldTypeError || this.nameError || this.hasValidationSettingsError);
+  }
+  get hasValidationSettingsError() {
+    return (0, _patternsFields.hasFieldValidationSettingsError)((0, _fieldValidationSettingsValue.toFieldValidationSettingsValue)(this.fieldRules), this.supportedValidationRules);
   }
 
   // Spec §3 specifies booleans; returning the error string directly is more useful for rendering
@@ -108,14 +114,8 @@ class CmsFormState {
       [key]: value
     };
   }
-  setValidationRule(rule, value) {
-    this.fieldRules = {
-      ...this.fieldRules,
-      validationRules: {
-        ...this.fieldRules.validationRules,
-        [rule]: value
-      }
-    };
+  setFieldRules(fieldRules) {
+    this.fieldRules = fieldRules;
   }
   blurField(field) {
     this.touchedFields.add(field);

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

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ValidationAndDefaultsSection1402411564";
+var _namespace_ = "ValidationAndDefaultsSection3766479093";
 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": "ValidationAndDefaultsSection1402411564__root",
-  "accordionWrapper": "ValidationAndDefaultsSection1402411564__accordionWrapper"
+  "root": "ValidationAndDefaultsSection3766479093__root",
+  "accordionWrapper": "ValidationAndDefaultsSection3766479093__accordionWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ValidationAndDefaultsSection1402411564\";\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\":\"ValidationAndDefaultsSection1402411564__root\",\"accordionWrapper\":\"ValidationAndDefaultsSection1402411564__accordionWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,kBAAkB,EAAC;AAA0D,CAAC;AACnJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ValidationAndDefaultsSection3766479093\";\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\":\"ValidationAndDefaultsSection3766479093__root\",\"accordionWrapper\":\"ValidationAndDefaultsSection3766479093__accordionWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,kBAAkB,EAAC;AAA0D,CAAC;AACnJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}

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

@@ -4,103 +4,55 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ValidationSubSection = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
-var _designSystem = require("@wix/design-system");
-var _RequiredToggle = require("../formFields/RequiredToggle");
-var _CharactersLimitInput = require("../formFields/CharactersLimitInput");
+var _patternsFields = require("@wix/patterns-fields");
+var _fieldValidationSettingsValue = require("../fieldValidationSettingsValue");
 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: "SP3",
+    translate
+  } = (0, _react2.useWixPatternsContainer)();
+  const rules = state.supportedValidationRules.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(_patternsFields.FieldValidationSettingsInput, {
+    dataHook: "cms-field-validation-settings",
+    data: (0, _fieldValidationSettingsValue.toFieldValidationSettingsValue)(state.fieldRules),
+    rules: rules,
+    invalid: state.hasValidationSettingsError,
+    onChange: value => state.setFieldRules((0, _fieldValidationSettingsValue.withFieldValidationSettingsValue)(state.fieldRules, value)),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 59,
       columnNumber: 5
     }
-  }, supportedValidationRules.map(rule => {
-    if (rule === 'required') {
-      return /*#__PURE__*/_react.default.createElement(_RequiredToggle.RequiredToggle, {
-        key: "required",
-        label: "Make this a required field",
-        checked: Boolean(fieldRules.validationRules.required),
-        onChange: v => state.setValidationRule('required', v),
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 22,
-          columnNumber: 13
-        }
-      });
-    }
-    if (rule === 'charactersLimit') {
-      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 ?? {},
-        onChange: v => state.setValidationRule('charactersLimit', v),
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 49,
-          columnNumber: 17
-        }
-      }));
-    }
-    return null;
-  }));
+  });
 };
 const ValidationSubSection = exports.ValidationSubSection = (0, _mobxReactLite.observer)(_ValidationSubSection);
 //# sourceMappingURL=ValidationSubSection.js.map

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","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=\"SP3\">\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":";;;;;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,4BAA4B;QAClCC,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,MAAMW,SAAS,GACbvB,UAAU,CAACkB,eAAe,CAACM,eAAe,KAAKC,SAAS;MAC1D,oBACEpC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;QAACW,GAAG,EAAC,iBAAiB;QAACV,SAAS,EAAC,UAAU;QAACC,GAAG,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACvDrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;QAACuB,aAAa,EAAC,QAAQ;QAACrB,GAAG,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnCrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAkC,YAAY;QACXX,OAAO,EAAEO,SAAU;QACnBH,QAAQ,EAAEA,CAAA,KACRtB,KAAK,CAACwB,iBAAiB,CACrB,iBAAiB,EACjBC,SAAS,GAAGE,SAAS,GAAG,CAAC,CAC3B,CACD;QAAAnB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CACF,CAAC,eACFrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAmC,IAAI;QAACC,IAAI,EAAC,OAAO;QAAAvB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAC,uBAA2B,CAAC,eAC/CrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqC,QAAQ;QAACC,OAAO,EAAC,0DAA0D;QAAAzB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAC3E,CAAC,EACLa,SAAS,iBACRlC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,qBAAA,CAAAqC,oBAAoB;QACnBC,QAAQ,EAAC,gBAAgB;QACzBC,QAAQ,EAAC,gBAAgB;QACzBC,KAAK,EACFnC,UAAU,CAACkB,eAAe,CAACM,eAAe,IAEzB,CAAC,CACpB;QACDJ,QAAQ,EAAGC,CAAC,IACVvB,KAAK,CAACwB,iBAAiB,CAAC,iBAAiB,EAAED,CAAC,CAC7C;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAZ,YAAA;UAAAa,UAAA;UAAAC,YAAA;QAAA;MAAA,CACF,CAEA,CAAC;IAEV;IACA,OAAO,IAAI;EACb,CAAC,CACE,CAAC;AAEV,CAAC;AAEM,MAAM0B,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACzC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_mobxReactLite","_patternsFields","_fieldValidationSettingsValue","_jsxFileName","_ValidationSubSection","state","translate","useWixPatternsContainer","rules","supportedValidationRules","map","rule","type","label","tooltip","minLabel","maxLabel","separator","outOfBoundsError","min","max","maxBelowMinError","default","createElement","FieldValidationSettingsInput","dataHook","data","toFieldValidationSettingsValue","fieldRules","invalid","hasValidationSettingsError","onChange","value","setFieldRules","withFieldValidationSettingsValue","__self","__source","fileName","lineNumber","columnNumber","ValidationSubSection","exports","observer"],"sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"sourcesContent":["import React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  FieldValidationSettingsInput,\n  type FieldValidationRuleConfig,\n} from '@wix/patterns-fields';\nimport type { CmsFormState } from '../CmsFormState';\nimport {\n  toFieldValidationSettingsValue,\n  withFieldValidationSettingsValue,\n} from '../fieldValidationSettingsValue';\n\ninterface Props {\n  state: CmsFormState;\n}\n\nconst _ValidationSubSection = ({ state }: Props) => {\n  const { translate } = useWixPatternsContainer();\n  const rules = state.supportedValidationRules.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    <FieldValidationSettingsInput\n      dataHook=\"cms-field-validation-settings\"\n      data={toFieldValidationSettingsValue(state.fieldRules)}\n      rules={rules}\n      invalid={state.hasValidationSettingsError}\n      onChange={(value) =>\n        state.setFieldRules(\n          withFieldValidationSettingsValue(state.fieldRules, value),\n        )\n      }\n    />\n  );\n};\n\nexport const ValidationSubSection = observer(_ValidationSubSection);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAKA,IAAAI,6BAAA,GAAAJ,OAAA;AAGyC,IAAAK,YAAA;AAMzC,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC/C,MAAMC,KAAK,GAAGH,KAAK,CAACI,wBAAwB,CAACC,GAAG,CAC7CC,IAAI,IAAgC;IACnC,QAAQA,IAAI;MACV,KAAK,UAAU;QACb,OAAO;UACLC,IAAI,EAAED,IAAI;UACVE,KAAK,EAAEP,SAAS,CAAC,sCAAsC,CAAC;UACxDQ,OAAO,EAAER,SAAS,CAAC,wCAAwC;QAC7D,CAAC;MACH,KAAK,iBAAiB;QACpB,OAAO;UACLM,IAAI,EAAED,IAAI;UACVE,KAAK,EAAEP,SAAS,CAAC,6CAA6C,CAAC;UAC/DQ,OAAO,EAAER,SAAS,CAAC,+CAA+C,CAAC;UACnES,QAAQ,EAAET,SAAS,CACjB,qDACF,CAAC;UACDU,QAAQ,EAAEV,SAAS,CACjB,qDACF,CAAC;UACDW,SAAS,EAAEX,SAAS,CAClB,iDACF,CAAC;UACDY,gBAAgB,EAAEA,CAACC,GAAG,EAAEC,GAAG,KACzBd,SAAS,CACP,yDAAyD,EACzD;YAAEa,GAAG;YAAEC;UAAI,CACb,CAAC;UACHC,gBAAgB,EAAEf,SAAS,CACzB,yDACF;QACF,CAAC;IACL;IAEA,OAAOK,IAAI;EACb,CACF,CAAC;EAED,oBACEf,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,eAAA,CAAAuB,4BAA4B;IAC3BC,QAAQ,EAAC,+BAA+B;IACxCC,IAAI,EAAE,IAAAC,4DAA8B,EAACtB,KAAK,CAACuB,UAAU,CAAE;IACvDpB,KAAK,EAAEA,KAAM;IACbqB,OAAO,EAAExB,KAAK,CAACyB,0BAA2B;IAC1CC,QAAQ,EAAGC,KAAK,IACd3B,KAAK,CAAC4B,aAAa,CACjB,IAAAC,8DAAgC,EAAC7B,KAAK,CAACuB,UAAU,EAAEI,KAAK,CAC1D,CACD;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAEM,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACtC,qBAAqB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.withFieldValidationSettingsValue = exports.toFieldValidationSettingsValue = void 0;
+const toFieldValidationSettingsValue = rules => {
+  const {
+    required,
+    charactersLimit
+  } = rules.validationRules;
+  return {
+    required,
+    ...(charactersLimit && {
+      charactersLimit: {
+        min: charactersLimit.minLength,
+        max: charactersLimit.maxLength
+      }
+    })
+  };
+};
+exports.toFieldValidationSettingsValue = toFieldValidationSettingsValue;
+const withFieldValidationSettingsValue = (rules, value) => ({
+  ...rules,
+  validationRules: {
+    ...rules.validationRules,
+    required: value.required,
+    charactersLimit: value.charactersLimit ? {
+      minLength: value.charactersLimit.min,
+      maxLength: value.charactersLimit.max
+    } : undefined
+  }
+});
+exports.withFieldValidationSettingsValue = withFieldValidationSettingsValue;
+//# sourceMappingURL=fieldValidationSettingsValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["toFieldValidationSettingsValue","rules","required","charactersLimit","validationRules","min","minLength","max","maxLength","exports","withFieldValidationSettingsValue","value","undefined"],"sources":["../../../../src/components/CmsFieldManagement/fieldValidationSettingsValue.ts"],"sourcesContent":["import type { FieldValidationSettingsValue } from '@wix/patterns-fields';\nimport type { FieldRules } from './types';\n\nexport const toFieldValidationSettingsValue = (\n  rules: FieldRules,\n): FieldValidationSettingsValue => {\n  const { required, charactersLimit } = rules.validationRules;\n\n  return {\n    required,\n    ...(charactersLimit && {\n      charactersLimit: {\n        min: charactersLimit.minLength,\n        max: charactersLimit.maxLength,\n      },\n    }),\n  };\n};\n\nexport const withFieldValidationSettingsValue = (\n  rules: FieldRules,\n  value: FieldValidationSettingsValue,\n): FieldRules => ({\n  ...rules,\n  validationRules: {\n    ...rules.validationRules,\n    required: value.required,\n    charactersLimit: value.charactersLimit\n      ? {\n          minLength: value.charactersLimit.min,\n          maxLength: value.charactersLimit.max,\n        }\n      : undefined,\n  },\n});\n"],"mappings":";;;;AAGO,MAAMA,8BAA8B,GACzCC,KAAiB,IACgB;EACjC,MAAM;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAGF,KAAK,CAACG,eAAe;EAE3D,OAAO;IACLF,QAAQ;IACR,IAAIC,eAAe,IAAI;MACrBA,eAAe,EAAE;QACfE,GAAG,EAAEF,eAAe,CAACG,SAAS;QAC9BC,GAAG,EAAEJ,eAAe,CAACK;MACvB;IACF,CAAC;EACH,CAAC;AACH,CAAC;AAACC,OAAA,CAAAT,8BAAA,GAAAA,8BAAA;AAEK,MAAMU,gCAAgC,GAAGA,CAC9CT,KAAiB,EACjBU,KAAmC,MACnB;EAChB,GAAGV,KAAK;EACRG,eAAe,EAAE;IACf,GAAGH,KAAK,CAACG,eAAe;IACxBF,QAAQ,EAAES,KAAK,CAACT,QAAQ;IACxBC,eAAe,EAAEQ,KAAK,CAACR,eAAe,GAClC;MACEG,SAAS,EAAEK,KAAK,CAACR,eAAe,CAACE,GAAG;MACpCG,SAAS,EAAEG,KAAK,CAACR,eAAe,CAACI;IACnC,CAAC,GACDK;EACN;AACF,CAAC,CAAC;AAACH,OAAA,CAAAC,gCAAA,GAAAA,gCAAA","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CmsFieldManagement/types.ts"],"sourcesContent":["import type { FieldValidationRule } from '@wix/patterns-fields';\nimport type { StringLengthRange } from '../../types/SchemaConfig';\n\nexport type SelectableFieldTypes = 'SHORT_TEXT' | 'NUMBER' | 'BOOLEAN' | 'DATE';\n\nexport type ValidationRule = Extract<\n  FieldValidationRule,\n  'required' | 'charactersLimit'\n>;\n\nexport interface FieldProperties {\n  type: SelectableFieldTypes;\n  name: string;\n  isPii: boolean;\n  helpText: string;\n}\n\nexport interface FieldRules {\n  validationRules: {\n    required?: boolean;\n    charactersLimit?: StringLengthRange;\n  };\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_ = "Collapse3704984179";
+var _namespace_ = "Collapse1814849123";
 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": "Collapse3704984179__root",
-  "exit": "Collapse3704984179__exit"
+  "root": "Collapse1814849123__root",
+  "exit": "Collapse1814849123__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/CollectionPageNew/CollectionPage.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_ = "CollectionPage294888781";
+var _namespace_ = "CollectionPage3232785848";
 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": "CollectionPage294888781__root"
+  "root": "CollectionPage3232785848__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};