@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/InputFields/PasswordField.cjs

@@ -1,11 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,43 +19,47 @@ var _common = require("../common");
 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 _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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      id,
-      disabled,
-      onChange,
-      invalid,
-      value,
-      validationMessage,
-      autoComplete,
-      placeholder,
-      required,
-      readOnly,
-      size,
-      margin,
-      className,
-      dataTestId,
-      name = 'password'
-    } = _ref,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const [passwordHidden, setPasswordHidden] = React.useState(true);
-  const inputRef = (0, _common.useFocusVisibleRef)();
-  const theme = (0, _styledComponents.useTheme)();
-  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);
-  const handleKeyDown = e => {
+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; }
+var StyledPassSwitch = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: ", ";\n  right: 0;\n  position: absolute;\n"])), _styles.Z_INDEXES.badge);
+var PasswordRow = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+var PasswordField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    disabled = _ref.disabled,
+    _onChange = _ref.onChange,
+    invalid = _ref.invalid,
+    value = _ref.value,
+    validationMessage = _ref.validationMessage,
+    autoComplete = _ref.autoComplete,
+    placeholder = _ref.placeholder,
+    required = _ref.required,
+    readOnly = _ref.readOnly,
+    size = _ref.size,
+    margin = _ref.margin,
+    className = _ref.className,
+    dataTestId = _ref.dataTestId,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? 'password' : _ref$name,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _React$useState = React.useState(true),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    passwordHidden = _React$useState2[0],
+    setPasswordHidden = _React$useState2[1];
+  var inputRef = (0, _common.useFocusVisibleRef)();
+  var theme = (0, _styledComponents.useTheme)();
+  React.useImperativeHandle(ref, function () {
+    return inputRef.current;
+  }, [inputRef]);
+  var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === 13) {
       setPasswordHidden(!passwordHidden);
     }
   };
-  const cls = "".concat(invalid ? 'invalid' : '', "  ").concat(size || '', " ").concat(className);
+  var cls = "".concat(invalid ? 'invalid' : '', "  ").concat(size || '', " ").concat(className);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styling.InputWrapper, {
       $disabled: disabled,
@@ -75,9 +81,9 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           disabled: disabled,
           required: required,
           readOnly: readOnly,
-          onChange: e => {
+          onChange: function 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) || '');
+            return _onChange && _onChange((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '');
           }
         }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPassSwitch, {
           className: size ? size : '',
@@ -87,7 +93,9 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             variant: 'secondary',
             shape: 'circular',
             onKeyPress: handleKeyDown,
-            action: () => setPasswordHidden(!passwordHidden),
+            action: function action() {
+              return setPasswordHidden(!passwordHidden);
+            },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.VisibleOff, {})
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
             id: "".concat(id, "_NotVisible"),
@@ -95,7 +103,9 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             variant: 'secondary',
             shape: 'circular',
             onKeyPress: handleKeyDown,
-            action: () => setPasswordHidden(!passwordHidden),
+            action: function action() {
+              return setPasswordHidden(!passwordHidden);
+            },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.VisibleOn, {})
           }) : null
         })]
@@ -111,17 +121,18 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   });
 });
 PasswordField.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  disabled: _propTypes.default.bool,
-  onChange: _propTypes.default.func,
-  invalid: _propTypes.default.bool,
-  value: _propTypes.default.string,
-  validationMessage: _propTypes.default.string,
-  autoComplete: _propTypes.default.string,
-  placeholder: _propTypes.default.string,
-  required: _propTypes.default.bool,
-  readOnly: _propTypes.default.bool,
-  margin: _propTypes.default.string
+  id: _propTypes["default"].string.isRequired,
+  disabled: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  invalid: _propTypes["default"].bool,
+  value: _propTypes["default"].string,
+  validationMessage: _propTypes["default"].string,
+  autoComplete: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string,
+  required: _propTypes["default"].bool,
+  readOnly: _propTypes["default"].bool,
+  margin: _propTypes["default"].string
 };
-var _default = exports.default = PasswordField;
+var _default = PasswordField;
+exports["default"] = _default;
 //# sourceMappingURL=PasswordField.cjs.map

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":"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","ignoreList":[]}
+{"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","_typeof","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","_ref$name","name","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","passwordHidden","setPasswordHidden","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":"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","ignoreList":[]}

package/dist/InputFields/PasswordField.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-const _excluded = ["id", "disabled", "onChange", "invalid", "value", "validationMessage", "autoComplete", "placeholder", "required", "readOnly", "size", "margin", "className", "dataTestId", "name"];
+var _excluded = ["id", "disabled", "onChange", "invalid", "value", "validationMessage", "autoComplete", "placeholder", "required", "readOnly", "size", "margin", "className", "dataTestId", "name"];
 var _templateObject, _templateObject2;
 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; }
@@ -14,38 +15,44 @@ import { Z_INDEXES } from '../styles';
 import { useFocusVisibleRef } from '../common';
 import { IconButton } from '../Button';
 import { SystemIcons } from '../icons';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const StyledPassSwitch = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  z-index: ", ";\n  right: 0;\n  position: absolute;\n"])), Z_INDEXES.badge);
-const PasswordRow = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
-const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      id,
-      disabled,
-      onChange,
-      invalid,
-      value,
-      validationMessage,
-      autoComplete,
-      placeholder,
-      required,
-      readOnly,
-      size,
-      margin,
-      className,
-      dataTestId,
-      name = 'password'
-    } = _ref,
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var StyledPassSwitch = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  z-index: ", ";\n  right: 0;\n  position: absolute;\n"])), Z_INDEXES.badge);
+var PasswordRow = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+var PasswordField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    disabled = _ref.disabled,
+    _onChange = _ref.onChange,
+    invalid = _ref.invalid,
+    value = _ref.value,
+    validationMessage = _ref.validationMessage,
+    autoComplete = _ref.autoComplete,
+    placeholder = _ref.placeholder,
+    required = _ref.required,
+    readOnly = _ref.readOnly,
+    size = _ref.size,
+    margin = _ref.margin,
+    className = _ref.className,
+    dataTestId = _ref.dataTestId,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? 'password' : _ref$name,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const [passwordHidden, setPasswordHidden] = React.useState(true);
-  const inputRef = useFocusVisibleRef();
-  const theme = useTheme();
-  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);
-  const handleKeyDown = e => {
+  var _React$useState = React.useState(true),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    passwordHidden = _React$useState2[0],
+    setPasswordHidden = _React$useState2[1];
+  var inputRef = useFocusVisibleRef();
+  var theme = useTheme();
+  React.useImperativeHandle(ref, function () {
+    return inputRef.current;
+  }, [inputRef]);
+  var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === 13) {
       setPasswordHidden(!passwordHidden);
     }
   };
-  const cls = "".concat(invalid ? 'invalid' : '', "  ").concat(size || '', " ").concat(className);
+  var cls = "".concat(invalid ? 'invalid' : '', "  ").concat(size || '', " ").concat(className);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(InputWrapper, {
       $disabled: disabled,
@@ -67,9 +74,9 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           disabled: disabled,
           required: required,
           readOnly: readOnly,
-          onChange: e => {
+          onChange: function 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) || '');
+            return _onChange && _onChange((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '');
           }
         }, rest)), /*#__PURE__*/_jsx(StyledPassSwitch, {
           className: size ? size : '',
@@ -79,7 +86,9 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             variant: 'secondary',
             shape: 'circular',
             onKeyPress: handleKeyDown,
-            action: () => setPasswordHidden(!passwordHidden),
+            action: function action() {
+              return setPasswordHidden(!passwordHidden);
+            },
             children: /*#__PURE__*/_jsx(SystemIcons.VisibleOff, {})
           }) : /*#__PURE__*/_jsx(IconButton, {
             id: "".concat(id, "_NotVisible"),
@@ -87,7 +96,9 @@ const PasswordField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             variant: 'secondary',
             shape: 'circular',
             onKeyPress: handleKeyDown,
-            action: () => setPasswordHidden(!passwordHidden),
+            action: function action() {
+              return setPasswordHidden(!passwordHidden);
+            },
             children: /*#__PURE__*/_jsx(SystemIcons.VisibleOn, {})
           }) : null
         })]

package/dist/InputFields/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","names":["React","styled","useTheme","COLORS","InputFieldStyling","InputWrapper","ErrorMessage","Z_INDEXES","useFocusVisibleRef","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StyledPassSwitch","div","_templateObject","_taggedTemplateLiteral","badge","PasswordRow","_templateObject2","PasswordField","forwardRef","_ref","ref","id","disabled","onChange","invalid","value","validationMessage","autoComplete","placeholder","required","readOnly","size","margin","className","dataTestId","name","rest","_objectWithoutProperties","_excluded","passwordHidden","setPasswordHidden","useState","inputRef","theme","useImperativeHandle","current","handleKeyDown","e","keyCode","cls","concat","children","$disabled","$readOnly","$margin","_objectSpread","type","tabIndex","$activeErrorMessage","_e$target","target","iconColor","variant","shape","onKeyPress","action","VisibleOff","VisibleOn","TechnicalWarning","color","getColor","propTypes","_pt","string","isRequired","bool","func"],"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":[]}
+{"version":3,"file":"PasswordField.js","names":["React","styled","useTheme","COLORS","InputFieldStyling","InputWrapper","ErrorMessage","Z_INDEXES","useFocusVisibleRef","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StyledPassSwitch","div","_templateObject","_taggedTemplateLiteral","badge","PasswordRow","_templateObject2","PasswordField","forwardRef","_ref","ref","id","disabled","onChange","invalid","value","validationMessage","autoComplete","placeholder","required","readOnly","size","margin","className","dataTestId","_ref$name","name","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","passwordHidden","setPasswordHidden","inputRef","theme","useImperativeHandle","current","handleKeyDown","e","keyCode","cls","concat","children","$disabled","$readOnly","$margin","_objectSpread","type","tabIndex","$activeErrorMessage","_e$target","target","iconColor","variant","shape","onKeyPress","action","VisibleOff","VisibleOn","TechnicalWarning","color","getColor","propTypes","_pt","string","isRequired","bool","func"],"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":[]}