@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/InputFields/NumberField.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _excluded = ["type", "size", "note", "noteIcon", "required", "prefix", "interval", "minValue", "maxValue", "allowNegative", "decimalPrecision", "disabled", "readOnly", "state", "value", "placeholder", "onChange", "className", "id", "overflowTooltipPosition", "dataTestId"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
@@ -18,13 +16,117 @@ import { ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../sty
 import { Size, States } from '../types';
 import { ValidationMessage } from "./styling";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
-const PrefixContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  color: ", ";\n  ", "\n  position: absolute;\n  padding: ", ";\n"])), props => props.$size === Size.Small ? '10px' : '11px', props => props.$size === Size.Small ? '20px' : '24px', props => props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_500', props.theme), props => props.$size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null), props => props.$size === Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px');
-const OperatorWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: flex;\n  margin: ", ";\n\n  svg {\n    height: 14px;\n    width: 14px;\n  }\n\n  .divider {\n    margin: 16px 0;\n    background: ", ";\n    width: 1px;\n  }\n"])), props => props.$size === Size.Medium ? '4px 0' : '', props => COLORS.getColor('neutral_200', props.theme));
-const NumberInput = styled.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  border: none;\n  border-radius: 4px;\n  text-overflow: ellipsis;\n  box-shadow: inset 0 0 0 1px ", ";\n  outline: none;\n  color: ", ";\n\n  ", "\n  ", "\n  ", "\n  &::placeholder {\n    ", "\n  }\n\n  &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.disabled {\n    box-shadow: inset 0 0 0 1px ", ";\n    cursor: not-allowed;\n    color: ", ";\n    pointer-events: none;\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &.readOnly {\n    background: ", ";\n    box-shadow: inset 0 0 0 1px ", ";\n    cursor: not-allowed;\n    background: ", ";\n    pointer-events: none;\n    color: ", ";\n  }\n\n  &.valid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n"])), props => COLORS.getColor('neutral_400', props.theme), props => COLORS.getColor('neutral_500', props.theme), props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)) : ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)), props => props.$type === 'NumberField' ? "\n        padding: ".concat(props.$fieldSize === Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px', ";\n        padding-left: ").concat(props.$hasPrefix ? '30px' : '', ";\n    ") : '', props => props.$type === 'NumberInput' ? "\n        padding: ".concat(props.$fieldSize === Size.Small ? '14px 48px' : '16px 48px', ";\n    ") : '', props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Italic, null) : ComponentMStyling(ComponentTextStyle.Italic, null), props => COLORS.getColor('primary_800', props.theme), focusStyles, props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_300', props.theme), props => COLORS.getColor('neutral_300', props.theme), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_300', props.theme), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_500', props.theme), props => COLORS.getColor('correct_400', props.theme), props => COLORS.getColor('critical_400', props.theme));
-const InputContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  min-width: ", ";\n  height: ", ";\n  display: flex;\n  position: relative;\n  margin-bottom: 4px;\n\n  input.focus-visible ~ div.operator {\n    z-index: ", ";\n  }\n\n  ", "\n"])), props => props.$type === 'NumberField' ? '160px' : '144px', props => props.$size === Size.Small ? '48px' : '56px', Z_INDEXES.focus, TooltipTrigger('hover'));
-const LeftOperator = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", ";\n  left: 0;\n"])), props => props.$size === Size.Small ? '0' : '4px');
-const RightOperator = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", ";\n  right: 0;\n"])), props => props.$size === Size.Small ? '0' : '4px');
+const Container = styled.div``;
+const PrefixContainer = styled.div`
+  width: ${props => props.$size === Size.Small ? '10px' : '11px'};
+  height: ${props => props.$size === Size.Small ? '20px' : '24px'};
+  color: ${props => props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_500', props.theme)};
+  ${props => props.$size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null)}
+  position: absolute;
+  padding: ${props => props.$size === Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px'};
+`;
+const OperatorWrapper = styled.div`
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  margin: ${props => props.$size === Size.Medium ? '4px 0' : ''};
+
+  svg {
+    height: 14px;
+    width: 14px;
+  }
+
+  .divider {
+    margin: 16px 0;
+    background: ${props => COLORS.getColor('neutral_200', props.theme)};
+    width: 1px;
+  }
+`;
+const NumberInput = styled.input`
+  width: 100%;
+  border: none;
+  border-radius: 4px;
+  text-overflow: ellipsis;
+  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};
+  outline: none;
+  color: ${props => COLORS.getColor('neutral_500', props.theme)};
+
+  ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)) : ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}
+  ${props => props.$type === 'NumberField' ? `
+        padding: ${props.$fieldSize === Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px'};
+        padding-left: ${props.$hasPrefix ? '30px' : ''};
+    ` : ''}
+  ${props => props.$type === 'NumberInput' ? `
+        padding: ${props.$fieldSize === Size.Small ? '14px 48px' : '16px 48px'};
+    ` : ''}
+  &::placeholder {
+    ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Italic, null) : ComponentMStyling(ComponentTextStyle.Italic, null)}
+  }
+
+  &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {
+    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &.focus-visible {
+    ${focusStyles}
+  }
+
+  &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {
+    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};
+  }
+
+  &.disabled {
+    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};
+    cursor: not-allowed;
+    color: ${props => COLORS.getColor('neutral_300', props.theme)};
+    pointer-events: none;
+
+    &::placeholder {
+      color: ${props => COLORS.getColor('neutral_300', props.theme)};
+    }
+  }
+
+  &.readOnly {
+    background: ${props => COLORS.getColor('neutral_100', props.theme)};
+    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)};
+    cursor: not-allowed;
+    background: ${props => COLORS.getColor('neutral_100', props.theme)};
+    pointer-events: none;
+    color: ${props => COLORS.getColor('neutral_500', props.theme)};
+  }
+
+  &.valid {
+    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_400', props.theme)};
+  }
+
+  &.invalid {
+    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};
+  }
+`;
+const InputContainer = styled.div`
+  min-width: ${props => props.$type === 'NumberField' ? '160px' : '144px'};
+  height: ${props => props.$size === Size.Small ? '48px' : '56px'};
+  display: flex;
+  position: relative;
+  margin-bottom: 4px;
+
+  input.focus-visible ~ div.operator {
+    z-index: ${Z_INDEXES.focus};
+  }
+
+  ${TooltipTrigger('hover')}
+`;
+const LeftOperator = styled.div`
+  position: absolute;
+  top: ${props => props.$size === Size.Small ? '0' : '4px'};
+  left: 0;
+`;
+const RightOperator = styled.div`
+  position: absolute;
+  top: ${props => props.$size === Size.Small ? '0' : '4px'};
+  right: 0;
+`;
 const NumberField = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       type = 'NumberField',
@@ -52,7 +154,7 @@ const NumberField = /*#__PURE__*/React.forwardRef((props, ref) => {
     rest = _objectWithoutProperties(props, _excluded);
   const [userInput, setUserInput] = React.useState(value ? value.toString() : '');
   const elementRef = useFocusVisibleRef();
-  React.useEffect(() => setUserInput("".concat(value !== null && value !== void 0 ? value : '')), [value]);
+  React.useEffect(() => setUserInput(`${value ?? ''}`), [value]);
   React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);
   const setVal = e => {
     setUserInput(e);
@@ -76,8 +178,8 @@ const NumberField = /*#__PURE__*/React.forwardRef((props, ref) => {
     let decimalFormationRegEx = new RegExp(/^[0-9]\d*\.$/);
     let negativeDecimalFormationRegEx = new RegExp(/^[-][0-9]\d*\.$/);
     let allowNegativeRegex = new RegExp(/^[-][0-9]\d*$/);
-    let decimalPrecisionRegex = decimalPrecision ? new RegExp("^[0-9]\\d*\\.[0-9]\\d{0,".concat(decimalPrecision - 1, "}$")) : undefined;
-    let negativeAndDecimalRegex = decimalPrecision && allowNegative ? new RegExp("^[-][0-9]\\d*\\.[0-9]\\d{0,".concat(decimalPrecision - 1, "}$")) : undefined;
+    let decimalPrecisionRegex = decimalPrecision ? new RegExp(`^[0-9]\\d*\\.[0-9]\\d{0,${decimalPrecision - 1}}$`) : undefined;
+    let negativeAndDecimalRegex = decimalPrecision && allowNegative ? new RegExp(`^[-][0-9]\\d*\\.[0-9]\\d{0,${decimalPrecision - 1}}$`) : undefined;
     let val = e.target.value;
     if (val !== '') {
       if (allowNegative && decimalPrecision) {
@@ -217,7 +319,7 @@ const NumberField = /*#__PURE__*/React.forwardRef((props, ref) => {
         onChange: e => handleInput(e),
         onKeyDown: e => handleKeyPress(e),
         required: required,
-        className: disabled ? ' disabled' : ''.concat(readOnly ? ' readOnly' : '').concat(state ? " ".concat(state) : '').concat(className ? " ".concat(className) : '')
+        className: disabled ? ' disabled' : ''.concat(readOnly ? ' readOnly' : '').concat(state ? ` ${state}` : '').concat(className ? ` ${className}` : '')
       }, rest)), type === 'NumberField' && renderNumberFieldElements(), type === 'NumberInput' && renderNumberInputElements(), value && /*#__PURE__*/_jsx(TooltipOverflow, {
         position: overflowTooltipPosition,
         input: elementRef,
@@ -225,7 +327,7 @@ const NumberField = /*#__PURE__*/React.forwardRef((props, ref) => {
         maxWidth: "100%",
         size: size,
         align: "end",
-        children: value === null || value === void 0 ? void 0 : value.toString()
+        children: value?.toString()
       })]
     }), note && /*#__PURE__*/_jsxs(ValidationMessage, {
       type: state || States.Default,

package/dist/InputFields/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","names":["React","TooltipTrigger","TooltipOverflow","styled","IconButton","useFocusVisibleRef","SystemIcons","COLORS","focusStyles","Z_INDEXES","ComponentMStyling","ComponentSStyling","ComponentTextStyle","Size","States","ValidationMessage","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Container","div","_templateObject","_taggedTemplateLiteral","PrefixContainer","_templateObject2","props","$size","Small","$disabled","getColor","theme","Regular","OperatorWrapper","_templateObject3","Medium","NumberInput","input","_templateObject4","$fieldSize","$type","concat","$hasPrefix","Italic","InputContainer","_templateObject5","focus","LeftOperator","_templateObject6","RightOperator","_templateObject7","NumberField","forwardRef","ref","type","size","note","noteIcon","required","prefix","interval","minValue","maxValue","allowNegative","decimalPrecision","disabled","readOnly","state","value","placeholder","onChange","className","id","overflowTooltipPosition","dataTestId","rest","_objectWithoutProperties","_excluded","userInput","setUserInput","useState","toString","elementRef","useEffect","useImperativeHandle","current","setVal","e","handleKeyPress","key","addInterval","subtractInterval","handleInput","preventDefault","simpleRegex","RegExp","decimalFormationRegEx","negativeDecimalFormationRegEx","allowNegativeRegex","decimalPrecisionRegex","undefined","negativeAndDecimalRegex","val","target","length","charAt","test","isInRange","replace","indexOf","lastIndexOf","includes","isDecimal","x","parseFloat","toFixed","parseInt","isNaN","Math","round","pow","isLocked","operator","operatorState","renderNumberFieldElements","children","tabIndex","variant","shape","action","useTransparentBackground","Minus","Plus","renderNumberInputElements","_objectSpread","onKeyDown","position","withArrow","maxWidth","align","Default","propTypes","_pt","string","number","bool","node","oneOf","func"],"sources":["../../src/InputFields/NumberField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport styled from 'styled-components';\r\nimport {IconButton} from '../Button';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, focusStyles, Z_INDEXES} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Size, States, Testable} from '../types';\r\nimport {ValidationMessage} from \"./styling\";\r\n\r\nconst Container = styled.div``;\r\n\r\nconst PrefixContainer = styled.div<{ $size: Size, $disabled: boolean }>`\r\n  width: ${props => props.$size === Size.Small ? '10px' : '11px'};\r\n  height: ${props => props.$size === Size.Small ? '20px' : '24px'};\r\n  color: ${props => props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_500', props.theme)};\r\n  ${props => props.$size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  position: absolute;\r\n  padding: ${props => props.$size === Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px'};\r\n`;\r\n\r\nconst OperatorWrapper = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  display: flex;\r\n  margin: ${props => props.$size === Size.Medium ? '4px 0' : ''};\r\n\r\n  svg {\r\n    height: 14px;\r\n    width: 14px;\r\n  }\r\n\r\n  .divider {\r\n    margin: 16px 0;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    width: 1px;\r\n  }\r\n`;\r\n\r\nconst NumberInput = styled.input<{ $fieldSize: Size, $hasPrefix: boolean, $type: string }>`\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 4px;\r\n  text-overflow: ellipsis;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  outline: none;\r\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n\r\n  ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)) : ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  ${props => props.$type === 'NumberField' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px'};\r\n        padding-left: ${props.$hasPrefix ? '30px' : ''};\r\n    ` : ''}\r\n  ${props => props.$type === 'NumberInput' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 48px' : '16px 48px'};\r\n    ` : ''}\r\n  &::placeholder {\r\n    ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Italic, null) : ComponentMStyling(ComponentTextStyle.Italic, null)}\r\n  }\r\n\r\n  &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    pointer-events: none;\r\n\r\n    &::placeholder {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.readOnly {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_400', props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n  }\r\n`;\r\n\r\nconst InputContainer = styled.div<{ $size: Size, $type: string }>`\r\n  min-width: ${props => props.$type === 'NumberField' ? '160px' : '144px'};\r\n  height: ${props => props.$size === Size.Small ? '48px' : '56px'};\r\n  display: flex;\r\n  position: relative;\r\n  margin-bottom: 4px;\r\n\r\n  input.focus-visible ~ div.operator {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n`;\r\n\r\nconst LeftOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  left: 0;\r\n`;\r\n\r\nconst RightOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  right: 0;\r\n`;\r\n\r\nexport interface NumberFieldProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onKeyDown' | 'onClick' | 'tabIndex' | 'size' | 'value' | 'prefix' | 'min' | 'max'>\r\n{\r\n  /**\r\n   * Optional. The size of the number field. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. The prefix to be displayed before the number in the field.\r\n   */\r\n  prefix?: string;\r\n\r\n  /**\r\n   * Optional. The interval for incrementing and decrementing the number in the field.\r\n   */\r\n  interval?: number;\r\n\r\n  /**\r\n   * Optional. The minimum value that can be entered in the field.\r\n   */\r\n  minValue?: number;\r\n\r\n  /**\r\n   * Optional. The maximum value that can be entered in the field.\r\n   */\r\n  maxValue?: number;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether negative numbers are allowed.\r\n   */\r\n  allowNegative?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of decimal places allowed in the number.\r\n   */\r\n  decimalPrecision?: number;\r\n\r\n  /**\r\n   * Optional. The state of the number field. Can be 'Valid' or 'Invalid'.\r\n   */\r\n  state?: States.Valid | States.Invalid;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the number field.\r\n   */\r\n  note?: string;\r\n\r\n  /**\r\n   * Optional. An icon to be displayed next to the note.\r\n   */\r\n  noteIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The type of the number field. Can be 'NumberField' or 'NumberInput'.\r\n   */\r\n  type?: 'NumberField' | 'NumberInput';\r\n\r\n  /**\r\n   * Optional. The current value of the number field.\r\n   */\r\n  value?: number;\r\n\r\n  /**\r\n   * Optional. A function to be called when the value of the number field changes.\r\n   */\r\n  onChange?: (e: number) => void;\r\n\r\n  /**\r\n   * Optional. The position of the tooltip when the number overflows. Can be 'top' or 'bottom'.\r\n   */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nconst NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>((props, ref) => {\r\n      const {\r\n        type = 'NumberField',\r\n        size = Size.Medium,\r\n        note,\r\n        noteIcon,\r\n        required,\r\n        prefix,\r\n        interval = 1,\r\n        minValue,\r\n        maxValue,\r\n        allowNegative,\r\n        decimalPrecision,\r\n        disabled,\r\n        readOnly,\r\n        state,\r\n        value,\r\n        placeholder,\r\n        onChange,\r\n        className,\r\n        id,\r\n        overflowTooltipPosition,\r\n        dataTestId,\r\n        ...rest\r\n      } = props;\r\n\r\n      const [userInput, setUserInput] = React.useState(value ? value.toString() : '');\r\n\r\n      const elementRef = useFocusVisibleRef();\r\n\r\n      React.useEffect(() => setUserInput(`${value ?? ''}`), [value]);\r\n\r\n      React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\r\n\r\n      const setVal = (e: string) => {\r\n        setUserInput(e);\r\n        onChange && onChange(+e);\r\n      }\r\n\r\n      const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n        switch (e.key) {\r\n          case 'ArrowUp':\r\n            addInterval();\r\n            break;\r\n          case 'ArrowDown':\r\n            subtractInterval();\r\n            break;\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n\r\n      const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        e.preventDefault();\r\n        let simpleRegex = new RegExp(/^[0-9]\\d*$/);\r\n        let decimalFormationRegEx = new RegExp(/^[0-9]\\d*\\.$/);\r\n        let negativeDecimalFormationRegEx = new RegExp(/^[-][0-9]\\d*\\.$/);\r\n\r\n        let allowNegativeRegex = new RegExp(/^[-][0-9]\\d*$/);\r\n        let decimalPrecisionRegex = decimalPrecision ? new RegExp(`^[0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n        let negativeAndDecimalRegex = (decimalPrecision && allowNegative) ? new RegExp(`^[-][0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n\r\n        let val = e.target.value;\r\n        if (val !== '') {\r\n          if (allowNegative && decimalPrecision) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else {\r\n              if ((negativeAndDecimalRegex!.test(val) || decimalPrecisionRegex!.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n\r\n              else if ((negativeDecimalFormationRegEx.test(val) || decimalFormationRegEx.test(val)) && isInRange(val.replace('.', ''), true))\r\n                setVal(val);\r\n\r\n              else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n            }\r\n          } else if (allowNegative) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, false))\r\n              setVal(val);\r\n          } else if (decimalPrecision && (val.indexOf('.') === val.lastIndexOf('.')) && isInRange(val, true)) {\r\n            if (decimalPrecisionRegex!.test(val))\r\n              setVal(val);\r\n            else if (decimalFormationRegEx.test(val))\r\n              setVal(val);\r\n            else if (!val.includes('.') && simpleRegex.test(val))\r\n              setVal(val);\r\n          } else if (simpleRegex.test(val) && isInRange(val, false)) {\r\n            setVal(val);\r\n          }\r\n        }\r\n\r\n        if (val === '')\r\n          setVal('');\r\n      }\r\n\r\n      const isInRange = (value: string, isDecimal: boolean): boolean => {\r\n        let x = isDecimal ? parseFloat(parseFloat(value).toFixed(decimalPrecision)) : parseInt(value);\r\n        if (minValue && minValue > x)\r\n          return false;\r\n        else if (maxValue && maxValue < x)\r\n          return false;\r\n        else\r\n          return true;\r\n      }\r\n\r\n      const addInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (minValue ? minValue - 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val + interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val += 1;\r\n\r\n          if (maxValue && maxValue >= val)\r\n            setVal(val.toString());\r\n          else if (!maxValue)\r\n            setVal(val.toString());\r\n        }\r\n      }\r\n\r\n      const subtractInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (maxValue ? maxValue + 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val - interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val -= 1;\r\n\r\n          if ((minValue && minValue <= val) || !minValue) {\r\n            if (allowNegative || val >= 0) {\r\n              setVal(val.toString());\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      const isLocked = (input: string, operator: string): boolean => {\r\n        let val = decimalPrecision ? parseFloat(input) : parseInt(input);\r\n        val = isNaN(val) && userInput === '' ? 0 : val;\r\n        let operatorState = false;\r\n        if (operator === 'add' && maxValue)\r\n          operatorState = val >= maxValue;\r\n\r\n        if (operator === 'subtract' && minValue)\r\n          operatorState = val <= minValue;\r\n\r\n        if (operator === 'subtract' && !minValue && !allowNegative)\r\n          operatorState = val <= 0;\r\n\r\n        return operatorState;\r\n      }\r\n\r\n      const renderNumberFieldElements = () => {\r\n        return (\r\n          <>\r\n            {prefix && <PrefixContainer $size={size} $disabled={!!disabled} className=\"operator\">\r\n              {prefix}\r\n            </PrefixContainer>}\r\n\r\n            <OperatorWrapper data-testid={'operators'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n              <div className=\"divider\"></div>\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </OperatorWrapper>\r\n          </>)\r\n      }\r\n\r\n      const renderNumberInputElements = () => {\r\n        return (\r\n          <>\r\n            <LeftOperator data-testid={'leftOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n            </LeftOperator>\r\n            <RightOperator data-testid={'rightOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </RightOperator>\r\n          </>)\r\n      }\r\n\r\n      return (\r\n        <Container>\r\n          <InputContainer $type={type} $size={size} tabIndex={-1}>\r\n            <NumberInput $type={type}\r\n                          id={id}\r\n                         data-testid={dataTestId}\r\n                         $fieldSize={size}\r\n                         $hasPrefix={!!prefix}\r\n                         placeholder={placeholder ? placeholder : 'Enter number'}\r\n                         value={userInput}\r\n                         ref={elementRef}\r\n                         tabIndex={(disabled || readOnly) ? -1 : 0}\r\n                         onChange={e => handleInput(e)}\r\n                         onKeyDown={e => handleKeyPress(e)}\r\n                         required={required}\r\n                         className={disabled ? ' disabled' : ''\r\n                           .concat(readOnly ? ' readOnly' : '')\r\n                           .concat(state ? ` ${state}` : '')\r\n                           .concat(className ? ` ${className}` : '')}\r\n                         {...rest}/>\r\n\r\n            {type === 'NumberField' && renderNumberFieldElements()}\r\n            {type === 'NumberInput' && renderNumberInputElements()}\r\n            {value && <TooltipOverflow position={overflowTooltipPosition} input={elementRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n              {value?.toString()}\r\n            </TooltipOverflow>}\r\n          </InputContainer>\r\n\r\n          {\r\n            note &&\r\n            <ValidationMessage type={state || States.Default}>\r\n              {noteIcon}\r\n              <span>{note}</span>\r\n            </ValidationMessage>\r\n          }\r\n\r\n        </Container>\r\n      );\r\n    }\r\n  )\r\n;\r\n\r\nexport default NumberField;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NumberField.js","names":["React","TooltipTrigger","TooltipOverflow","styled","IconButton","useFocusVisibleRef","SystemIcons","COLORS","focusStyles","Z_INDEXES","ComponentMStyling","ComponentSStyling","ComponentTextStyle","Size","States","ValidationMessage","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Container","div","PrefixContainer","props","$size","Small","$disabled","getColor","theme","Regular","OperatorWrapper","Medium","NumberInput","input","$fieldSize","$type","$hasPrefix","Italic","InputContainer","focus","LeftOperator","RightOperator","NumberField","forwardRef","ref","type","size","note","noteIcon","required","prefix","interval","minValue","maxValue","allowNegative","decimalPrecision","disabled","readOnly","state","value","placeholder","onChange","className","id","overflowTooltipPosition","dataTestId","rest","_objectWithoutProperties","_excluded","userInput","setUserInput","useState","toString","elementRef","useEffect","useImperativeHandle","current","setVal","e","handleKeyPress","key","addInterval","subtractInterval","handleInput","preventDefault","simpleRegex","RegExp","decimalFormationRegEx","negativeDecimalFormationRegEx","allowNegativeRegex","decimalPrecisionRegex","undefined","negativeAndDecimalRegex","val","target","length","charAt","test","isInRange","replace","indexOf","lastIndexOf","includes","isDecimal","x","parseFloat","toFixed","parseInt","isNaN","Math","round","pow","isLocked","operator","operatorState","renderNumberFieldElements","children","tabIndex","variant","shape","action","useTransparentBackground","Minus","Plus","renderNumberInputElements","_objectSpread","onKeyDown","concat","position","withArrow","maxWidth","align","Default","propTypes","_pt","string","number","bool","node","oneOf","func"],"sources":["../../src/InputFields/NumberField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport styled from 'styled-components';\r\nimport {IconButton} from '../Button';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, focusStyles, Z_INDEXES} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Size, States, Testable} from '../types';\r\nimport {ValidationMessage} from \"./styling\";\r\n\r\nconst Container = styled.div``;\r\n\r\nconst PrefixContainer = styled.div<{ $size: Size, $disabled: boolean }>`\r\n  width: ${props => props.$size === Size.Small ? '10px' : '11px'};\r\n  height: ${props => props.$size === Size.Small ? '20px' : '24px'};\r\n  color: ${props => props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_500', props.theme)};\r\n  ${props => props.$size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  position: absolute;\r\n  padding: ${props => props.$size === Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px'};\r\n`;\r\n\r\nconst OperatorWrapper = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  display: flex;\r\n  margin: ${props => props.$size === Size.Medium ? '4px 0' : ''};\r\n\r\n  svg {\r\n    height: 14px;\r\n    width: 14px;\r\n  }\r\n\r\n  .divider {\r\n    margin: 16px 0;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    width: 1px;\r\n  }\r\n`;\r\n\r\nconst NumberInput = styled.input<{ $fieldSize: Size, $hasPrefix: boolean, $type: string }>`\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 4px;\r\n  text-overflow: ellipsis;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  outline: none;\r\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n\r\n  ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)) : ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  ${props => props.$type === 'NumberField' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px'};\r\n        padding-left: ${props.$hasPrefix ? '30px' : ''};\r\n    ` : ''}\r\n  ${props => props.$type === 'NumberInput' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 48px' : '16px 48px'};\r\n    ` : ''}\r\n  &::placeholder {\r\n    ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Italic, null) : ComponentMStyling(ComponentTextStyle.Italic, null)}\r\n  }\r\n\r\n  &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    pointer-events: none;\r\n\r\n    &::placeholder {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.readOnly {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_400', props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n  }\r\n`;\r\n\r\nconst InputContainer = styled.div<{ $size: Size, $type: string }>`\r\n  min-width: ${props => props.$type === 'NumberField' ? '160px' : '144px'};\r\n  height: ${props => props.$size === Size.Small ? '48px' : '56px'};\r\n  display: flex;\r\n  position: relative;\r\n  margin-bottom: 4px;\r\n\r\n  input.focus-visible ~ div.operator {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n`;\r\n\r\nconst LeftOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  left: 0;\r\n`;\r\n\r\nconst RightOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  right: 0;\r\n`;\r\n\r\nexport interface NumberFieldProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onKeyDown' | 'onClick' | 'tabIndex' | 'size' | 'value' | 'prefix' | 'min' | 'max'>\r\n{\r\n  /**\r\n   * Optional. The size of the number field. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. The prefix to be displayed before the number in the field.\r\n   */\r\n  prefix?: string;\r\n\r\n  /**\r\n   * Optional. The interval for incrementing and decrementing the number in the field.\r\n   */\r\n  interval?: number;\r\n\r\n  /**\r\n   * Optional. The minimum value that can be entered in the field.\r\n   */\r\n  minValue?: number;\r\n\r\n  /**\r\n   * Optional. The maximum value that can be entered in the field.\r\n   */\r\n  maxValue?: number;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether negative numbers are allowed.\r\n   */\r\n  allowNegative?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of decimal places allowed in the number.\r\n   */\r\n  decimalPrecision?: number;\r\n\r\n  /**\r\n   * Optional. The state of the number field. Can be 'Valid' or 'Invalid'.\r\n   */\r\n  state?: States.Valid | States.Invalid;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the number field.\r\n   */\r\n  note?: string;\r\n\r\n  /**\r\n   * Optional. An icon to be displayed next to the note.\r\n   */\r\n  noteIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The type of the number field. Can be 'NumberField' or 'NumberInput'.\r\n   */\r\n  type?: 'NumberField' | 'NumberInput';\r\n\r\n  /**\r\n   * Optional. The current value of the number field.\r\n   */\r\n  value?: number;\r\n\r\n  /**\r\n   * Optional. A function to be called when the value of the number field changes.\r\n   */\r\n  onChange?: (e: number) => void;\r\n\r\n  /**\r\n   * Optional. The position of the tooltip when the number overflows. Can be 'top' or 'bottom'.\r\n   */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nconst NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>((props, ref) => {\r\n      const {\r\n        type = 'NumberField',\r\n        size = Size.Medium,\r\n        note,\r\n        noteIcon,\r\n        required,\r\n        prefix,\r\n        interval = 1,\r\n        minValue,\r\n        maxValue,\r\n        allowNegative,\r\n        decimalPrecision,\r\n        disabled,\r\n        readOnly,\r\n        state,\r\n        value,\r\n        placeholder,\r\n        onChange,\r\n        className,\r\n        id,\r\n        overflowTooltipPosition,\r\n        dataTestId,\r\n        ...rest\r\n      } = props;\r\n\r\n      const [userInput, setUserInput] = React.useState(value ? value.toString() : '');\r\n\r\n      const elementRef = useFocusVisibleRef();\r\n\r\n      React.useEffect(() => setUserInput(`${value ?? ''}`), [value]);\r\n\r\n      React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\r\n\r\n      const setVal = (e: string) => {\r\n        setUserInput(e);\r\n        onChange && onChange(+e);\r\n      }\r\n\r\n      const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n        switch (e.key) {\r\n          case 'ArrowUp':\r\n            addInterval();\r\n            break;\r\n          case 'ArrowDown':\r\n            subtractInterval();\r\n            break;\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n\r\n      const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        e.preventDefault();\r\n        let simpleRegex = new RegExp(/^[0-9]\\d*$/);\r\n        let decimalFormationRegEx = new RegExp(/^[0-9]\\d*\\.$/);\r\n        let negativeDecimalFormationRegEx = new RegExp(/^[-][0-9]\\d*\\.$/);\r\n\r\n        let allowNegativeRegex = new RegExp(/^[-][0-9]\\d*$/);\r\n        let decimalPrecisionRegex = decimalPrecision ? new RegExp(`^[0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n        let negativeAndDecimalRegex = (decimalPrecision && allowNegative) ? new RegExp(`^[-][0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n\r\n        let val = e.target.value;\r\n        if (val !== '') {\r\n          if (allowNegative && decimalPrecision) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else {\r\n              if ((negativeAndDecimalRegex!.test(val) || decimalPrecisionRegex!.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n\r\n              else if ((negativeDecimalFormationRegEx.test(val) || decimalFormationRegEx.test(val)) && isInRange(val.replace('.', ''), true))\r\n                setVal(val);\r\n\r\n              else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n            }\r\n          } else if (allowNegative) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, false))\r\n              setVal(val);\r\n          } else if (decimalPrecision && (val.indexOf('.') === val.lastIndexOf('.')) && isInRange(val, true)) {\r\n            if (decimalPrecisionRegex!.test(val))\r\n              setVal(val);\r\n            else if (decimalFormationRegEx.test(val))\r\n              setVal(val);\r\n            else if (!val.includes('.') && simpleRegex.test(val))\r\n              setVal(val);\r\n          } else if (simpleRegex.test(val) && isInRange(val, false)) {\r\n            setVal(val);\r\n          }\r\n        }\r\n\r\n        if (val === '')\r\n          setVal('');\r\n      }\r\n\r\n      const isInRange = (value: string, isDecimal: boolean): boolean => {\r\n        let x = isDecimal ? parseFloat(parseFloat(value).toFixed(decimalPrecision)) : parseInt(value);\r\n        if (minValue && minValue > x)\r\n          return false;\r\n        else if (maxValue && maxValue < x)\r\n          return false;\r\n        else\r\n          return true;\r\n      }\r\n\r\n      const addInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (minValue ? minValue - 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val + interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val += 1;\r\n\r\n          if (maxValue && maxValue >= val)\r\n            setVal(val.toString());\r\n          else if (!maxValue)\r\n            setVal(val.toString());\r\n        }\r\n      }\r\n\r\n      const subtractInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (maxValue ? maxValue + 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val - interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val -= 1;\r\n\r\n          if ((minValue && minValue <= val) || !minValue) {\r\n            if (allowNegative || val >= 0) {\r\n              setVal(val.toString());\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      const isLocked = (input: string, operator: string): boolean => {\r\n        let val = decimalPrecision ? parseFloat(input) : parseInt(input);\r\n        val = isNaN(val) && userInput === '' ? 0 : val;\r\n        let operatorState = false;\r\n        if (operator === 'add' && maxValue)\r\n          operatorState = val >= maxValue;\r\n\r\n        if (operator === 'subtract' && minValue)\r\n          operatorState = val <= minValue;\r\n\r\n        if (operator === 'subtract' && !minValue && !allowNegative)\r\n          operatorState = val <= 0;\r\n\r\n        return operatorState;\r\n      }\r\n\r\n      const renderNumberFieldElements = () => {\r\n        return (\r\n          <>\r\n            {prefix && <PrefixContainer $size={size} $disabled={!!disabled} className=\"operator\">\r\n              {prefix}\r\n            </PrefixContainer>}\r\n\r\n            <OperatorWrapper data-testid={'operators'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n              <div className=\"divider\"></div>\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </OperatorWrapper>\r\n          </>)\r\n      }\r\n\r\n      const renderNumberInputElements = () => {\r\n        return (\r\n          <>\r\n            <LeftOperator data-testid={'leftOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n            </LeftOperator>\r\n            <RightOperator data-testid={'rightOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </RightOperator>\r\n          </>)\r\n      }\r\n\r\n      return (\r\n        <Container>\r\n          <InputContainer $type={type} $size={size} tabIndex={-1}>\r\n            <NumberInput $type={type}\r\n                          id={id}\r\n                         data-testid={dataTestId}\r\n                         $fieldSize={size}\r\n                         $hasPrefix={!!prefix}\r\n                         placeholder={placeholder ? placeholder : 'Enter number'}\r\n                         value={userInput}\r\n                         ref={elementRef}\r\n                         tabIndex={(disabled || readOnly) ? -1 : 0}\r\n                         onChange={e => handleInput(e)}\r\n                         onKeyDown={e => handleKeyPress(e)}\r\n                         required={required}\r\n                         className={disabled ? ' disabled' : ''\r\n                           .concat(readOnly ? ' readOnly' : '')\r\n                           .concat(state ? ` ${state}` : '')\r\n                           .concat(className ? ` ${className}` : '')}\r\n                         {...rest}/>\r\n\r\n            {type === 'NumberField' && renderNumberFieldElements()}\r\n            {type === 'NumberInput' && renderNumberInputElements()}\r\n            {value && <TooltipOverflow position={overflowTooltipPosition} input={elementRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n              {value?.toString()}\r\n            </TooltipOverflow>}\r\n          </InputContainer>\r\n\r\n          {\r\n            note &&\r\n            <ValidationMessage type={state || States.Default}>\r\n              {noteIcon}\r\n              <span>{note}</span>\r\n            </ValidationMessage>\r\n          }\r\n\r\n        </Container>\r\n      );\r\n    }\r\n  )\r\n;\r\n\r\nexport default NumberField;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/PasswordField.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -18,13 +17,21 @@ var _Button = require("../Button");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["id", "disabled", "onChange", "invalid", "value", "validationMessage", "autoComplete", "placeholder", "required", "readOnly", "size", "margin", "className", "dataTestId", "name"];
-var _templateObject, _templateObject2;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const StyledPassSwitch = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  z-index: ", ";\n  right: 0;\n  position: absolute;\n"])), _styles.Z_INDEXES.badge);
-const PasswordRow = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+const StyledPassSwitch = _styledComponents.default.div`
+  z-index: ${_styles.Z_INDEXES.badge};
+  right: 0;
+  position: absolute;
+`;
+const PasswordRow = _styledComponents.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
 const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       id,
@@ -53,7 +60,7 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       setPasswordHidden(!passwordHidden);
     }
   };
-  const cls = "".concat(invalid ? 'invalid' : '', "  ").concat(size || '', " ").concat(className);
+  const cls = `${invalid ? 'invalid' : ''}  ${size || ''} ${className}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styling.InputWrapper, {
       $disabled: disabled,
@@ -75,14 +82,11 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           disabled: disabled,
           required: required,
           readOnly: readOnly,
-          onChange: e => {
-            var _e$target;
-            return onChange && onChange((e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '');
-          }
+          onChange: e => onChange && onChange(e?.target?.value || '')
         }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPassSwitch, {
           className: size ? size : '',
           children: !disabled && !readOnly ? passwordHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-            id: "".concat(id, "_Visible"),
+            id: `${id}_Visible`,
             iconColor: '#666666',
             variant: 'secondary',
             shape: 'circular',
@@ -90,7 +94,7 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             action: () => setPasswordHidden(!passwordHidden),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.VisibleOff, {})
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-            id: "".concat(id, "_NotVisible"),
+            id: `${id}_NotVisible`,
             iconColor: '#666666',
             variant: 'secondary',
             shape: 'circular',

package/dist/InputFields/PasswordField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_styling","_common","_Button","_icons","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledPassSwitch","styled","div","_taggedTemplateLiteral2","Z_INDEXES","badge","PasswordRow","PasswordField","forwardRef","_ref","ref","id","disabled","onChange","invalid","value","validationMessage","autoComplete","placeholder","required","readOnly","size","margin","className","dataTestId","name","rest","_objectWithoutProperties2","passwordHidden","setPasswordHidden","useState","inputRef","useFocusVisibleRef","theme","useTheme","useImperativeHandle","current","handleKeyDown","keyCode","cls","concat","jsxs","Fragment","children","jsx","InputWrapper","$disabled","$readOnly","$margin","InputFieldStyling","type","tabIndex","$activeErrorMessage","_e$target","target","IconButton","iconColor","variant","shape","onKeyPress","action","SystemIcons","VisibleOff","VisibleOn","ErrorMessage","TechnicalWarning","color","COLORS","getColor","propTypes","_propTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../src/InputFields/PasswordField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { InputFieldStyling, InputWrapper, ErrorMessage } from './styling';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\n\r\nexport type PasswordFieldProps =\r\n  Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'id' | 'onChange' | 'readOnly' | 'required' | 'placeholder' | 'autoComplete' | 'value' | 'disabled' | 'tabIndex' | 'type'>\r\n  & {\r\n  /**\r\n   * Required. The ID of the password field.\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when the value of the password field changes.\r\n   */\r\n  onChange?: (text: string) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is invalid.\r\n   */\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * Optional. The current value of the password field.\r\n   */\r\n  value?: string;\r\n\r\n  /**\r\n   * Optional. The validation message to be displayed when the password field is invalid.\r\n   */\r\n  validationMessage?: string;\r\n\r\n  /**\r\n   * Optional. The autocomplete attribute for the password field.\r\n   */\r\n  autoComplete?: string;\r\n\r\n  /**\r\n   * Optional. The placeholder text for the password field.\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is required.\r\n   */\r\n  required?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is read-only.\r\n   */\r\n  readOnly?: boolean;\r\n\r\n  /**\r\n   * Optional. The size of the password field. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. The margin of the password field. Can be any valid CSS margin value.\r\n   */\r\n  margin?: string;\r\n};\r\n\r\nconst StyledPassSwitch = styled.div`\r\n  z-index: ${Z_INDEXES.badge};\r\n  right: 0;\r\n  position: absolute;\r\n`;\r\n\r\nconst PasswordRow = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n`;\r\n\r\nconst PasswordField = React.forwardRef<HTMLInputElement, PasswordFieldProps>(({\r\n                                          id,\r\n                                          disabled,\r\n                                          onChange,\r\n                                          invalid,\r\n                                          value,\r\n                                          validationMessage,\r\n                                          autoComplete,\r\n                                          placeholder,\r\n                                          required,\r\n                                          readOnly,\r\n                                          size,\r\n                                          margin,\r\n                                          className,\r\n                                          dataTestId,\r\n                                          name = 'password',\r\n                                          ...rest\r\n                                        }: PasswordFieldProps, ref) => {\r\n  const [passwordHidden, setPasswordHidden] = React.useState<Boolean>(true);\r\n  const inputRef = useFocusVisibleRef();\r\n  const theme = useTheme();\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (e.keyCode === 13) {\r\n      setPasswordHidden(!passwordHidden);\r\n    }\r\n  };\r\n\r\n  const cls = `${invalid ? 'invalid' : ''}  ${size || ''} ${className}`;\r\n\r\n  return (\r\n    <>\r\n      <InputWrapper $disabled={disabled} $readOnly={readOnly} $margin={margin}>\r\n        <PasswordRow>\r\n            <InputFieldStyling\r\n              id={id}\r\n              data-testid={dataTestId}\r\n              ref={inputRef}\r\n              type={passwordHidden ? 'password' : 'text'}\r\n              name={name}\r\n              value={value}\r\n              className={cls}\r\n              tabIndex={disabled || readOnly ? -1 : 0}\r\n              autoComplete={autoComplete}\r\n              $activeErrorMessage={!!validationMessage}\r\n              placeholder={placeholder}\r\n              disabled={disabled}\r\n              required={required}\r\n              readOnly={readOnly}\r\n              onChange={(e: any) => onChange && onChange(e?.target?.value || '')}\r\n              {...rest}\r\n            />\r\n            <StyledPassSwitch className={size ? size : ''}>\r\n              {!disabled && !readOnly ? (\r\n                passwordHidden ? (\r\n                  <IconButton\r\n                    id={`${id}_Visible`}\r\n                    iconColor={'#666666'}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}\r\n                    onKeyPress={handleKeyDown}\r\n                    action={() => setPasswordHidden(!passwordHidden)}>\r\n                    <SystemIcons.VisibleOff />\r\n                  </IconButton>\r\n                ) : (\r\n                  <IconButton\r\n                    id={`${id}_NotVisible`}\r\n                    iconColor={'#666666'}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}\r\n                    onKeyPress={handleKeyDown}\r\n                    action={() => setPasswordHidden(!passwordHidden)}>\r\n                    <SystemIcons.VisibleOn />\r\n                  </IconButton>\r\n                )\r\n              ) : null}\r\n            </StyledPassSwitch>\r\n        </PasswordRow>\r\n      </InputWrapper>\r\n      {validationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{validationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default PasswordField;\r\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAuC,IAAAO,WAAA,GAAAP,OAAA;AAAA,MAAAQ,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAkEvC,MAAMkC,gBAAgB,GAAGC,yBAAM,CAACC,GAAG,CAAAvC,eAAA,KAAAA,eAAA,OAAAwC,uBAAA,CAAAhC,OAAA,kEACtBiC,iBAAS,CAACC,KAAK,CAG3B;AAED,MAAMC,WAAW,GAAGL,yBAAM,CAACC,GAAG,CAAAtC,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,CAAAhC,OAAA,oGAK7B;AAED,MAAMoC,aAAa,gBAAGvD,KAAK,CAACwD,UAAU,CAAuC,CAAAC,IAAA,EAiBdC,GAAG,KAAK;EAAA,IAjBO;MACpCC,EAAE;MACFC,QAAQ;MACRC,QAAQ;MACRC,OAAO;MACPC,KAAK;MACLC,iBAAiB;MACjBC,YAAY;MACZC,WAAW;MACXC,QAAQ;MACRC,QAAQ;MACRC,IAAI;MACJC,MAAM;MACNC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG;IAEW,CAAC,GAAAhB,IAAA;IADhBiB,IAAI,OAAAC,yBAAA,CAAAxD,OAAA,EAAAsC,IAAA,EAAA/C,SAAA;EAE/C,MAAM,CAACkE,cAAc,EAAEC,iBAAiB,CAAC,GAAG7E,KAAK,CAAC8E,QAAQ,CAAU,IAAI,CAAC;EACzE,MAAMC,QAAQ,GAAG,IAAAC,0BAAkB,EAAC,CAAC;EACrC,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EAExBlF,KAAK,CAACmF,mBAAmB,CAACzB,GAAG,EAAE,MAAMqB,QAAQ,CAACK,OAAO,EAAE,CAACL,QAAQ,CAAC,CAAC;EAElE,MAAMM,aAAa,GAAIvE,CAAM,IAAK;IAChC,IAAIA,CAAC,CAACwE,OAAO,KAAK,EAAE,EAAE;MACpBT,iBAAiB,CAAC,CAACD,cAAc,CAAC;IACpC;EACF,CAAC;EAED,MAAMW,GAAG,MAAAC,MAAA,CAAM1B,OAAO,GAAG,SAAS,GAAG,EAAE,QAAA0B,MAAA,CAAKnB,IAAI,IAAI,EAAE,OAAAmB,MAAA,CAAIjB,SAAS,CAAE;EAErE,oBACE,IAAA9D,WAAA,CAAAgF,IAAA,EAAAhF,WAAA,CAAAiF,QAAA;IAAAC,QAAA,gBACE,IAAAlF,WAAA,CAAAmF,GAAA,EAACvF,QAAA,CAAAwF,YAAY;MAACC,SAAS,EAAElC,QAAS;MAACmC,SAAS,EAAE3B,QAAS;MAAC4B,OAAO,EAAE1B,MAAO;MAAAqB,QAAA,eACtE,IAAAlF,WAAA,CAAAgF,IAAA,EAACnC,WAAW;QAAAqC,QAAA,gBACR,IAAAlF,WAAA,CAAAmF,GAAA,EAACvF,QAAA,CAAA4F,iBAAiB,EAAAxD,aAAA;UAChBkB,EAAE,EAAEA,EAAG;UACP,eAAaa,UAAW;UACxBd,GAAG,EAAEqB,QAAS;UACdmB,IAAI,EAAEtB,cAAc,GAAG,UAAU,GAAG,MAAO;UAC3CH,IAAI,EAAEA,IAAK;UACXV,KAAK,EAAEA,KAAM;UACbQ,SAAS,EAAEgB,GAAI;UACfY,QAAQ,EAAEvC,QAAQ,IAAIQ,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;UACxCH,YAAY,EAAEA,YAAa;UAC3BmC,mBAAmB,EAAE,CAAC,CAACpC,iBAAkB;UACzCE,WAAW,EAAEA,WAAY;UACzBN,QAAQ,EAAEA,QAAS;UACnBO,QAAQ,EAAEA,QAAS;UACnBC,QAAQ,EAAEA,QAAS;UACnBP,QAAQ,EAAG/C,CAAM;YAAA,IAAAuF,SAAA;YAAA,OAAKxC,QAAQ,IAAIA,QAAQ,CAAC,CAAA/C,CAAC,aAADA,CAAC,gBAAAuF,SAAA,GAADvF,CAAC,CAAEwF,MAAM,cAAAD,SAAA,uBAATA,SAAA,CAAWtC,KAAK,KAAI,EAAE,CAAC;UAAA;QAAC,GAC/DW,IAAI,CACT,CAAC,eACF,IAAAjE,WAAA,CAAAmF,GAAA,EAAC5C,gBAAgB;UAACuB,SAAS,EAAEF,IAAI,GAAGA,IAAI,GAAG,EAAG;UAAAsB,QAAA,EAC3C,CAAC/B,QAAQ,IAAI,CAACQ,QAAQ,GACrBQ,cAAc,gBACZ,IAAAnE,WAAA,CAAAmF,GAAA,EAACrF,OAAA,CAAAgG,UAAU;YACT5C,EAAE,KAAA6B,MAAA,CAAK7B,EAAE,aAAW;YACpB6C,SAAS,EAAE,SAAU;YACrBC,OAAO,EAAE,WAAY;YACrBC,KAAK,EAAE,UAAW;YAClBC,UAAU,EAAEtB,aAAc;YAC1BuB,MAAM,EAAEA,CAAA,KAAM/B,iBAAiB,CAAC,CAACD,cAAc,CAAE;YAAAe,QAAA,eACjD,IAAAlF,WAAA,CAAAmF,GAAA,EAACpF,MAAA,CAAAqG,WAAW,CAACC,UAAU,IAAE;UAAC,CAChB,CAAC,gBAEb,IAAArG,WAAA,CAAAmF,GAAA,EAACrF,OAAA,CAAAgG,UAAU;YACT5C,EAAE,KAAA6B,MAAA,CAAK7B,EAAE,gBAAc;YACvB6C,SAAS,EAAE,SAAU;YACrBC,OAAO,EAAE,WAAY;YACrBC,KAAK,EAAE,UAAW;YAClBC,UAAU,EAAEtB,aAAc;YAC1BuB,MAAM,EAAEA,CAAA,KAAM/B,iBAAiB,CAAC,CAACD,cAAc,CAAE;YAAAe,QAAA,eACjD,IAAAlF,WAAA,CAAAmF,GAAA,EAACpF,MAAA,CAAAqG,WAAW,CAACE,SAAS,IAAE;UAAC,CACf,CACb,GACC;QAAI,CACQ,CAAC;MAAA,CACV;IAAC,CACF,CAAC,EACd/C,iBAAiB,iBAChB,IAAAvD,WAAA,CAAAgF,IAAA,EAACpF,QAAA,CAAA2G,YAAY;MAACzC,SAAS,EAAEF,IAAI,IAAI,EAAG;MAAAsB,QAAA,gBAClC,IAAAlF,WAAA,CAAAmF,GAAA,EAACpF,MAAA,CAAAqG,WAAW,CAACI,gBAAgB;QAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEnC,KAAK;MAAE,CAAE,CAAC,eAC/E,IAAAxE,WAAA,CAAAmF,GAAA;QAAAD,QAAA,EAAO3B;MAAiB,CAAO,CAAC;IAAA,CACpB,CACf;EAAA,CACD,CAAC;AAEP,CAAC,CAAC;AAACT,aAAA,CAAA8D,SAAA;EAhKD1D,EAAE,EAAA2D,UAAA,CAAAnG,OAAA,CAAAoG,MAAA,CAAAC,UAAA;EAKF5D,QAAQ,EAAA0D,UAAA,CAAAnG,OAAA,CAAAsG,IAAA;EAKR5D,QAAQ,EAAAyD,UAAA,CAAAnG,OAAA,CAAAuG,IAAA;EAKR5D,OAAO,EAAAwD,UAAA,CAAAnG,OAAA,CAAAsG,IAAA;EAKP1D,KAAK,EAAAuD,UAAA,CAAAnG,OAAA,CAAAoG,MAAA;EAKLvD,iBAAiB,EAAAsD,UAAA,CAAAnG,OAAA,CAAAoG,MAAA;EAKjBtD,YAAY,EAAAqD,UAAA,CAAAnG,OAAA,CAAAoG,MAAA;EAKZrD,WAAW,EAAAoD,UAAA,CAAAnG,OAAA,CAAAoG,MAAA;EAKXpD,QAAQ,EAAAmD,UAAA,CAAAnG,OAAA,CAAAsG,IAAA;EAKRrD,QAAQ,EAAAkD,UAAA,CAAAnG,OAAA,CAAAsG,IAAA;EAURnD,MAAM,EAAAgD,UAAA,CAAAnG,OAAA,CAAAoG;AAAA;AAAA,IAAAI,QAAA,GAAAC,OAAA,CAAAzG,OAAA,GA2GOoC,aAAa","ignoreList":[]}
+{"version":3,"file":"PasswordField.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_styling","_common","_Button","_icons","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledPassSwitch","styled","div","Z_INDEXES","badge","PasswordRow","PasswordField","forwardRef","_ref","ref","id","disabled","onChange","invalid","value","validationMessage","autoComplete","placeholder","required","readOnly","size","margin","className","dataTestId","name","rest","_objectWithoutProperties2","passwordHidden","setPasswordHidden","useState","inputRef","useFocusVisibleRef","theme","useTheme","useImperativeHandle","current","handleKeyDown","keyCode","cls","jsxs","Fragment","children","jsx","InputWrapper","$disabled","$readOnly","$margin","InputFieldStyling","type","tabIndex","$activeErrorMessage","target","IconButton","iconColor","variant","shape","onKeyPress","action","SystemIcons","VisibleOff","VisibleOn","ErrorMessage","TechnicalWarning","color","COLORS","getColor","propTypes","_propTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../src/InputFields/PasswordField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { InputFieldStyling, InputWrapper, ErrorMessage } from './styling';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\n\r\nexport type PasswordFieldProps =\r\n  Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'id' | 'onChange' | 'readOnly' | 'required' | 'placeholder' | 'autoComplete' | 'value' | 'disabled' | 'tabIndex' | 'type'>\r\n  & {\r\n  /**\r\n   * Required. The ID of the password field.\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when the value of the password field changes.\r\n   */\r\n  onChange?: (text: string) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is invalid.\r\n   */\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * Optional. The current value of the password field.\r\n   */\r\n  value?: string;\r\n\r\n  /**\r\n   * Optional. The validation message to be displayed when the password field is invalid.\r\n   */\r\n  validationMessage?: string;\r\n\r\n  /**\r\n   * Optional. The autocomplete attribute for the password field.\r\n   */\r\n  autoComplete?: string;\r\n\r\n  /**\r\n   * Optional. The placeholder text for the password field.\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is required.\r\n   */\r\n  required?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the password field is read-only.\r\n   */\r\n  readOnly?: boolean;\r\n\r\n  /**\r\n   * Optional. The size of the password field. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. The margin of the password field. Can be any valid CSS margin value.\r\n   */\r\n  margin?: string;\r\n};\r\n\r\nconst StyledPassSwitch = styled.div`\r\n  z-index: ${Z_INDEXES.badge};\r\n  right: 0;\r\n  position: absolute;\r\n`;\r\n\r\nconst PasswordRow = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n`;\r\n\r\nconst PasswordField = React.forwardRef<HTMLInputElement, PasswordFieldProps>(({\r\n                                          id,\r\n                                          disabled,\r\n                                          onChange,\r\n                                          invalid,\r\n                                          value,\r\n                                          validationMessage,\r\n                                          autoComplete,\r\n                                          placeholder,\r\n                                          required,\r\n                                          readOnly,\r\n                                          size,\r\n                                          margin,\r\n                                          className,\r\n                                          dataTestId,\r\n                                          name = 'password',\r\n                                          ...rest\r\n                                        }: PasswordFieldProps, ref) => {\r\n  const [passwordHidden, setPasswordHidden] = React.useState<Boolean>(true);\r\n  const inputRef = useFocusVisibleRef();\r\n  const theme = useTheme();\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (e.keyCode === 13) {\r\n      setPasswordHidden(!passwordHidden);\r\n    }\r\n  };\r\n\r\n  const cls = `${invalid ? 'invalid' : ''}  ${size || ''} ${className}`;\r\n\r\n  return (\r\n    <>\r\n      <InputWrapper $disabled={disabled} $readOnly={readOnly} $margin={margin}>\r\n        <PasswordRow>\r\n            <InputFieldStyling\r\n              id={id}\r\n              data-testid={dataTestId}\r\n              ref={inputRef}\r\n              type={passwordHidden ? 'password' : 'text'}\r\n              name={name}\r\n              value={value}\r\n              className={cls}\r\n              tabIndex={disabled || readOnly ? -1 : 0}\r\n              autoComplete={autoComplete}\r\n              $activeErrorMessage={!!validationMessage}\r\n              placeholder={placeholder}\r\n              disabled={disabled}\r\n              required={required}\r\n              readOnly={readOnly}\r\n              onChange={(e: any) => onChange && onChange(e?.target?.value || '')}\r\n              {...rest}\r\n            />\r\n            <StyledPassSwitch className={size ? size : ''}>\r\n              {!disabled && !readOnly ? (\r\n                passwordHidden ? (\r\n                  <IconButton\r\n                    id={`${id}_Visible`}\r\n                    iconColor={'#666666'}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}\r\n                    onKeyPress={handleKeyDown}\r\n                    action={() => setPasswordHidden(!passwordHidden)}>\r\n                    <SystemIcons.VisibleOff />\r\n                  </IconButton>\r\n                ) : (\r\n                  <IconButton\r\n                    id={`${id}_NotVisible`}\r\n                    iconColor={'#666666'}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}\r\n                    onKeyPress={handleKeyDown}\r\n                    action={() => setPasswordHidden(!passwordHidden)}>\r\n                    <SystemIcons.VisibleOn />\r\n                  </IconButton>\r\n                )\r\n              ) : null}\r\n            </StyledPassSwitch>\r\n        </PasswordRow>\r\n      </InputWrapper>\r\n      {validationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{validationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default PasswordField;\r\n"],"mappings":"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","ignoreList":[]}