@wix/patterns-fields 1.82.0 → 1.83.0

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

@@ -0,0 +1,450 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/field-validation-settings/field-validation-settings-input.tsx";
+const RuleToggle = ({
+  dataHook,
+  checked,
+  disabled,
+  label,
+  infoContent,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  dataHook: dataHook,
+  label: label,
+  labelPlacement: "right",
+  labelSize: "small",
+  stretchContent: false,
+  infoContent: infoContent,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 51,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
+  dataHook: `${dataHook}-toggle`,
+  size: "medium",
+  checked: checked,
+  disabled: disabled,
+  onChange: onChange,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 59,
+    columnNumber: 5
+  }
+}));
+const FieldValidationSettingsInput = ({
+  data,
+  onChange,
+  readOnly,
+  invalid,
+  dataHook = 'field-validation-settings',
+  rules
+}) => {
+  const supportedRules = rules.map(({
+    type
+  }) => type);
+  const violations = (0, _fieldValidationSettings.getFieldValidationSettingsViolations)(data, supportedRules);
+  const supportsSpecificValues = rules.some(({
+    type
+  }) => type === 'specificValues');
+  const supportsCharactersLimit = rules.some(({
+    type
+  }) => type === 'charactersLimit');
+  const supportsPattern = rules.some(({
+    type
+  }) => type === 'pattern');
+  const hasSpecificValues = supportsSpecificValues && data.specificValues !== undefined;
+  const hasCharactersLimit = supportsCharactersLimit && data.charactersLimit !== undefined;
+  const hasPattern = supportsPattern && data.pattern !== undefined;
+  const hasUnattributedInvalidState = Boolean(invalid) && violations.length === 0;
+  const showsExclusiveRulesExplanation = supportsCharactersLimit && (hasSpecificValues || hasCharactersLimit) || supportsPattern && (hasSpecificValues || hasPattern);
+  const update = next => onChange({
+    ...data,
+    ...next
+  });
+  const renderRequired = rule => /*#__PURE__*/_react.default.createElement(RuleToggle, {
+    key: "required",
+    dataHook: "field-validation-required",
+    checked: Boolean(data.required),
+    disabled: readOnly,
+    label: rule.label,
+    infoContent: rule.tooltip,
+    onChange: () => update({
+      required: !data.required
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 101,
+      columnNumber: 5
+    }
+  });
+  const renderCharactersLimit = rule => {
+    var _data$charactersLimit, _data$charactersLimit2;
+    const minViolation = violations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'outOfBounds' && violation.bound === 'min');
+    const maxOutOfBoundsViolation = violations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'outOfBounds' && violation.bound === 'max');
+    const maxBelowMinViolation = violations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'maxBelowMin');
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      key: "charactersLimit",
+      direction: "vertical",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 134,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
+      dataHook: "field-validation-characters-limit",
+      checked: hasCharactersLimit,
+      disabled: readOnly || hasSpecificValues && !hasCharactersLimit,
+      label: rule.label,
+      infoContent: rule.tooltip,
+      onChange: () => update({
+        charactersLimit: hasCharactersLimit ? undefined : {}
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 135,
+        columnNumber: 9
+      }
+    }), hasCharactersLimit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      verticalAlign: "middle",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 146,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "112px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 147,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      stretchContent: true,
+      label: rule.minLabel,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 148,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
+      dataHook: "field-validation-min-characters",
+      size: "small",
+      value: (_data$charactersLimit = data.charactersLimit) == null ? void 0 : _data$charactersLimit.min,
+      disabled: readOnly,
+      status: hasUnattributedInvalidState || minViolation ? 'error' : undefined,
+      statusMessage: (minViolation == null ? void 0 : minViolation.type) === 'outOfBounds' ? rule.outOfBoundsError(minViolation.min, minViolation.max) : undefined,
+      onChange: value => update({
+        charactersLimit: {
+          ...data.charactersLimit,
+          min: value ?? undefined
+        }
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 149,
+        columnNumber: 17
+      }
+    }))), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      secondary: true,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 178,
+        columnNumber: 13
+      }
+    }, rule.separator), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "112px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 181,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      stretchContent: true,
+      label: rule.maxLabel,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 182,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
+      dataHook: "field-validation-max-characters",
+      size: "small",
+      value: (_data$charactersLimit2 = data.charactersLimit) == null ? void 0 : _data$charactersLimit2.max,
+      disabled: readOnly,
+      status: hasUnattributedInvalidState || maxOutOfBoundsViolation || maxBelowMinViolation ? 'error' : undefined,
+      statusMessage: (maxOutOfBoundsViolation == null ? void 0 : maxOutOfBoundsViolation.type) === 'outOfBounds' ? rule.outOfBoundsError(maxOutOfBoundsViolation.min, maxOutOfBoundsViolation.max) : maxBelowMinViolation ? rule.maxBelowMinError : undefined,
+      onChange: value => update({
+        charactersLimit: {
+          ...data.charactersLimit,
+          max: value ?? undefined
+        }
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 183,
+        columnNumber: 17
+      }
+    })))));
+  };
+  const renderSpecificValues = rule => {
+    var _data$specificValues;
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      key: "specificValues",
+      direction: "vertical",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 225,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
+      dataHook: "field-validation-specific-values",
+      checked: hasSpecificValues,
+      disabled: readOnly || (hasCharactersLimit || hasPattern) && !hasSpecificValues,
+      label: rule.label,
+      infoContent: rule.tooltip,
+      onChange: () => update({
+        specificValues: hasSpecificValues ? undefined : []
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 226,
+        columnNumber: 7
+      }
+    }), hasSpecificValues && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 239,
+        columnNumber: 9
+      }
+    }, (_data$specificValues = data.specificValues) == null ? void 0 : _data$specificValues.map((option, index) => {
+      const optionViolation = violations.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: 248,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        width: "100%",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 249,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+        dataHook: `field-validation-specific-value-${index}`,
+        size: "small",
+        value: option.value,
+        disabled: readOnly,
+        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: 250,
+          columnNumber: 19
+        }
+      })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+        content: rule.removeButton,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 278,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+        dataHook: `field-validation-specific-value-remove-${index}`,
+        size: "tiny",
+        priority: "secondary",
+        disabled: readOnly,
+        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: 279,
+          columnNumber: 19
+        }
+      }, /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 293,
+          columnNumber: 21
+        }
+      }))));
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 299,
+        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: 303,
+          columnNumber: 27
+        }
+      }),
+      disabled: readOnly,
+      onClick: () => update({
+        specificValues: [...(data.specificValues ?? []), {
+          id: (0, _uuid.v4)(),
+          value: ''
+        }]
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 300,
+        columnNumber: 13
+      }
+    }, rule.addButton))), showsExclusiveRulesExplanation && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "tiny",
+      secondary: true,
+      dataHook: "field-validation-exclusive-help",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 320,
+        columnNumber: 9
+      }
+    }, rule.exclusiveRulesExplanation));
+  };
+  const renderPattern = rule => {
+    const invalidPatternViolation = violations.find(violation => violation.rule === 'pattern' && violation.type === 'invalidPattern');
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      key: "pattern",
+      direction: "vertical",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 334,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
+      dataHook: "field-validation-pattern",
+      checked: hasPattern,
+      disabled: readOnly || hasSpecificValues && !hasPattern,
+      label: rule.label,
+      infoContent: rule.tooltip,
+      onChange: () => update({
+        pattern: hasPattern ? undefined : ''
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 335,
+        columnNumber: 9
+      }
+    }), hasPattern && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      stretchContent: true,
+      label: rule.inputLabel,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 344,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+      dataHook: "field-validation-pattern-input",
+      size: "small",
+      value: data.pattern,
+      disabled: readOnly,
+      status: hasUnattributedInvalidState || invalidPatternViolation ? 'error' : undefined,
+      statusMessage: invalidPatternViolation ? rule.invalidError : undefined,
+      onChange: event => update({
+        pattern: event.target.value
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 345,
+        columnNumber: 13
+      }
+    })));
+  };
+  const renderRule = rule => {
+    switch (rule.type) {
+      case 'required':
+        return renderRequired(rule);
+      case 'charactersLimit':
+        return renderCharactersLimit(rule);
+      case 'specificValues':
+        return renderSpecificValues(rule);
+      case 'pattern':
+        return renderPattern(rule);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    gap: "SP3",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 380,
+      columnNumber: 5
+    }
+  }, rules.map(renderRule));
+};
+exports.FieldValidationSettingsInput = FieldValidationSettingsInput;
+//# sourceMappingURL=field-validation-settings-input.js.map

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

@@ -0,0 +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","supportedRules","map","type","violations","getFieldValidationSettingsViolations","supportsSpecificValues","some","supportsCharactersLimit","supportsPattern","hasSpecificValues","specificValues","undefined","hasCharactersLimit","charactersLimit","hasPattern","pattern","hasUnattributedInvalidState","Boolean","length","showsExclusiveRulesExplanation","update","next","renderRequired","rule","key","required","tooltip","renderCharactersLimit","_data$charactersLimit","_data$charactersLimit2","minViolation","find","violation","bound","maxOutOfBoundsViolation","maxBelowMinViolation","Box","direction","gap","verticalAlign","width","minLabel","NumberInput","value","min","status","statusMessage","outOfBoundsError","max","Text","secondary","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","exclusiveRulesExplanation","renderPattern","invalidPatternViolation","inputLabel","invalidError","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  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}\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}: FieldValidationSettingsInputProps) => {\n  const supportedRules = rules.map(({ type }) => type);\n  const violations = getFieldValidationSettingsViolations(data, supportedRules);\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  const hasUnattributedInvalidState =\n    Boolean(invalid) && violations.length === 0;\n  const showsExclusiveRulesExplanation =\n    (supportsCharactersLimit && (hasSpecificValues || hasCharactersLimit)) ||\n    (supportsPattern && (hasSpecificValues || hasPattern));\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={readOnly}\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 = violations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'min',\n    );\n    const maxOutOfBoundsViolation = violations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'max',\n    );\n    const maxBelowMinViolation = violations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'maxBelowMin',\n    );\n\n    return (\n      <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-characters-limit\"\n          checked={hasCharactersLimit}\n          disabled={readOnly || (hasSpecificValues && !hasCharactersLimit)}\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() =>\n            update({ charactersLimit: hasCharactersLimit ? undefined : {} })\n          }\n        />\n        {hasCharactersLimit && (\n          <Box verticalAlign=\"middle\" gap=\"SP2\">\n            <Box width=\"112px\">\n              <FormField stretchContent label={rule.minLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-min-characters\"\n                  size=\"small\"\n                  value={data.charactersLimit?.min}\n                  disabled={readOnly}\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            <Text size=\"small\" secondary>\n              {rule.separator}\n            </Text>\n            <Box width=\"112px\">\n              <FormField stretchContent label={rule.maxLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-max-characters\"\n                  size=\"small\"\n                  value={data.charactersLimit?.max}\n                  disabled={readOnly}\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      </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          readOnly || ((hasCharactersLimit || hasPattern) && !hasSpecificValues)\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 = violations.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={readOnly}\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={readOnly}\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={readOnly}\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      {showsExclusiveRulesExplanation && (\n        <Text size=\"tiny\" secondary dataHook=\"field-validation-exclusive-help\">\n          {rule.exclusiveRulesExplanation}\n        </Text>\n      )}\n    </Box>\n  );\n\n  const renderPattern = (rule: PatternFieldValidationRuleConfig) => {\n    const invalidPatternViolation = violations.find(\n      (violation) =>\n        violation.rule === 'pattern' && violation.type === 'invalidPattern',\n    );\n\n    return (\n      <Box key=\"pattern\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-pattern\"\n          checked={hasPattern}\n          disabled={readOnly || (hasSpecificValues && !hasPattern)}\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={readOnly}\n              status={\n                hasUnattributedInvalidState || invalidPatternViolation\n                  ? 'error'\n                  : undefined\n              }\n              statusMessage={\n                invalidPatternViolation ? rule.invalidError : undefined\n              }\n              onChange={(event) => update({ pattern: event.target.value })}\n            />\n          </FormField>\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.uni.driver.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FieldValidationSettingsUniDriver = FieldValidationSettingsUniDriver;
+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);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getRequiredToggle: () => getToggle('required'),
+    getCharactersLimitToggle: () => getToggle('characters-limit'),
+    getSpecificValuesToggle: () => getToggle('specific-values'),
+    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),
+    getPatternInput: () => (0, _unidriver.InputUniDriver)(base.$('[data-hook="field-validation-pattern-input"]'), body),
+    hasExclusiveRulesExplanation: () => base.$('[data-hook="field-validation-exclusive-help"]').exists()
+  };
+}
+//# sourceMappingURL=field-validation-settings.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FieldValidationSettingsUniDriver","base","body","getToggle","rule","ToggleSwitchUniDriver","$","baseUniDriverFactory","getRequiredToggle","getCharactersLimitToggle","getSpecificValuesToggle","getPatternToggle","getMinCharactersInput","NumberInputUniDriver","getMaxCharactersInput","getSpecificValueInput","index","InputUniDriver","getAddSpecificValueButton","TextButtonUniDriver","getRemoveSpecificValueButton","IconButtonUniDriver","getPatternInput","hasExclusiveRulesExplanation","exists"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  IconButtonUniDriver,\n  InputUniDriver,\n  NumberInputUniDriver,\n  TextButtonUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FieldValidationSettingsUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getToggle = (rule: string) =>\n    ToggleSwitchUniDriver(\n      base.$(`[data-hook=\"field-validation-${rule}-toggle\"]`),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getRequiredToggle: () => getToggle('required'),\n    getCharactersLimitToggle: () => getToggle('characters-limit'),\n    getSpecificValuesToggle: () => getToggle('specific-values'),\n    getPatternToggle: () => getToggle('pattern'),\n    getMinCharactersInput: () =>\n      NumberInputUniDriver(\n        base.$('[data-hook=\"field-validation-min-characters\"]'),\n        body,\n      ),\n    getMaxCharactersInput: () =>\n      NumberInputUniDriver(\n        base.$('[data-hook=\"field-validation-max-characters\"]'),\n        body,\n      ),\n    getSpecificValueInput: (index: number) =>\n      InputUniDriver(\n        base.$(`[data-hook=\"field-validation-specific-value-${index}\"]`),\n        body,\n      ),\n    getAddSpecificValueButton: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"field-validation-specific-value-add\"]'),\n        body,\n      ),\n    getRemoveSpecificValueButton: (index: number) =>\n      IconButtonUniDriver(\n        base.$(`[data-hook=\"field-validation-specific-value-remove-${index}\"]`),\n        body,\n      ),\n    getPatternInput: () =>\n      InputUniDriver(\n        base.$('[data-hook=\"field-validation-pattern-input\"]'),\n        body,\n      ),\n    hasExclusiveRulesExplanation: () =>\n      base.$('[data-hook=\"field-validation-exclusive-help\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gCAAgCA,CAC9CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,SAAS,GAAIC,IAAY,IAC7B,IAAAC,gCAAqB,EACnBJ,IAAI,CAACK,CAAC,CAAC,gCAAgCF,IAAI,WAAW,CAAC,EACvDF,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAK,gCAAoB,EAACN,IAAI,CAAC;IAC7BO,iBAAiB,EAAEA,CAAA,KAAML,SAAS,CAAC,UAAU,CAAC;IAC9CM,wBAAwB,EAAEA,CAAA,KAAMN,SAAS,CAAC,kBAAkB,CAAC;IAC7DO,uBAAuB,EAAEA,CAAA,KAAMP,SAAS,CAAC,iBAAiB,CAAC;IAC3DQ,gBAAgB,EAAEA,CAAA,KAAMR,SAAS,CAAC,SAAS,CAAC;IAC5CS,qBAAqB,EAAEA,CAAA,KACrB,IAAAC,+BAAoB,EAClBZ,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,EACvDJ,IACF,CAAC;IACHY,qBAAqB,EAAEA,CAAA,KACrB,IAAAD,+BAAoB,EAClBZ,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,EACvDJ,IACF,CAAC;IACHa,qBAAqB,EAAGC,KAAa,IACnC,IAAAC,yBAAc,EACZhB,IAAI,CAACK,CAAC,CAAC,+CAA+CU,KAAK,IAAI,CAAC,EAChEd,IACF,CAAC;IACHgB,yBAAyB,EAAEA,CAAA,KACzB,IAAAC,8BAAmB,EACjBlB,IAAI,CAACK,CAAC,CAAC,mDAAmD,CAAC,EAC3DJ,IACF,CAAC;IACHkB,4BAA4B,EAAGJ,KAAa,IAC1C,IAAAK,8BAAmB,EACjBpB,IAAI,CAACK,CAAC,CAAC,sDAAsDU,KAAK,IAAI,CAAC,EACvEd,IACF,CAAC;IACHoB,eAAe,EAAEA,CAAA,KACf,IAAAL,yBAAc,EACZhB,IAAI,CAACK,CAAC,CAAC,8CAA8C,CAAC,EACtDJ,IACF,CAAC;IACHqB,4BAA4B,EAAEA,CAAA,KAC5BtB,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,CAACkB,MAAM,CAAC;EACnE,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _fieldValidationSettingsInput = require("./field-validation-settings-input");
+Object.keys(_fieldValidationSettingsInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fieldValidationSettingsInput[key]) return;
+  exports[key] = _fieldValidationSettingsInput[key];
+});
+var _fieldValidationSettings = require("../../validations/field-validation-settings");
+Object.keys(_fieldValidationSettings).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fieldValidationSettings[key]) return;
+  exports[key] = _fieldValidationSettings[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_fieldValidationSettingsInput","require","Object","keys","forEach","key","exports","_fieldValidationSettings"],"sources":["../../../../src/components/field-validation-settings/index.ts"],"sourcesContent":["export * from './field-validation-settings-input';\nexport * from '../../validations/field-validation-settings';\n"],"mappings":";;;AAAA,IAAAA,6BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,6BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,6BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,6BAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,wBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,wBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,wBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,wBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "highlightedtext967560644";
+var _namespace_ = "highlightedtext1316333891";
 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": "highlightedtext967560644__root",
-  "substring": "highlightedtext967560644__substring"
+  "root": "highlightedtext1316333891__root",
+  "substring": "highlightedtext1316333891__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext967560644__highlighted",
-  "highlighted-match": "highlightedtext967560644__highlighted-match"
+  "highlighted": "highlightedtext1316333891__highlighted",
+  "highlighted-match": "highlightedtext1316333891__highlighted-match"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/highlighted-text/highlighted-text.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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext967560644\";\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\":\"highlightedtext967560644__root\",\"substring\":\"highlightedtext967560644__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext967560644__highlighted\",\"highlighted-match\":\"highlightedtext967560644__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,WAAW,EAAC;AAAqC,CAAC;AACzG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,uCAAuC;EAAC,mBAAmB,EAAC;AAA6C,CAAC;AACzI,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext1316333891\";\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\":\"highlightedtext1316333891__root\",\"substring\":\"highlightedtext1316333891__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext1316333891__highlighted\",\"highlighted-match\":\"highlightedtext1316333891__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/image/thumbnail-replace-overlay.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_ = "thumbnailreplaceoverlay4283151137";
+var _namespace_ = "thumbnailreplaceoverlay476914298";
 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": "thumbnailreplaceoverlay4283151137__root",
-  "icon": "thumbnailreplaceoverlay4283151137__icon"
+  "root": "thumbnailreplaceoverlay476914298__root",
+  "icon": "thumbnailreplaceoverlay476914298__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/image/thumbnail-replace-overlay.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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay4283151137\";\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\":\"thumbnailreplaceoverlay4283151137__root\",\"icon\":\"thumbnailreplaceoverlay4283151137__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay476914298\";\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\":\"thumbnailreplaceoverlay476914298__root\",\"icon\":\"thumbnailreplaceoverlay476914298__icon\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/G,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":[]}