@wix/patterns-fields 1.111.0 → 1.112.0

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js

@@ -5,9 +5,9 @@ exports.__esModule = true;
 exports.FieldValidationSettingsInput = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _uuid = require("uuid");
 var _fieldValidationSettings = require("../../validations/field-validation-settings");
+var _fieldValidationSettingsInputStCss = require("./field-validation-settings-input.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/field-validation-settings/field-validation-settings-input.tsx";
 const RuleToggle = ({
   dataHook,
@@ -26,7 +26,7 @@ const RuleToggle = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 60,
+    lineNumber: 58,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
@@ -38,7 +38,7 @@ const RuleToggle = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 68,
+    lineNumber: 66,
     columnNumber: 5
   }
 }));
@@ -123,7 +123,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 169,
         columnNumber: 7
       }
     }, text);
@@ -145,7 +145,7 @@ const FieldValidationSettingsInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 179,
       columnNumber: 5
     }
   });
@@ -162,7 +162,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 217,
+        lineNumber: 215,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -177,7 +177,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 218,
+        lineNumber: 216,
         columnNumber: 9
       }
     }), hasCharactersLimit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -186,7 +186,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 232,
+        lineNumber: 230,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -194,7 +194,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 233,
+        lineNumber: 231,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -203,7 +203,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 234,
+        lineNumber: 232,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
@@ -222,7 +222,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 235,
+        lineNumber: 233,
         columnNumber: 17
       }
     }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -231,7 +231,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 264,
+        lineNumber: 262,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -240,7 +240,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 265,
+        lineNumber: 263,
         columnNumber: 15
       }
     }, rule.separator)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -248,7 +248,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 269,
+        lineNumber: 267,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -257,7 +257,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 270,
+        lineNumber: 268,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
@@ -276,13 +276,43 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 271,
+        lineNumber: 269,
         columnNumber: 17
       }
     })))), renderExclusiveRulesExplanation('charactersLimit', 'field-validation-characters-limit', rule.exclusiveRulesExplanation));
   };
   const renderSpecificValues = rule => {
-    var _data$specificValues;
+    const valuesViolation = errorViolations.find(violation => violation.rule === 'specificValues' && violation.type !== 'exclusiveRules');
+    const hasValuesError = Boolean(valuesViolation || hasUnattributedInvalidState);
+    let valuesError;
+    if ((valuesViolation == null ? void 0 : valuesViolation.type) === 'empty') {
+      valuesError = rule.emptyError;
+    } else if ((valuesViolation == null ? void 0 : valuesViolation.type) === 'blank') {
+      valuesError = rule.blankError;
+    } else if ((valuesViolation == null ? void 0 : valuesViolation.type) === 'duplicate') {
+      valuesError = rule.duplicateError;
+    }
+    const specificValues = data.specificValues ?? [];
+    const addValues = inputValues => {
+      const knownValues = new Set(specificValues.map(({
+        value
+      }) => value.trim()));
+      const addedValues = inputValues.map(value => value.trim()).filter(value => {
+        if (!value || knownValues.has(value)) {
+          return false;
+        }
+        knownValues.add(value);
+        return true;
+      }).map(value => ({
+        id: (0, _uuid.v4)(),
+        value
+      }));
+      if (addedValues.length > 0) {
+        update({
+          specificValues: [...specificValues, ...addedValues]
+        });
+      }
+    };
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       key: "specificValues",
       direction: "vertical",
@@ -290,8 +320,8 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 318,
-        columnNumber: 5
+        lineNumber: 355,
+        columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
       dataHook: "field-validation-specific-values",
@@ -305,128 +335,46 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 319,
-        columnNumber: 7
-      }
-    }), hasSpecificValues && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      direction: "vertical",
-      gap: "SP2",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 333,
+        lineNumber: 356,
         columnNumber: 9
       }
-    }, (_data$specificValues = data.specificValues) == null ? void 0 : _data$specificValues.map((option, index) => {
-      const optionViolation = errorViolations.find(violation => violation.rule === 'specificValues' && 'optionId' in violation && violation.optionId === option.id);
-      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        key: option.id,
-        verticalAlign: "middle",
-        gap: "SP1",
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 342,
-          columnNumber: 15
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        width: "100%",
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 343,
-          columnNumber: 17
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-        dataHook: `field-validation-specific-value-${index}`,
-        size: "small",
-        value: option.value,
-        disabled: isRuleDisabled('specificValues'),
-        status: optionViolation || hasUnattributedInvalidState ? 'error' : undefined,
-        statusMessage: (optionViolation == null ? void 0 : optionViolation.type) === 'blank' ? rule.blankError : (optionViolation == null ? void 0 : optionViolation.type) === 'duplicate' ? rule.duplicateError : undefined,
-        onChange: event => {
-          var _data$specificValues2;
-          return update({
-            specificValues: (_data$specificValues2 = data.specificValues) == null ? void 0 : _data$specificValues2.map(item => item.id === option.id ? {
-              ...item,
-              value: event.target.value
-            } : item)
-          });
-        },
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 344,
-          columnNumber: 19
-        }
-      })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
-        content: rule.removeButton,
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 372,
-          columnNumber: 17
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
-        dataHook: `field-validation-specific-value-remove-${index}`,
-        size: "tiny",
-        priority: "secondary",
-        disabled: isRuleDisabled('specificValues'),
-        ariaLabel: rule.removeButton,
-        onClick: () => {
-          var _data$specificValues3;
-          return update({
-            specificValues: (_data$specificValues3 = data.specificValues) == null ? void 0 : _data$specificValues3.filter(({
-              id
-            }) => id !== option.id)
-          });
-        },
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 373,
-          columnNumber: 19
-        }
-      }, /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 387,
-          columnNumber: 21
-        }
-      }))));
-    }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    }), hasSpecificValues && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      dataHook: "field-validation-specific-values-field",
+      label: rule.optionsLabel,
+      labelSize: "small",
+      stretchContent: true,
+      status: hasValuesError ? 'error' : undefined,
+      statusMessage: hasValuesError ? valuesError : rule.optionsHint,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 393,
+        lineNumber: 370,
         columnNumber: 11
       }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-      dataHook: "field-validation-specific-value-add",
-      size: "small",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.AddSmall, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 397,
-          columnNumber: 27
-        }
-      }),
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+      dataHook: "field-validation-specific-values-input",
+      className: _fieldValidationSettingsInputStCss.classes.specificValuesInput,
+      tags: specificValues.map(({
+        id,
+        value
+      }) => ({
+        id,
+        label: value
+      })),
       disabled: isRuleDisabled('specificValues'),
-      onClick: () => update({
-        specificValues: [...(data.specificValues ?? []), {
-          id: (0, _uuid.v4)(),
-          value: ''
-        }]
+      onManuallyInput: addValues,
+      onRemoveTag: tagId => update({
+        specificValues: specificValues.filter(({
+          id
+        }) => id !== tagId)
       }),
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 394,
+        lineNumber: 378,
         columnNumber: 13
       }
-    }, rule.addButton))), renderExclusiveRulesExplanation('specificValues', 'field-validation-specific-values', rule.exclusiveRulesExplanation));
+    })), renderExclusiveRulesExplanation('specificValues', 'field-validation-specific-values', rule.exclusiveRulesExplanation));
   };
   const renderPattern = rule => {
     const patternViolation = errorViolations.find(violation => violation.rule === 'pattern' && (violation.type === 'invalidPattern' || violation.type === 'unsafePattern'));
@@ -438,7 +386,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 434,
+        lineNumber: 419,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -453,7 +401,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 435,
+        lineNumber: 420,
         columnNumber: 9
       }
     }), hasPattern && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -462,7 +410,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 446,
+        lineNumber: 431,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -478,7 +426,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 447,
+        lineNumber: 432,
         columnNumber: 13
       }
     })), renderExclusiveRulesExplanation('pattern', 'field-validation-pattern', rule.exclusiveRulesExplanation));
@@ -502,7 +450,7 @@ const FieldValidationSettingsInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 487,
+      lineNumber: 472,
       columnNumber: 5
     }
   }, rules.map(renderRule));

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_uuid","_fieldValidationSettings","_jsxFileName","RuleToggle","dataHook","checked","disabled","label","infoContent","onChange","default","createElement","FormField","labelPlacement","labelSize","stretchContent","__self","__source","fileName","lineNumber","columnNumber","ToggleSwitch","size","FieldValidationSettingsInput","data","readOnly","invalid","rules","disabledRules","exclusiveSpecificValues","showValidationErrors","_rules$find","isRuleDisabled","rule","Boolean","includes","supportedRules","map","type","violations","getFieldValidationSettingsViolations","errorViolations","supportsSpecificValues","some","supportsCharactersLimit","supportsPattern","hasSpecificValues","specificValues","undefined","hasCharactersLimit","charactersLimit","hasPattern","pattern","hasUnattributedInvalidState","every","isBlockedByExclusivity","isInExclusiveConflict","violation","specificValuesExplanation","find","exclusiveRulesExplanation","hasRenderedSharedExplanation","renderExclusiveRulesExplanation","hook","explanation","text","Text","secondary","update","next","renderRequired","key","required","tooltip","renderCharactersLimit","_data$charactersLimit","_data$charactersLimit2","minViolation","bound","maxOutOfBoundsViolation","maxBelowMinViolation","isInputDisabled","Box","direction","gap","verticalAlign","width","minLabel","NumberInput","value","min","status","statusMessage","outOfBoundsError","max","height","separator","maxLabel","maxBelowMinError","renderSpecificValues","_data$specificValues","option","index","optionViolation","optionId","id","Input","blankError","duplicateError","event","_data$specificValues2","item","target","Tooltip","content","removeButton","IconButton","priority","ariaLabel","onClick","_data$specificValues3","filter","DeleteSmall","TextButton","prefixIcon","AddSmall","uuid","addButton","renderPattern","patternViolation","patternError","unsafeError","invalidError","inputLabel","renderRule","exports"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings-input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  NumberInput,\n  Text,\n  TextButton,\n  ToggleSwitch,\n  Tooltip,\n} from '@wix/design-system';\nimport { AddSmall, DeleteSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { v4 as uuid } from 'uuid';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type {\n  CharactersLimitFieldValidationRuleConfig,\n  FieldValidationRule,\n  FieldValidationRuleConfig,\n  FieldValidationSettingsValue,\n  PatternFieldValidationRuleConfig,\n  RequiredFieldValidationRuleConfig,\n  SpecificValuesFieldValidationRuleConfig,\n} from '../../types/validation';\nimport { getFieldValidationSettingsViolations } from '../../validations/field-validation-settings';\n\nexport interface FieldValidationSettingsInputProps\n  extends Omit<\n    ControlledInputProps<FieldValidationSettingsValue>,\n    'autoFocus' | 'onBlur'\n  > {\n  rules: readonly FieldValidationRuleConfig[];\n  /** Show error styling/messages, including caller-supplied `invalid` state.\n   *  Defaults to true. Does not alter validity or rule availability. */\n  showValidationErrors?: boolean;\n  /** Rules the caller has fixed and the user can't toggle, independent of `readOnly`. */\n  disabledRules?: readonly FieldValidationRule[];\n  /** Whether `specificValues` rejects `charactersLimit`/`pattern` on the same\n   *  field. Pass `false` for callers that let a field carry both. */\n  exclusiveSpecificValues?: boolean;\n}\n\ninterface RuleToggleProps {\n  dataHook: string;\n  checked: boolean;\n  disabled?: boolean;\n  label: string;\n  infoContent: string;\n  onChange(): void;\n}\n\nconst RuleToggle = ({\n  dataHook,\n  checked,\n  disabled,\n  label,\n  infoContent,\n  onChange,\n}: RuleToggleProps) => (\n  <FormField\n    dataHook={dataHook}\n    label={label}\n    labelPlacement=\"right\"\n    labelSize=\"small\"\n    stretchContent={false}\n    infoContent={infoContent}\n  >\n    <ToggleSwitch\n      dataHook={`${dataHook}-toggle`}\n      size=\"medium\"\n      checked={checked}\n      disabled={disabled}\n      onChange={onChange}\n    />\n  </FormField>\n);\n\nexport const FieldValidationSettingsInput = ({\n  data,\n  onChange,\n  readOnly,\n  invalid,\n  dataHook = 'field-validation-settings',\n  rules,\n  disabledRules,\n  exclusiveSpecificValues = true,\n  showValidationErrors = true,\n}: FieldValidationSettingsInputProps) => {\n  const isRuleDisabled = (rule: FieldValidationRule) =>\n    Boolean(readOnly) || Boolean(disabledRules?.includes(rule));\n  const supportedRules = rules.map(({ type }) => type);\n  const violations = getFieldValidationSettingsViolations(\n    data,\n    supportedRules,\n    {\n      exclusiveSpecificValues,\n    },\n  );\n  const errorViolations = showValidationErrors ? violations : [];\n  const supportsSpecificValues = rules.some(\n    ({ type }) => type === 'specificValues',\n  );\n  const supportsCharactersLimit = rules.some(\n    ({ type }) => type === 'charactersLimit',\n  );\n  const supportsPattern = rules.some(({ type }) => type === 'pattern');\n  const hasSpecificValues =\n    supportsSpecificValues && data.specificValues !== undefined;\n  const hasCharactersLimit =\n    supportsCharactersLimit && data.charactersLimit !== undefined;\n  const hasPattern = supportsPattern && data.pattern !== undefined;\n  // Other violations put an error on a control; `exclusiveRules` renders only as\n  // text under the rule, so it leaves `invalid` unattributed.\n  const hasUnattributedInvalidState =\n    showValidationErrors &&\n    Boolean(invalid) &&\n    violations.every(({ type }) => type === 'exclusiveRules');\n  const isBlockedByExclusivity = (rule: FieldValidationRule) => {\n    if (!exclusiveSpecificValues) {\n      return false;\n    }\n    switch (rule) {\n      case 'charactersLimit':\n        return hasSpecificValues && !hasCharactersLimit;\n      case 'pattern':\n        return hasSpecificValues && !hasPattern;\n      case 'specificValues':\n        return (hasCharactersLimit || hasPattern) && !hasSpecificValues;\n      default:\n        return false;\n    }\n  };\n  // Widening `isBlockedByExclusivity` to cover the both-on state instead would\n  // disable both toggles at once, leaving no way to switch either rule off.\n  const isInExclusiveConflict = (rule: FieldValidationRule) =>\n    violations.some(\n      (violation) =>\n        violation.rule === rule && violation.type === 'exclusiveRules',\n    );\n  const specificValuesExplanation = rules.find(\n    (rule): rule is SpecificValuesFieldValidationRuleConfig =>\n      rule.type === 'specificValues',\n  )?.exclusiveRulesExplanation;\n  // Callers written before the note moved under the blocked rule put a single\n  // explanation on `specificValues`. Show it once rather than dropping it —\n  // `specificValues` renders that same copy as its own, so both paths count.\n  let hasRenderedSharedExplanation = false;\n  const renderExclusiveRulesExplanation = (\n    rule: FieldValidationRule,\n    hook: string,\n    explanation?: string,\n  ) => {\n    if (!isBlockedByExclusivity(rule) && !isInExclusiveConflict(rule)) {\n      return null;\n    }\n\n    const text = explanation ?? specificValuesExplanation;\n\n    if (!text) {\n      return null;\n    }\n\n    if (text === specificValuesExplanation) {\n      if (hasRenderedSharedExplanation) {\n        return null;\n      }\n      hasRenderedSharedExplanation = true;\n    }\n\n    return (\n      <Text size=\"tiny\" secondary dataHook={`${hook}-exclusive-help`}>\n        {text}\n      </Text>\n    );\n  };\n\n  const update = (next: Partial<FieldValidationSettingsValue>) =>\n    onChange({ ...data, ...next });\n\n  const renderRequired = (rule: RequiredFieldValidationRuleConfig) => (\n    <RuleToggle\n      key=\"required\"\n      dataHook=\"field-validation-required\"\n      checked={Boolean(data.required)}\n      disabled={isRuleDisabled('required')}\n      label={rule.label}\n      infoContent={rule.tooltip}\n      onChange={() => update({ required: !data.required })}\n    />\n  );\n\n  const renderCharactersLimit = (\n    rule: CharactersLimitFieldValidationRuleConfig,\n  ) => {\n    const minViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'min',\n    );\n    const maxOutOfBoundsViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'max',\n    );\n    const maxBelowMinViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'maxBelowMin',\n    );\n    const isInputDisabled =\n      isRuleDisabled('charactersLimit') ||\n      isInExclusiveConflict('charactersLimit');\n\n    return (\n      <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-characters-limit\"\n          checked={hasCharactersLimit}\n          disabled={\n            isRuleDisabled('charactersLimit') ||\n            isBlockedByExclusivity('charactersLimit')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() =>\n            update({ charactersLimit: hasCharactersLimit ? undefined : {} })\n          }\n        />\n        {hasCharactersLimit && (\n          <Box verticalAlign=\"bottom\" gap=\"SP2\">\n            <Box width=\"100px\">\n              <FormField stretchContent label={rule.minLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-min-characters\"\n                  size=\"medium\"\n                  value={data.charactersLimit?.min}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState || minViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    minViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          minViolation.min,\n                          minViolation.max,\n                        )\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        min: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n            <Box height=\"36px\" verticalAlign=\"middle\">\n              <Text size=\"small\" secondary>\n                {rule.separator}\n              </Text>\n            </Box>\n            <Box width=\"100px\">\n              <FormField stretchContent label={rule.maxLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-max-characters\"\n                  size=\"medium\"\n                  value={data.charactersLimit?.max}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState ||\n                    maxOutOfBoundsViolation ||\n                    maxBelowMinViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    maxOutOfBoundsViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          maxOutOfBoundsViolation.min,\n                          maxOutOfBoundsViolation.max,\n                        )\n                      : maxBelowMinViolation\n                      ? rule.maxBelowMinError\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        max: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n          </Box>\n        )}\n        {renderExclusiveRulesExplanation(\n          'charactersLimit',\n          'field-validation-characters-limit',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderSpecificValues = (\n    rule: SpecificValuesFieldValidationRuleConfig,\n  ) => (\n    <Box key=\"specificValues\" direction=\"vertical\" gap=\"SP2\">\n      <RuleToggle\n        dataHook=\"field-validation-specific-values\"\n        checked={hasSpecificValues}\n        disabled={\n          isRuleDisabled('specificValues') ||\n          isBlockedByExclusivity('specificValues')\n        }\n        label={rule.label}\n        infoContent={rule.tooltip}\n        onChange={() =>\n          update({ specificValues: hasSpecificValues ? undefined : [] })\n        }\n      />\n      {hasSpecificValues && (\n        <Box direction=\"vertical\" gap=\"SP2\">\n          {data.specificValues?.map((option, index) => {\n            const optionViolation = errorViolations.find(\n              (violation) =>\n                violation.rule === 'specificValues' &&\n                'optionId' in violation &&\n                violation.optionId === option.id,\n            );\n            return (\n              <Box key={option.id} verticalAlign=\"middle\" gap=\"SP1\">\n                <Box width=\"100%\">\n                  <Input\n                    dataHook={`field-validation-specific-value-${index}`}\n                    size=\"small\"\n                    value={option.value}\n                    disabled={isRuleDisabled('specificValues')}\n                    status={\n                      optionViolation || hasUnattributedInvalidState\n                        ? 'error'\n                        : undefined\n                    }\n                    statusMessage={\n                      optionViolation?.type === 'blank'\n                        ? rule.blankError\n                        : optionViolation?.type === 'duplicate'\n                        ? rule.duplicateError\n                        : undefined\n                    }\n                    onChange={(event) =>\n                      update({\n                        specificValues: data.specificValues?.map((item) =>\n                          item.id === option.id\n                            ? { ...item, value: event.target.value }\n                            : item,\n                        ),\n                      })\n                    }\n                  />\n                </Box>\n                <Tooltip content={rule.removeButton}>\n                  <IconButton\n                    dataHook={`field-validation-specific-value-remove-${index}`}\n                    size=\"tiny\"\n                    priority=\"secondary\"\n                    disabled={isRuleDisabled('specificValues')}\n                    ariaLabel={rule.removeButton}\n                    onClick={() =>\n                      update({\n                        specificValues: data.specificValues?.filter(\n                          ({ id }) => id !== option.id,\n                        ),\n                      })\n                    }\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            );\n          })}\n          <Box>\n            <TextButton\n              dataHook=\"field-validation-specific-value-add\"\n              size=\"small\"\n              prefixIcon={<AddSmall />}\n              disabled={isRuleDisabled('specificValues')}\n              onClick={() =>\n                update({\n                  specificValues: [\n                    ...(data.specificValues ?? []),\n                    { id: uuid(), value: '' },\n                  ],\n                })\n              }\n            >\n              {rule.addButton}\n            </TextButton>\n          </Box>\n        </Box>\n      )}\n      {renderExclusiveRulesExplanation(\n        'specificValues',\n        'field-validation-specific-values',\n        rule.exclusiveRulesExplanation,\n      )}\n    </Box>\n  );\n\n  const renderPattern = (rule: PatternFieldValidationRuleConfig) => {\n    const patternViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'pattern' &&\n        (violation.type === 'invalidPattern' ||\n          violation.type === 'unsafePattern'),\n    );\n    const patternError =\n      patternViolation?.type === 'unsafePattern'\n        ? rule.unsafeError ?? rule.invalidError\n        : rule.invalidError;\n\n    return (\n      <Box key=\"pattern\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-pattern\"\n          checked={hasPattern}\n          disabled={\n            isRuleDisabled('pattern') || isBlockedByExclusivity('pattern')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() => update({ pattern: hasPattern ? undefined : '' })}\n        />\n        {hasPattern && (\n          <FormField stretchContent label={rule.inputLabel}>\n            <Input\n              dataHook=\"field-validation-pattern-input\"\n              size=\"small\"\n              value={data.pattern}\n              disabled={\n                isRuleDisabled('pattern') || isInExclusiveConflict('pattern')\n              }\n              status={\n                hasUnattributedInvalidState || patternViolation\n                  ? 'error'\n                  : undefined\n              }\n              statusMessage={patternViolation ? patternError : undefined}\n              onChange={(event) => update({ pattern: event.target.value })}\n            />\n          </FormField>\n        )}\n        {renderExclusiveRulesExplanation(\n          'pattern',\n          'field-validation-pattern',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderRule = (rule: FieldValidationRuleConfig) => {\n    switch (rule.type) {\n      case 'required':\n        return renderRequired(rule);\n      case 'charactersLimit':\n        return renderCharactersLimit(rule);\n      case 'specificValues':\n        return renderSpecificValues(rule);\n      case 'pattern':\n        return renderPattern(rule);\n    }\n  };\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"SP3\">\n      {rules.map(renderRule)}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_uuid","_fieldValidationSettings","_fieldValidationSettingsInputStCss","_jsxFileName","RuleToggle","dataHook","checked","disabled","label","infoContent","onChange","default","createElement","FormField","labelPlacement","labelSize","stretchContent","__self","__source","fileName","lineNumber","columnNumber","ToggleSwitch","size","FieldValidationSettingsInput","data","readOnly","invalid","rules","disabledRules","exclusiveSpecificValues","showValidationErrors","_rules$find","isRuleDisabled","rule","Boolean","includes","supportedRules","map","type","violations","getFieldValidationSettingsViolations","errorViolations","supportsSpecificValues","some","supportsCharactersLimit","supportsPattern","hasSpecificValues","specificValues","undefined","hasCharactersLimit","charactersLimit","hasPattern","pattern","hasUnattributedInvalidState","every","isBlockedByExclusivity","isInExclusiveConflict","violation","specificValuesExplanation","find","exclusiveRulesExplanation","hasRenderedSharedExplanation","renderExclusiveRulesExplanation","hook","explanation","text","Text","secondary","update","next","renderRequired","key","required","tooltip","renderCharactersLimit","_data$charactersLimit","_data$charactersLimit2","minViolation","bound","maxOutOfBoundsViolation","maxBelowMinViolation","isInputDisabled","Box","direction","gap","verticalAlign","width","minLabel","NumberInput","value","min","status","statusMessage","outOfBoundsError","max","height","separator","maxLabel","maxBelowMinError","renderSpecificValues","valuesViolation","hasValuesError","valuesError","emptyError","blankError","duplicateError","addValues","inputValues","knownValues","Set","trim","addedValues","filter","has","add","id","uuid","length","optionsLabel","optionsHint","MultiSelect","className","classes","specificValuesInput","tags","onManuallyInput","onRemoveTag","tagId","renderPattern","patternViolation","patternError","unsafeError","invalidError","inputLabel","Input","event","target","renderRule","exports"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings-input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  FormField,\n  Input,\n  MultiSelect,\n  NumberInput,\n  Text,\n  ToggleSwitch,\n} from '@wix/design-system';\nimport { v4 as uuid } from 'uuid';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type {\n  CharactersLimitFieldValidationRuleConfig,\n  FieldValidationRule,\n  FieldValidationRuleConfig,\n  FieldValidationSettingsValue,\n  PatternFieldValidationRuleConfig,\n  RequiredFieldValidationRuleConfig,\n  SpecificValuesFieldValidationRuleConfig,\n} from '../../types/validation';\nimport { getFieldValidationSettingsViolations } from '../../validations/field-validation-settings';\nimport { classes } from './field-validation-settings-input.st.css.js';\n\nexport interface FieldValidationSettingsInputProps\n  extends Omit<\n    ControlledInputProps<FieldValidationSettingsValue>,\n    'autoFocus' | 'onBlur'\n  > {\n  rules: readonly FieldValidationRuleConfig[];\n  /** Show error styling/messages, including caller-supplied `invalid` state.\n   *  Defaults to true. Does not alter validity or rule availability. */\n  showValidationErrors?: boolean;\n  /** Rules the caller has fixed and the user can't toggle, independent of `readOnly`. */\n  disabledRules?: readonly FieldValidationRule[];\n  /** Whether `specificValues` rejects `charactersLimit`/`pattern` on the same\n   *  field. Pass `false` for callers that let a field carry both. */\n  exclusiveSpecificValues?: boolean;\n}\n\ninterface RuleToggleProps {\n  dataHook: string;\n  checked: boolean;\n  disabled?: boolean;\n  label: string;\n  infoContent: string;\n  onChange(): void;\n}\n\nconst RuleToggle = ({\n  dataHook,\n  checked,\n  disabled,\n  label,\n  infoContent,\n  onChange,\n}: RuleToggleProps) => (\n  <FormField\n    dataHook={dataHook}\n    label={label}\n    labelPlacement=\"right\"\n    labelSize=\"small\"\n    stretchContent={false}\n    infoContent={infoContent}\n  >\n    <ToggleSwitch\n      dataHook={`${dataHook}-toggle`}\n      size=\"medium\"\n      checked={checked}\n      disabled={disabled}\n      onChange={onChange}\n    />\n  </FormField>\n);\n\nexport const FieldValidationSettingsInput = ({\n  data,\n  onChange,\n  readOnly,\n  invalid,\n  dataHook = 'field-validation-settings',\n  rules,\n  disabledRules,\n  exclusiveSpecificValues = true,\n  showValidationErrors = true,\n}: FieldValidationSettingsInputProps) => {\n  const isRuleDisabled = (rule: FieldValidationRule) =>\n    Boolean(readOnly) || Boolean(disabledRules?.includes(rule));\n  const supportedRules = rules.map(({ type }) => type);\n  const violations = getFieldValidationSettingsViolations(\n    data,\n    supportedRules,\n    {\n      exclusiveSpecificValues,\n    },\n  );\n  const errorViolations = showValidationErrors ? violations : [];\n  const supportsSpecificValues = rules.some(\n    ({ type }) => type === 'specificValues',\n  );\n  const supportsCharactersLimit = rules.some(\n    ({ type }) => type === 'charactersLimit',\n  );\n  const supportsPattern = rules.some(({ type }) => type === 'pattern');\n  const hasSpecificValues =\n    supportsSpecificValues && data.specificValues !== undefined;\n  const hasCharactersLimit =\n    supportsCharactersLimit && data.charactersLimit !== undefined;\n  const hasPattern = supportsPattern && data.pattern !== undefined;\n  // Other violations put an error on a control; `exclusiveRules` renders only as\n  // text under the rule, so it leaves `invalid` unattributed.\n  const hasUnattributedInvalidState =\n    showValidationErrors &&\n    Boolean(invalid) &&\n    violations.every(({ type }) => type === 'exclusiveRules');\n  const isBlockedByExclusivity = (rule: FieldValidationRule) => {\n    if (!exclusiveSpecificValues) {\n      return false;\n    }\n    switch (rule) {\n      case 'charactersLimit':\n        return hasSpecificValues && !hasCharactersLimit;\n      case 'pattern':\n        return hasSpecificValues && !hasPattern;\n      case 'specificValues':\n        return (hasCharactersLimit || hasPattern) && !hasSpecificValues;\n      default:\n        return false;\n    }\n  };\n  // Widening `isBlockedByExclusivity` to cover the both-on state instead would\n  // disable both toggles at once, leaving no way to switch either rule off.\n  const isInExclusiveConflict = (rule: FieldValidationRule) =>\n    violations.some(\n      (violation) =>\n        violation.rule === rule && violation.type === 'exclusiveRules',\n    );\n  const specificValuesExplanation = rules.find(\n    (rule): rule is SpecificValuesFieldValidationRuleConfig =>\n      rule.type === 'specificValues',\n  )?.exclusiveRulesExplanation;\n  // Callers written before the note moved under the blocked rule put a single\n  // explanation on `specificValues`. Show it once rather than dropping it —\n  // `specificValues` renders that same copy as its own, so both paths count.\n  let hasRenderedSharedExplanation = false;\n  const renderExclusiveRulesExplanation = (\n    rule: FieldValidationRule,\n    hook: string,\n    explanation?: string,\n  ) => {\n    if (!isBlockedByExclusivity(rule) && !isInExclusiveConflict(rule)) {\n      return null;\n    }\n\n    const text = explanation ?? specificValuesExplanation;\n\n    if (!text) {\n      return null;\n    }\n\n    if (text === specificValuesExplanation) {\n      if (hasRenderedSharedExplanation) {\n        return null;\n      }\n      hasRenderedSharedExplanation = true;\n    }\n\n    return (\n      <Text size=\"tiny\" secondary dataHook={`${hook}-exclusive-help`}>\n        {text}\n      </Text>\n    );\n  };\n\n  const update = (next: Partial<FieldValidationSettingsValue>) =>\n    onChange({ ...data, ...next });\n\n  const renderRequired = (rule: RequiredFieldValidationRuleConfig) => (\n    <RuleToggle\n      key=\"required\"\n      dataHook=\"field-validation-required\"\n      checked={Boolean(data.required)}\n      disabled={isRuleDisabled('required')}\n      label={rule.label}\n      infoContent={rule.tooltip}\n      onChange={() => update({ required: !data.required })}\n    />\n  );\n\n  const renderCharactersLimit = (\n    rule: CharactersLimitFieldValidationRuleConfig,\n  ) => {\n    const minViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'min',\n    );\n    const maxOutOfBoundsViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'max',\n    );\n    const maxBelowMinViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'maxBelowMin',\n    );\n    const isInputDisabled =\n      isRuleDisabled('charactersLimit') ||\n      isInExclusiveConflict('charactersLimit');\n\n    return (\n      <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-characters-limit\"\n          checked={hasCharactersLimit}\n          disabled={\n            isRuleDisabled('charactersLimit') ||\n            isBlockedByExclusivity('charactersLimit')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() =>\n            update({ charactersLimit: hasCharactersLimit ? undefined : {} })\n          }\n        />\n        {hasCharactersLimit && (\n          <Box verticalAlign=\"bottom\" gap=\"SP2\">\n            <Box width=\"100px\">\n              <FormField stretchContent label={rule.minLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-min-characters\"\n                  size=\"medium\"\n                  value={data.charactersLimit?.min}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState || minViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    minViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          minViolation.min,\n                          minViolation.max,\n                        )\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        min: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n            <Box height=\"36px\" verticalAlign=\"middle\">\n              <Text size=\"small\" secondary>\n                {rule.separator}\n              </Text>\n            </Box>\n            <Box width=\"100px\">\n              <FormField stretchContent label={rule.maxLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-max-characters\"\n                  size=\"medium\"\n                  value={data.charactersLimit?.max}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState ||\n                    maxOutOfBoundsViolation ||\n                    maxBelowMinViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    maxOutOfBoundsViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          maxOutOfBoundsViolation.min,\n                          maxOutOfBoundsViolation.max,\n                        )\n                      : maxBelowMinViolation\n                      ? rule.maxBelowMinError\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        max: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n          </Box>\n        )}\n        {renderExclusiveRulesExplanation(\n          'charactersLimit',\n          'field-validation-characters-limit',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderSpecificValues = (\n    rule: SpecificValuesFieldValidationRuleConfig,\n  ) => {\n    const valuesViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'specificValues' &&\n        violation.type !== 'exclusiveRules',\n    );\n    const hasValuesError = Boolean(\n      valuesViolation || hasUnattributedInvalidState,\n    );\n    let valuesError: string | undefined;\n    if (valuesViolation?.type === 'empty') {\n      valuesError = rule.emptyError;\n    } else if (valuesViolation?.type === 'blank') {\n      valuesError = rule.blankError;\n    } else if (valuesViolation?.type === 'duplicate') {\n      valuesError = rule.duplicateError;\n    }\n    const specificValues = data.specificValues ?? [];\n\n    const addValues = (inputValues: string[]) => {\n      const knownValues = new Set(\n        specificValues.map(({ value }) => value.trim()),\n      );\n      const addedValues = inputValues\n        .map((value) => value.trim())\n        .filter((value) => {\n          if (!value || knownValues.has(value)) {\n            return false;\n          }\n          knownValues.add(value);\n          return true;\n        })\n        .map((value) => ({ id: uuid(), value }));\n\n      if (addedValues.length > 0) {\n        update({ specificValues: [...specificValues, ...addedValues] });\n      }\n    };\n\n    return (\n      <Box key=\"specificValues\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-specific-values\"\n          checked={hasSpecificValues}\n          disabled={\n            isRuleDisabled('specificValues') ||\n            isBlockedByExclusivity('specificValues')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() =>\n            update({ specificValues: hasSpecificValues ? undefined : [] })\n          }\n        />\n        {hasSpecificValues && (\n          <FormField\n            dataHook=\"field-validation-specific-values-field\"\n            label={rule.optionsLabel}\n            labelSize=\"small\"\n            stretchContent\n            status={hasValuesError ? 'error' : undefined}\n            statusMessage={hasValuesError ? valuesError : rule.optionsHint}\n          >\n            <MultiSelect\n              dataHook=\"field-validation-specific-values-input\"\n              className={classes.specificValuesInput}\n              tags={specificValues.map(({ id, value }) => ({\n                id,\n                label: value,\n              }))}\n              disabled={isRuleDisabled('specificValues')}\n              onManuallyInput={addValues}\n              onRemoveTag={(tagId) =>\n                update({\n                  specificValues: specificValues.filter(\n                    ({ id }) => id !== tagId,\n                  ),\n                })\n              }\n            />\n          </FormField>\n        )}\n        {renderExclusiveRulesExplanation(\n          'specificValues',\n          'field-validation-specific-values',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderPattern = (rule: PatternFieldValidationRuleConfig) => {\n    const patternViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'pattern' &&\n        (violation.type === 'invalidPattern' ||\n          violation.type === 'unsafePattern'),\n    );\n    const patternError =\n      patternViolation?.type === 'unsafePattern'\n        ? rule.unsafeError ?? rule.invalidError\n        : rule.invalidError;\n\n    return (\n      <Box key=\"pattern\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-pattern\"\n          checked={hasPattern}\n          disabled={\n            isRuleDisabled('pattern') || isBlockedByExclusivity('pattern')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() => update({ pattern: hasPattern ? undefined : '' })}\n        />\n        {hasPattern && (\n          <FormField stretchContent label={rule.inputLabel}>\n            <Input\n              dataHook=\"field-validation-pattern-input\"\n              size=\"small\"\n              value={data.pattern}\n              disabled={\n                isRuleDisabled('pattern') || isInExclusiveConflict('pattern')\n              }\n              status={\n                hasUnattributedInvalidState || patternViolation\n                  ? 'error'\n                  : undefined\n              }\n              statusMessage={patternViolation ? patternError : undefined}\n              onChange={(event) => update({ pattern: event.target.value })}\n            />\n          </FormField>\n        )}\n        {renderExclusiveRulesExplanation(\n          'pattern',\n          'field-validation-pattern',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderRule = (rule: FieldValidationRuleConfig) => {\n    switch (rule.type) {\n      case 'required':\n        return renderRequired(rule);\n      case 'charactersLimit':\n        return renderCharactersLimit(rule);\n      case 'specificValues':\n        return renderSpecificValues(rule);\n      case 'pattern':\n        return renderPattern(rule);\n    }\n  };\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"SP3\">\n      {rules.map(renderRule)}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.st.css

@@ -0,0 +1,10 @@
+/* These invisible WDS elements overflow the tags box and give it a horizontal scrollbar. */
+/* The border layer sticks out 1px. */
+.specificValuesInput :global(.wds-input-with-tags__input)::after {
+  inset: 0;
+}
+
+/* The width sizer keeps the last typed text after it becomes tags, so a long comma list stays one unbreakable line. */
+.specificValuesInput :global(.wds-input-with-tags__hidden-div) {
+  overflow: hidden;
+}

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "fieldvalidationsettingsinput2294766599";
+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": "fieldvalidationsettingsinput2294766599__root",
+  "specificValuesInput": "fieldvalidationsettingsinput2294766599__specificValuesInput"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=field-validation-settings-input.st.css.js.map

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.st.css.js.map

@@ -0,0 +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/field-validation-settings/field-validation-settings-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fieldvalidationsettingsinput2294766599\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"fieldvalidationsettingsinput2294766599__root\",\"specificValuesInput\":\"fieldvalidationsettingsinput2294766599__specificValuesInput\"};\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,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,qBAAqB,EAAC;AAA6D,CAAC;AACzJ,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/field-validation-settings/field-validation-settings.uni.driver.js

@@ -6,6 +6,7 @@ var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../../testkit/base-driver");
 function FieldValidationSettingsUniDriver(base, body) {
   const getToggle = rule => (0, _unidriver.ToggleSwitchUniDriver)(base.$(`[data-hook="field-validation-${rule}-toggle"]`), body);
+  const getSpecificValuesInput = () => (0, _unidriver.MultiSelectUniDriver)(base.$('[data-hook="field-validation-specific-values-input"]'), body);
   return {
     ...(0, _baseDriver.baseUniDriverFactory)(base),
     getRequiredToggle: () => getToggle('required'),
@@ -14,9 +15,26 @@ function FieldValidationSettingsUniDriver(base, body) {
     getPatternToggle: () => getToggle('pattern'),
     getMinCharactersInput: () => (0, _unidriver.NumberInputUniDriver)(base.$('[data-hook="field-validation-min-characters"]'), body),
     getMaxCharactersInput: () => (0, _unidriver.NumberInputUniDriver)(base.$('[data-hook="field-validation-max-characters"]'), body),
-    getSpecificValueInput: index => (0, _unidriver.InputUniDriver)(base.$(`[data-hook="field-validation-specific-value-${index}"]`), body),
-    getAddSpecificValueButton: () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="field-validation-specific-value-add"]'), body),
-    getRemoveSpecificValueButton: index => (0, _unidriver.IconButtonUniDriver)(base.$(`[data-hook="field-validation-specific-value-remove-${index}"]`), body),
+    getSpecificValuesField: () => (0, _unidriver.FormFieldUniDriver)(base.$('[data-hook="field-validation-specific-values-field"]'), body),
+    getSpecificValuesInput,
+    addSpecificValues: async text => {
+      const input = getSpecificValuesInput();
+      await input.inputDriver.enterText(text);
+      await input.driver.pressKey('Enter');
+    },
+    getSpecificValueLabels: async () => {
+      const {
+        driver
+      } = getSpecificValuesInput();
+      const count = await driver.numberOfTags();
+      return Promise.all(Array.from({
+        length: count
+      }, (_tag, index) => driver.getTagLabelAt(index)));
+    },
+    removeSpecificValue: async id => {
+      const tag = await getSpecificValuesInput().driver.getTagDriverByTagId(id);
+      await tag.removeTag();
+    },
     getPatternInput: () => (0, _unidriver.InputUniDriver)(base.$('[data-hook="field-validation-pattern-input"]'), body),
     getExclusiveRulesExplanation: rule => base.$(`[data-hook="field-validation-${rule}-exclusive-help"]`),
     hasExclusiveRulesExplanation: () => base.$('[data-hook$="exclusive-help"]').exists()