@laerdal/life-react-components 1.9.8-dev.22 → 1.9.8-dev.25

package/dist/InputFields/Label.js

@@ -4,18 +4,18 @@ import _pt from "prop-types";
 
 var _templateObject, _templateObject2, _templateObject3;
 
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 
 import { BREAKPOINTS, COLORS } from '../styles';
 import { Size } from '../types';
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 
 import styled from 'styled-components';
@@ -45,8 +45,8 @@ var InputLabel = function InputLabel(_ref) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       required = _React$useState2[0],
       setRequired = _React$useState2[1];
-  /**
-   * Checks if field is set as required and we have to mark it accordingly.
+  /**
+   * Checks if field is set as required and we have to mark it accordingly.
    */
 
 
@@ -59,9 +59,9 @@ var InputLabel = function InputLabel(_ref) {
       setRequired(false);
     }
   }, [(_document$getElementB2 = document.getElementById(inputId)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.getAttribute('required')]);
-  /**
-   * Triggers a click element on a specific element.
-   * @param id - ID of the element which needs to be clicked.
+  /**
+   * Triggers a click element on a specific element.
+   * @param id - ID of the element which needs to be clicked.
    */
 
   var onTriggerClick = function onTriggerClick(id) {

package/dist/InputFields/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/InputFields/Label.tsx"],"names":["React","BREAKPOINTS","COLORS","Size","styled","ComponentXSStyling","ComponentXXSStyling","SystemIcons","Label","label","neutral_500","MEDIUM","LabelRow","div","props","margin","LabelRowInner","size","Small","InputLabel","inputId","text","useState","required","setRequired","useEffect","document","getElementById","getAttribute","onTriggerClick","id","click","critical_500"],"mappings":"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","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\nimport { ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';\r\nimport { SystemIcons } from '../icons';\r\n\r\n// Add component-specific styles.\r\nconst Label = styled.label`\r\n  ${ComponentXXSStyling(1, COLORS.neutral_500)}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentXSStyling(1, COLORS.neutral_500)}\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentXXSStyling(1, COLORS.neutral_500)}\r\n  }\r\n  &.medium {\r\n    ${ComponentXSStyling(1, COLORS.neutral_500)}\r\n  }\r\n\r\n  pointer-events: none;\r\n`;\r\n\r\nconst LabelRow = styled.div<{ margin?: string }>`\r\n  display: flex;\r\n  align-items: flex-start;\r\n  height: 16px;\r\n  ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\r\n`;\r\n\r\nconst LabelRowInner = styled.div<{ size: Size.Small | Size.Medium | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  height: 100%;\r\n  gap: ${(props) => (props.size === Size.Small ? '2px' : '4px')};\r\n  align-items: center;\r\n`;\r\n\r\n// Add component-specific types\r\ntype LabelProps = {\r\n  inputId: string;\r\n  text: string;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n};\r\n\r\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin }: LabelProps) => {\r\n  // Globally used variables within the component\r\n  const [required, setRequired] = React.useState<boolean>(false);\r\n\r\n  /**\r\n   * Checks if field is set as required and we have to mark it accordingly.\r\n   */\r\n  React.useEffect(() => {\r\n    if (document.getElementById(inputId)?.getAttribute('required') === '') {\r\n      setRequired(true);\r\n    } else {\r\n      setRequired(false);\r\n    }\r\n  }, [document.getElementById(inputId)?.getAttribute('required')]);\r\n  /**\r\n   * Triggers a click element on a specific element.\r\n   * @param id - ID of the element which needs to be clicked.\r\n   */\r\n  const onTriggerClick = (id: string): void => {\r\n    document.getElementById(id)?.click();\r\n  };\r\n\r\n  return (\r\n    <LabelRow margin={margin}>\r\n      <LabelRowInner size={size}>\r\n        {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.critical_500} />}\r\n        <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\r\n          {text}\r\n        </Label>\r\n      </LabelRowInner>\r\n    </LabelRow>\r\n  );\r\n};\r\n\r\nexport default InputLabel;\r\n"],"file":"Label.js"}
+{"version":3,"sources":["../../src/InputFields/Label.tsx"],"names":["React","BREAKPOINTS","COLORS","Size","styled","ComponentXSStyling","ComponentXXSStyling","SystemIcons","Label","label","neutral_500","MEDIUM","LabelRow","div","props","margin","LabelRowInner","size","Small","InputLabel","inputId","text","useState","required","setRequired","useEffect","document","getElementById","getAttribute","onTriggerClick","id","click","critical_500"],"mappings":"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","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport { BREAKPOINTS, COLORS } from '../styles';\nimport { Size } from '../types';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport { ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';\nimport { SystemIcons } from '../icons';\n\n// Add component-specific styles.\nconst Label = styled.label`\n  ${ComponentXXSStyling(1, COLORS.neutral_500)}\n\n  ${BREAKPOINTS.MEDIUM} {\n    ${ComponentXSStyling(1, COLORS.neutral_500)}\n  }\n\n  &.small {\n    ${ComponentXXSStyling(1, COLORS.neutral_500)}\n  }\n  &.medium {\n    ${ComponentXSStyling(1, COLORS.neutral_500)}\n  }\n\n  pointer-events: none;\n`;\n\nconst LabelRow = styled.div<{ margin?: string }>`\n  display: flex;\n  align-items: flex-start;\n  height: 16px;\n  ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\n`;\n\nconst LabelRowInner = styled.div<{ size: Size.Small | Size.Medium | undefined }>`\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  gap: ${(props) => (props.size === Size.Small ? '2px' : '4px')};\n  align-items: center;\n`;\n\n// Add component-specific types\ntype LabelProps = {\n  inputId: string;\n  text: string;\n  size?: Size.Small | Size.Medium;\n  margin?: string;\n};\n\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin }: LabelProps) => {\n  // Globally used variables within the component\n  const [required, setRequired] = React.useState<boolean>(false);\n\n  /**\n   * Checks if field is set as required and we have to mark it accordingly.\n   */\n  React.useEffect(() => {\n    if (document.getElementById(inputId)?.getAttribute('required') === '') {\n      setRequired(true);\n    } else {\n      setRequired(false);\n    }\n  }, [document.getElementById(inputId)?.getAttribute('required')]);\n  /**\n   * Triggers a click element on a specific element.\n   * @param id - ID of the element which needs to be clicked.\n   */\n  const onTriggerClick = (id: string): void => {\n    document.getElementById(id)?.click();\n  };\n\n  return (\n    <LabelRow margin={margin}>\n      <LabelRowInner size={size}>\n        {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.critical_500} />}\n        <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\n          {text}\n        </Label>\n      </LabelRowInner>\n    </LabelRow>\n  );\n};\n\nexport default InputLabel;\n"],"file":"Label.js"}

package/dist/InputFields/NumberField.cjs

@@ -9,12 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -37,31 +33,25 @@ var _types = require("../types");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["size", "label", "note", "noteIcon", "required", "prefix", "interval", "minValue", "maxValue", "allowNegative", "decimalPrecision", "disabled", "readOnly", "state", "value", "placeholder", "type", "onChange", "className"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
 
-var LabelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 4px;\n  color: ", ";\n  display: flex;\n  ", "\n"])), _styles.COLORS.neutral_500, function (props) {
+var LabelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    margin-bottom: 4px;\n    color: ", ";\n    display: flex;\n    ", "\n"])), _styles.COLORS.neutral_500, function (props) {
   return props.size === _types.Size.Small ? (0, _typography.ComponentXXSStyling)(_typography.ComponentTextStyle.Regular, null) : (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, null);
 });
 
 var LabelText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([""])));
 
-var LabelIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n\n  svg {\n    height: 9px;\n    width: 9px;\n  }\n"])), function (props) {
+var LabelIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    margin-right: ", ";\n    svg {\n        height: 9px;\n        width: 9px;\n    }\n"])), function (props) {
   return props.size === _types.Size.Small ? '6px' : '8px';
 });
 
-var PrefixContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  color: ", ";\n  ", "\n  position: absolute;\n  padding: ", ";\n"])), function (props) {
+var PrefixContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    width: ", ";\n    height: ", ";\n    color: ", ";\n    ", "\n    position: absolute;\n    padding: ", ";\n"])), function (props) {
   return props.size === _types.Size.Small ? '10px' : '11px';
 }, function (props) {
   return props.size === _types.Size.Small ? '20px' : '24px';
@@ -73,11 +63,11 @@ var PrefixContainer = _styledComponents.default.div(_templateObject5 || (_templa
   return props.size === _types.Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px';
 });
 
-var OperatorWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), function (props) {
+var OperatorWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    top: 0;\n    right:0;\n    display: flex;\n    margin:", ";\n    svg {\n        height: 14px;\n        width: 14px;\n    }\n    .divider {\n        margin: 16px 0;\n        background: ", ";\n        width: 1px;\n    }\n"])), function (props) {
   return props.size === _types.Size.Medium ? '4px 0' : '';
 }, _styles.COLORS.neutral_200);
 
-var NumberInput = _styledComponents.default.input(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  border: none;\n  border-radius: 4px;\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    cursor: not-allowed;\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    cursor: not-allowed;\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"])), _styles.COLORS.neutral_400, _styles.COLORS.neutral_500, function (props) {
+var NumberInput = _styledComponents.default.input(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;    \n    border: none;\n    border-radius: 4px;\n    box-shadow: inset 0px 0px 0px 1px ", ";\n    outline: none;\n    color: ", ";\n    ", "\n\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 0px 0px 0px 2px ", ";\n    }\n    \n    &.focus-visible {\n        ", "\n    }\n\n    &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\n        box-shadow: inset 0px 0px 0px 2px ", ";\n    }\n\n    &.disabled {\n        box-shadow: inset 0px 0px 0px 1px ", ";\n        cursor: not-allowed;\n        color: ", ";\n        cursor: not-allowed;\n        pointer-events: none;\n\n        &::placeholder {\n            color: ", ";\n        }\n    }\n\n    &.readOnly {\n        background: ", ";\n        box-shadow: inset 0px 0px 0px 1px ", ";\n        cursor: not-allowed;\n        background: ", ";\n        cursor: not-allowed;\n        pointer-events: none;\n        color: ", ";\n    }\n\n    &.valid {\n        box-shadow: inset 0px 0px 0px 2px ", ";\n    }\n\n    &.invalid {\n        box-shadow: inset 0px 0px 0px 2px ", ";\n    }\n"])), _styles.COLORS.neutral_400, _styles.COLORS.neutral_500, function (props) {
   return props.fieldSize === _types.Size.Small ? (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black) : (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black);
 }, function (props) {
   return props.type === 'NumberField' ? "\n        padding: ".concat(props.fieldSize === _types.Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px', ";\n        padding-left: ").concat(props.hasPrefix ? '30px' : '', ";\n    ") : '';
@@ -87,61 +77,59 @@ var NumberInput = _styledComponents.default.input(_templateObject7 || (_template
   return props.fieldSize === _types.Size.Small ? (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Italic, null) : (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Italic, null);
 }, _styles.COLORS.primary_800, _styles.focusStyles, _styles.COLORS.primary_700, _styles.COLORS.neutral_100, _styles.COLORS.neutral_300, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.COLORS.neutral_500, _styles.COLORS.correct_400, _styles.COLORS.critical_400);
 
-var NoteLabel = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  ", "\n"])), _styles.COLORS.neutral_500, function (props) {
+var NoteLabel = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n    color: ", ";\n    ", "    \n"])), _styles.COLORS.neutral_500, function (props) {
   return props.size === _types.Size.Small ? (0, _typography.ComponentXXSStyling)(_typography.ComponentTextStyle.Regular, null) : (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, null);
 });
 
-var NoteIcon = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  svg {\n    height: 16px;\n  }\n"])));
+var NoteIcon = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n    svg {\n        height: 16px;\n    }\n"])));
 
-var NoteContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-top: 5px;\n\n  &.valid {\n    ", " {\n      color: ", ";\n    }\n\n    ", " {\n      svg path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &.invalid {\n    ", " {\n      color: ", ";\n    }\n\n    ", " {\n      svg path {\n        fill: ", ";\n      }\n    }\n  }\n"])), NoteLabel, _styles.COLORS.correct_500, NoteIcon, _styles.COLORS.correct_500, NoteLabel, _styles.COLORS.critical_500, NoteIcon, _styles.COLORS.critical_500);
+var NoteContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    margin-top: 5px;\n\n    &.valid {\n        ", " {\n            color: ", ";\n        }\n\n        ", " {\n            svg path {\n                fill: ", ";\n            }\n        }\n    }\n\n    &.invalid {\n        ", " {\n            color: ", ";\n        }\n\n        ", " {\n            svg path {\n                fill: ", ";\n            }\n        }\n    }\n"])), NoteLabel, _styles.COLORS.correct_500, NoteIcon, _styles.COLORS.correct_500, NoteLabel, _styles.COLORS.critical_500, NoteIcon, _styles.COLORS.critical_500);
 
-var InputContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", ";\n  height: ", ";\n  display: flex;\n  position: relative;\n\n  input.focus-visible ~ div.operator {\n    z-index: ", ";\n  }\n"])), function (props) {
+var InputContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: ", ";\n    height: ", ";\n    display: flex;\n    position: relative;\n\n    input.focus-visible ~ div.operator {\n        z-index: ", ";\n    }\n"])), function (props) {
   return props.type === 'NumberField' ? '160px' : '144px';
 }, function (props) {
   return props.size === _types.Size.Small ? '48px' : '56px';
 }, _styles.Z_INDEXES.focus);
 
-var LeftOperator = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: 0;\n"])), function (props) {
+var LeftOperator = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    top: ", ";\n    left: 0;\n"])), function (props) {
   return props.size === _types.Size.Small ? '0' : '4px';
 });
 
-var RightOperator = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  right: 0;\n"])), function (props) {
+var RightOperator = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    top: ", ";\n    right: 0;\n"])), function (props) {
   return props.size === _types.Size.Small ? '0' : '4px';
 });
 
-var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? _types.Size.Small : _props$size,
-      label = props.label,
-      note = props.note,
-      noteIcon = props.noteIcon,
-      required = props.required,
-      prefix = props.prefix,
-      _props$interval = props.interval,
-      interval = _props$interval === void 0 ? 1 : _props$interval,
-      minValue = props.minValue,
-      maxValue = props.maxValue,
-      allowNegative = props.allowNegative,
-      decimalPrecision = props.decimalPrecision,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      state = props.state,
-      value = props.value,
-      placeholder = props.placeholder,
-      type = props.type,
-      onChange = props.onChange,
-      className = props.className,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+var NumberField = function NumberField(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _types.Size.Small : _ref$size,
+      label = _ref.label,
+      note = _ref.note,
+      noteIcon = _ref.noteIcon,
+      required = _ref.required,
+      prefix = _ref.prefix,
+      _ref$interval = _ref.interval,
+      interval = _ref$interval === void 0 ? 1 : _ref$interval,
+      minValue = _ref.minValue,
+      maxValue = _ref.maxValue,
+      allowNegative = _ref.allowNegative,
+      decimalPrecision = _ref.decimalPrecision,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      valid = _ref.valid,
+      value = _ref.value,
+      placeholder = _ref.placeholder,
+      type = _ref.type,
+      onChange = _ref.onChange;
 
   var _React$useState = React.useState(value ? value.toString() : ''),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       userInput = _React$useState2[0],
       setUserInput = _React$useState2[1];
 
+  var fieldState = valid !== undefined ? valid ? 'valid' : 'invalid' : undefined;
   var elementRef = (0, _common.useFocusVisibleRef)();
-  React.useImperativeHandle(ref, function () {
-    return elementRef.current;
-  }, [elementRef]);
 
   var setVal = function setVal(e) {
     setUserInput(e);
@@ -211,12 +199,7 @@ var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (!isNaN(val)) {
       if (decimalPrecision) val = Math.round((val - interval) * Math.pow(10, decimalPrecision)) / Math.pow(10, decimalPrecision);else val -= 1;
-
-      if (minValue && minValue <= val || !minValue) {
-        if (allowNegative || val >= 0) {
-          setVal(val.toString());
-        }
-      }
+      if (minValue && minValue <= val) allowNegative ? setVal(val.toString()) : val >= 0 ? setVal(val.toString()) : undefined;else if (!minValue) allowNegative ? setVal(val.toString()) : val >= 0 ? setVal(val.toString()) : undefined;
     }
   };
 
@@ -224,9 +207,9 @@ var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var val = decimalPrecision ? parseFloat(input) : parseInt(input);
     val = isNaN(val) && userInput === '' ? 0 : val;
     var operatorState = false;
-    if (operator === 'add' && maxValue) operatorState = val >= maxValue;
-    if (operator === 'subtract' && minValue) operatorState = val <= minValue;
-    if (operator === 'subtract' && !minValue && !allowNegative) operatorState = val <= 0;
+    if (operator === 'add' && maxValue) operatorState = val < maxValue ? false : true;
+    if (operator === 'subtract' && minValue) operatorState = val > minValue ? false : true;
+    if (operator === 'subtract' && !minValue && !allowNegative) operatorState = val > 0 ? false : true;
     return operatorState;
   };
 
@@ -234,7 +217,7 @@ var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)(PrefixContainer, {
         size: size,
-        disabled: !!disabled,
+        disabled: disabled,
         className: "operator",
         children: prefix
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(OperatorWrapper, {
@@ -328,7 +311,7 @@ var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
       type: type,
       size: size,
       tabIndex: -1,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NumberInput, _objectSpread({
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NumberInput, {
         type: type,
         "data-testid": 'numberInput',
         fieldSize: size,
@@ -343,10 +326,10 @@ var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
         onKeyDown: function onKeyDown(e) {
           return handleKeyPress(e);
         },
-        className: 'numberField'.concat(disabled ? ' disabled' : '').concat(readOnly ? ' readOnly' : '').concat(state ? " ".concat(state) : '').concat(className ? " ".concat(className) : '')
-      }, rest)), type === 'NumberField' && renderNumberFieldElements(), type === 'NumberInput' && renderNumberInputElements()]
+        className: 'numberField'.concat(disabled ? ' disabled' : '').concat(readOnly ? ' readOnly' : '').concat(fieldState ? " ".concat(fieldState) : '')
+      }), type === 'NumberField' && renderNumberFieldElements(), type === 'NumberInput' && renderNumberInputElements()]
     }), note && /*#__PURE__*/(0, _jsxRuntime.jsxs)(NoteContainer, {
-      className: 'noteField'.concat(state ? " ".concat(state) : ''),
+      className: 'noteField'.concat(fieldState ? " ".concat(fieldState) : ''),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NoteIcon, {
         children: noteIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NoteLabel, {
@@ -355,19 +338,25 @@ var NumberField = /*#__PURE__*/React.forwardRef(function (props, ref) {
       })]
     })]
   });
-});
+};
+
 NumberField.propTypes = {
   prefix: _propTypes.default.string,
   interval: _propTypes.default.number,
   label: _propTypes.default.string.isRequired,
   note: _propTypes.default.string,
   noteIcon: _propTypes.default.node,
+  required: _propTypes.default.bool,
   minValue: _propTypes.default.number,
   maxValue: _propTypes.default.number,
   allowNegative: _propTypes.default.bool,
   decimalPrecision: _propTypes.default.number,
-  type: _propTypes.default.oneOf(['NumberField', 'NumberInput']).isRequired,
+  disabled: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool,
+  valid: _propTypes.default.bool,
   value: _propTypes.default.number,
+  placeholder: _propTypes.default.string,
+  type: _propTypes.default.oneOf(['NumberField', 'NumberInput']).isRequired,
   onChange: _propTypes.default.func
 };
 var _default = NumberField;

package/dist/InputFields/NumberField.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/InputFields/NumberField.tsx"],"names":["Container","styled","div","LabelContainer","COLORS","neutral_500","props","size","Size","Small","ComponentTextStyle","Regular","LabelText","LabelIcon","PrefixContainer","disabled","neutral_300","OperatorWrapper","Medium","neutral_200","NumberInput","input","neutral_400","fieldSize","black","type","hasPrefix","Italic","primary_800","focusStyles","primary_700","neutral_100","correct_400","critical_400","NoteLabel","NoteIcon","NoteContainer","correct_500","critical_500","InputContainer","Z_INDEXES","focus","LeftOperator","RightOperator","NumberField","React","forwardRef","ref","label","note","noteIcon","required","prefix","interval","minValue","maxValue","allowNegative","decimalPrecision","readOnly","state","value","placeholder","onChange","className","rest","useState","toString","userInput","setUserInput","elementRef","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","renderNumberInputElements","concat"],"mappings":"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","sourcesContent":["import * as React from 'react';\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  ComponentXXSStyling,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Size, States} from '../types';\r\n\r\nconst Container = styled.div``;\r\n\r\nconst LabelContainer = styled.div<{ size: Size }>`\r\n  margin-bottom: 4px;\r\n  color: ${COLORS.neutral_500};\r\n  display: flex;\r\n  ${props => props.size === Size.Small ? ComponentXXSStyling(ComponentTextStyle.Regular, null) : ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n`;\r\n\r\nconst LabelText = styled.div``;\r\n\r\nconst LabelIcon = styled.div<{ size: Size }>`\r\n  margin-right: ${props => props.size === Size.Small ? '6px' : '8px'};\r\n\r\n  svg {\r\n    height: 9px;\r\n    width: 9px;\r\n  }\r\n`;\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.neutral_300 : COLORS.neutral_500};\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: ${COLORS.neutral_200};\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  box-shadow: inset 0 0 0 1px ${COLORS.neutral_400};\r\n  outline: none;\r\n  color: ${COLORS.neutral_500};\r\n\r\n  ${props => props.fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.black) : ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\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 ${COLORS.primary_800};\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 ${COLORS.primary_700};\r\n  }\r\n\r\n  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${COLORS.neutral_100};\r\n    cursor: not-allowed;\r\n    color: ${COLORS.neutral_300};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n\r\n    &::placeholder {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n  &.readOnly {\r\n    background: ${COLORS.neutral_100};\r\n    box-shadow: inset 0 0 0 1px ${COLORS.neutral_300};\r\n    cursor: not-allowed;\r\n    background: ${COLORS.neutral_100};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    color: ${COLORS.neutral_500};\r\n  }\r\n\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${COLORS.correct_400};\r\n  }\r\n\r\n  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${COLORS.critical_400};\r\n  }\r\n`;\r\n\r\nconst NoteLabel = styled.div<{ size: Size }>`\r\n  color: ${COLORS.neutral_500};\r\n  ${props => props.size === Size.Small ? ComponentXXSStyling(ComponentTextStyle.Regular, null) : ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n`;\r\n\r\nconst NoteIcon = styled.div`\r\n  svg {\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 5px;\r\n\r\n  &.valid {\r\n    ${NoteLabel} {\r\n      color: ${COLORS.correct_500};\r\n    }\r\n\r\n    ${NoteIcon} {\r\n      svg path {\r\n        fill: ${COLORS.correct_500};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.invalid {\r\n    ${NoteLabel} {\r\n      color: ${COLORS.critical_500};\r\n    }\r\n\r\n    ${NoteIcon} {\r\n      svg path {\r\n        fill: ${COLORS.critical_500};\r\n      }\r\n    }\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\r\n  input.focus-visible ~ div.operator {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\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\ntype NumberFieldProps =\r\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onKeyDown' | 'onClick' | 'tabIndex' | 'size' | 'value' | 'prefix' | 'min' | 'max'>\r\n  & {\r\n  size?: Size.Small | Size.Medium;\r\n  prefix?: string;\r\n  interval?: number;\r\n  label: string;\r\n  note?: string;\r\n  noteIcon?: React.ReactNode;\r\n\r\n  minValue?: number;\r\n  maxValue?: number;\r\n  allowNegative?: boolean;\r\n  decimalPrecision?: number;\r\n\r\n  state?: States.Valid | States.Invalid;\r\n\r\n  type: 'NumberField' | 'NumberInput';\r\n  value?: number;\r\n  onChange?: (e: string) => void;\r\n}\r\n\r\nconst NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>((props, ref) => {\r\n      const {\r\n        size = Size.Small,\r\n        label,\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        type,\r\n        onChange,\r\n        className,\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.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(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          <LabelContainer size={size}>\r\n            {required && <LabelIcon size={size} data-testid={'labelIcon'}>\r\n              <SystemIcons.Asterisk color={COLORS.critical_500}/>\r\n            </LabelIcon>\r\n            }\r\n            <LabelText>\r\n              {label}\r\n            </LabelText>\r\n          </LabelContainer>\r\n\r\n          <InputContainer type={type} size={size} tabIndex={-1}>\r\n            <NumberInput type={type}\r\n                         data-testid={'numberInput'}\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                         className={'numberField'.concat(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          </InputContainer>\r\n\r\n          {note && <NoteContainer className={'noteField'.concat(state ? ` ${state}` : '')}>\r\n            <NoteIcon>\r\n              {noteIcon}\r\n            </NoteIcon>\r\n            <NoteLabel size={size}>\r\n              {note}\r\n            </NoteLabel>\r\n          </NoteContainer>\r\n          }\r\n        </Container>\r\n      );\r\n    }\r\n  )\r\n;\r\n\r\nexport default NumberField;\r\n"],"file":"NumberField.cjs"}
+{"version":3,"sources":["../../src/InputFields/NumberField.tsx"],"names":["Container","styled","div","LabelContainer","COLORS","neutral_500","props","size","Size","Small","ComponentTextStyle","Regular","LabelText","LabelIcon","PrefixContainer","disabled","neutral_300","OperatorWrapper","Medium","neutral_200","NumberInput","input","neutral_400","fieldSize","black","type","hasPrefix","Italic","primary_800","focusStyles","primary_700","neutral_100","correct_400","critical_400","NoteLabel","NoteIcon","NoteContainer","correct_500","critical_500","InputContainer","Z_INDEXES","focus","LeftOperator","RightOperator","NumberField","label","note","noteIcon","required","prefix","interval","minValue","maxValue","allowNegative","decimalPrecision","readOnly","valid","value","placeholder","onChange","React","useState","toString","userInput","setUserInput","fieldState","undefined","elementRef","setVal","e","handleKeyPress","key","addInterval","subtractInterval","handleInput","preventDefault","simpleRegex","RegExp","decimalFormationRegEx","negativeDecimalFormationRegEx","allowNegativeRegex","decimalPrecisionRegex","negativeAndDecimalRegex","val","target","length","charAt","test","isInRange","replace","indexOf","lastIndexOf","includes","isDecimal","x","parseFloat","toFixed","parseInt","isNaN","Math","round","pow","isLocked","operator","operatorState","renderNumberFieldElements","renderNumberInputElements","concat"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '../Button';\nimport { useFocusVisibleRef } from '../common';\nimport { SystemIcons } from '../icons';\nimport { COLORS, focusStyles, Z_INDEXES } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling, ComponentXSStyling } from '../styles/typography';\nimport { Size } from '../types';\n\nconst Container = styled.div``;\n\nconst LabelContainer = styled.div<{size: Size}>`\n    margin-bottom: 4px;\n    color: ${COLORS.neutral_500};\n    display: flex;\n    ${props=>props.size===Size.Small ? ComponentXXSStyling(ComponentTextStyle.Regular,null) : ComponentXSStyling(ComponentTextStyle.Regular,null)}\n`;\n\nconst LabelText = styled.div``;\n\nconst LabelIcon = styled.div<{size: Size}>`\n    margin-right: ${props => props.size === Size.Small?'6px':'8px'};\n    svg {\n        height: 9px;\n        width: 9px;\n    }\n`;\n\nconst PrefixContainer = styled.div<{size: Size, disabled: boolean}>`\n    width: ${props => props.size === Size.Small?'10px':'11px'};\n    height: ${props => props.size === Size.Small?'20px':'24px'};\n    color: ${props => props.disabled ? COLORS.neutral_300 : COLORS.neutral_500};\n    ${props=>props.size===Size.Small?ComponentSStyling(ComponentTextStyle.Regular,null):ComponentMStyling(ComponentTextStyle.Regular,null)}\n    position: absolute;\n    padding: ${props => props.size === Size.Small?'14px 0 14px 16px':'16px 0 16px 16px'};\n`;\n\nconst OperatorWrapper = styled.div<{size: Size}>`\n    position: absolute;\n    top: 0;\n    right:0;\n    display: flex;\n    margin:${props => props.size === Size.Medium?'4px 0':''};\n    svg {\n        height: 14px;\n        width: 14px;\n    }\n    .divider {\n        margin: 16px 0;\n        background: ${COLORS.neutral_200};\n        width: 1px;\n    }\n`;\n\nconst NumberInput = styled.input<{fieldSize: Size, hasPrefix: boolean, type: string}>`\n    width: 100%;    \n    border: none;\n    border-radius: 4px;\n    box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_400};\n    outline: none;\n    color: ${COLORS.neutral_500};\n    ${props => props.fieldSize === Size.Small?ComponentSStyling(ComponentTextStyle.Regular, COLORS.black):ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n\n    ${props => props.type === 'NumberField' ? `\n        padding: ${props.fieldSize === Size.Small?'14px 97px 14px 16px':'16px 97px 16px 16px'};\n        padding-left: ${props.hasPrefix ? '30px':''};\n    ` : ''}\n\n    ${props => props.type === 'NumberInput' ? `\n        padding: ${props.fieldSize === Size.Small?'14px 48px':'16px 48px'};\n    ` : ''}\n\n    &::placeholder {\n        ${props => props.fieldSize === Size.Small?ComponentSStyling(ComponentTextStyle.Italic, null):ComponentMStyling(ComponentTextStyle.Italic, null)}\n    }\n\n    &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\n        box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\n    }\n    \n    &.focus-visible {\n        ${focusStyles}\n    }\n\n    &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\n        box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\n    }\n\n    &.disabled {\n        box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_100};\n        cursor: not-allowed;\n        color: ${COLORS.neutral_300};\n        cursor: not-allowed;\n        pointer-events: none;\n\n        &::placeholder {\n            color: ${COLORS.neutral_300};\n        }\n    }\n\n    &.readOnly {\n        background: ${COLORS.neutral_100};\n        box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_300};\n        cursor: not-allowed;\n        background: ${COLORS.neutral_100};\n        cursor: not-allowed;\n        pointer-events: none;\n        color: ${COLORS.neutral_500};\n    }\n\n    &.valid {\n        box-shadow: inset 0px 0px 0px 2px ${COLORS.correct_400};\n    }\n\n    &.invalid {\n        box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_400};\n    }\n`;\n\nconst NoteLabel = styled.div<{size: Size}>`\n    color: ${COLORS.neutral_500};\n    ${props=>props.size===Size.Small ? ComponentXXSStyling(ComponentTextStyle.Regular,null) : ComponentXSStyling(ComponentTextStyle.Regular,null)}    \n`;\n\nconst NoteIcon = styled.div`\n    svg {\n        height: 16px;\n    }\n`;\n\nconst NoteContainer = styled.div`\n    display: flex;\n    margin-top: 5px;\n\n    &.valid {\n        ${NoteLabel} {\n            color: ${COLORS.correct_500};\n        }\n\n        ${NoteIcon} {\n            svg path {\n                fill: ${COLORS.correct_500};\n            }\n        }\n    }\n\n    &.invalid {\n        ${NoteLabel} {\n            color: ${COLORS.critical_500};\n        }\n\n        ${NoteIcon} {\n            svg path {\n                fill: ${COLORS.critical_500};\n            }\n        }\n    }\n`;\n\nconst InputContainer = styled.div<{size: Size, type:string}>`\n    min-width: ${props => props.type === 'NumberField' ? '160px' : '144px'};\n    height: ${props => props.size === Size.Small?'48px':'56px'};\n    display: flex;\n    position: relative;\n\n    input.focus-visible ~ div.operator {\n        z-index: ${Z_INDEXES.focus};\n    }\n`;\n\nconst LeftOperator = styled.div<{size: Size}>`\n    position: absolute;\n    top: ${props => props.size === Size.Small ? '0' : '4px'};\n    left: 0;\n`;\n\nconst RightOperator = styled.div<{size: Size}>`\n    position: absolute;\n    top: ${props => props.size === Size.Small ? '0' : '4px'};\n    right: 0;\n`;\n\ntype NumberFieldProps = {\n    size: Size.Small | Size.Medium;\n    prefix?: string;\n    interval?: number;\n    label: string;\n    note?: string;\n    noteIcon?: React.ReactNode;\n    required?: boolean;\n    minValue?: number;\n    maxValue?: number;\n    allowNegative?: boolean;\n    decimalPrecision?: number;\n    disabled?: boolean;\n    readOnly?: boolean;\n    valid?: boolean;\n    value?: number;\n    placeholder?: string;\n    type: 'NumberField' | 'NumberInput';\n    onChange?: (e: string) => void;\n}\n\nconst NumberField: React.FunctionComponent<NumberFieldProps> = (\n    {size=Size.Small, \n     label,\n     note, \n     noteIcon, \n     required, \n     prefix,\n     interval=1, \n     minValue, \n     maxValue, \n     allowNegative, \n     decimalPrecision, \n     disabled=false, \n     readOnly=false, \n     valid,\n     value,\n     placeholder,\n     type,\n     onChange}) => {\n    const [userInput, setUserInput] = React.useState(value?value.toString():'');\n    let fieldState = (valid!==undefined) ? (valid?'valid':'invalid') : undefined;\n\n    const elementRef = useFocusVisibleRef();\n\n    const setVal = (e: string) => {\n        setUserInput(e);\n        onChange && onChange(e);\n    }\n\n    const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        switch(e.key){\n            case 'ArrowUp': addInterval();\n                            break;\n            case 'ArrowDown': subtractInterval();\n                            break;\n            default: break;\n        }\n    }\n\n    const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\n        e.preventDefault();\n        let simpleRegex = new RegExp(/^[0-9]\\d*$/);\n        let decimalFormationRegEx = new RegExp(/^[0-9]\\d*\\.$/); \n        let negativeDecimalFormationRegEx = new RegExp(/^[-][0-9]\\d*\\.$/);\n        \n        let allowNegativeRegex = new RegExp(/^[-][0-9]\\d*$/);        \n        let decimalPrecisionRegex = decimalPrecision ? new RegExp(`^[0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\n        let negativeAndDecimalRegex =  (decimalPrecision && allowNegative) ? new RegExp(`^[-][0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`): undefined;\n        \n        let val = e.target.value;    \n        if(val!==''){\n            if(allowNegative && decimalPrecision){\n                if(val.length===1 && val.charAt(0)==='-')\n                    setVal(val);\n                else{\n                    if((negativeAndDecimalRegex!.test(val) || decimalPrecisionRegex!.test(val)) && isInRange(val,true))\n                        setVal(val);\n\n                    else if((negativeDecimalFormationRegEx.test(val) || decimalFormationRegEx.test(val)) && isInRange(val.replace('.',''),true))\n                        setVal(val);\n                    \n                    else if((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val,true))\n                        setVal(val);\n                }\n            }\n\n            else if(allowNegative){\n                if(val.length===1 && val.charAt(0)==='-')\n                    setVal(val);\n                else if((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val,false))\n                    setVal(val);\n            }\n\n            else if(decimalPrecision && (val.indexOf('.')===val.lastIndexOf('.')) && isInRange(val,true)){\n                if(decimalPrecisionRegex!.test(val))\n                    setVal(val);\n                else if(decimalFormationRegEx.test(val))\n                    setVal(val);\n                else if(!val.includes('.') && simpleRegex.test(val))\n                    setVal(val);\n            }\n\n            else if(simpleRegex.test(val) && isInRange(val, false)){\n                setVal(val);\n            }\n        }\n\n        if(val==='')\n            setVal('');\n    }\n\n    const isInRange = (value: string, isDecimal: boolean): boolean => {\n        let x = isDecimal ? parseFloat(value).toFixed(decimalPrecision) : parseInt(value);\n        if(minValue && minValue>x)\n            return false;\n        else if(maxValue && maxValue<x)\n            return false;\n        else\n            return true;\n    }\n\n    const addInterval = () => {\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\n        val = isNaN(val) && userInput === '' ? (minValue ? minValue-1 : 0) : val;\n        if(!isNaN(val)){\n            if(decimalPrecision)\n                val = Math.round((val+interval)*Math.pow(10,decimalPrecision!))/Math.pow(10,decimalPrecision!);\n            else\n                val +=1;\n\n            if(maxValue && maxValue>=val)\n                setVal(val.toString());\n            else if(!maxValue)\n                setVal(val.toString());\n        }\n    }\n\n    const subtractInterval = () => {\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\n        val = isNaN(val) && userInput === '' ? (maxValue ? maxValue+1 : 0) : val;\n        if(!isNaN(val)){\n            if(decimalPrecision)\n                val = Math.round((val-interval)*Math.pow(10,decimalPrecision!))/Math.pow(10,decimalPrecision!);\n            else\n                val -=1;\n            \n            if(minValue && minValue<=val)\n                allowNegative ? setVal(val.toString()) : (val>=0 ? setVal(val.toString()) : undefined);\n            else if(!minValue)\n                allowNegative ? setVal(val.toString()) : (val>=0 ? setVal(val.toString()) : undefined);\n        }\n    }\n\n    const isLocked = (input: string, operator: string): boolean => {\n        let val = decimalPrecision ? parseFloat(input) : parseInt(input);\n        val = isNaN(val) && userInput === '' ? 0 : val;\n        let operatorState = false;\n        if(operator === 'add' && maxValue)\n            operatorState = val < maxValue ? false : true;\n        \n        if(operator === 'subtract' && minValue)\n            operatorState =  val > minValue ? false : true;\n\n        if(operator === 'subtract' && !minValue && !allowNegative)\n            operatorState =  val > 0 ? false : true;\n\n        return operatorState;\n    }\n\n    const renderNumberFieldElements = () => {\n        return(\n            <>\n            {prefix && <PrefixContainer size={size} disabled={disabled} className='operator'>\n                            {prefix}\n                        </PrefixContainer>}\n\n            <OperatorWrapper data-testid={'operators'} size={size} className='operator'>\n                <IconButton tabIndex={0} variant='secondary' shape='square' action={()=>subtractInterval()} useTransparentBackground disabled={disabled || readOnly || isLocked(userInput,'subtract')}>\n                    <SystemIcons.Minus size='14px'/>\n                </IconButton>                    \n                <div className='divider'></div>\n                <IconButton tabIndex={0} variant='secondary' shape='square' action={()=>addInterval()} useTransparentBackground disabled={disabled || readOnly || isLocked(userInput,'add')}>\n                    <SystemIcons.Plus size='14px'/>\n                </IconButton>\n            </OperatorWrapper>\n            </>)\n    }\n\n    const renderNumberInputElements = () => {\n        return(\n        <>\n        <LeftOperator data-testid={'leftOperator'} size={size} className='operator'>\n            <IconButton tabIndex={0} variant='secondary' shape='square' action={()=>subtractInterval()} useTransparentBackground disabled={disabled || readOnly || isLocked(userInput,'subtract')}>\n                <SystemIcons.Minus size='14px'/>\n            </IconButton>\n        </LeftOperator>\n        <RightOperator data-testid={'rightOperator'} size={size} className='operator'>\n            <IconButton tabIndex={0} variant='secondary' shape='square' action={()=>addInterval()} useTransparentBackground disabled={disabled || readOnly || isLocked(userInput,'add')}>\n                <SystemIcons.Plus size='14px'/>\n            </IconButton>\n        </RightOperator>\n        </>)\n    }\n\n    return (\n        <Container>\n            <LabelContainer size={size}>\n                {required && <LabelIcon size={size} data-testid={'labelIcon'}>\n                    <SystemIcons.Asterisk color={COLORS.critical_500}/>\n                </LabelIcon>\n                }\n                <LabelText>\n                    {label}\n                </LabelText>\n            </LabelContainer>\n\n            <InputContainer type={type} size={size} tabIndex={-1}>\n                <NumberInput type={type} data-testid={'numberInput'} fieldSize={size} hasPrefix={!!prefix} placeholder={placeholder ? placeholder : 'Enter number'}\n                             value={userInput} ref={elementRef}\n                             tabIndex={(disabled || readOnly) ? -1 : 0} onChange={e=>handleInput(e)} onKeyDown={e=>handleKeyPress(e)}\n                             className={'numberField'.concat(disabled?' disabled':'')\n                                                     .concat(readOnly?' readOnly':'')\n                                                     .concat(fieldState?` ${fieldState}`:'')}/>\n                \n                {type === 'NumberField' && renderNumberFieldElements()}\n                {type === 'NumberInput' && renderNumberInputElements()}\n            </InputContainer>\n\n            {note && <NoteContainer className={'noteField'.concat(fieldState?` ${fieldState}`:'')}>\n                <NoteIcon>\n                    {noteIcon}\n                </NoteIcon>\n                <NoteLabel size={size}>\n                    {note}\n                </NoteLabel>                \n            </NoteContainer>\n            }\n        </Container>\n    );    \n}\n\nexport default NumberField;\n"],"file":"NumberField.cjs"}

package/dist/InputFields/NumberField.d.ts

@@ -1,19 +1,24 @@
-import * as React from 'react';
-import { Size, States } from '../types';
-declare const NumberField: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "tabIndex" | "prefix" | "onChange" | "onKeyDown" | "onClick" | "size" | "max" | "min" | "value"> & {
-    size?: Size.Small | Size.Medium | undefined;
-    prefix?: string | undefined;
-    interval?: number | undefined;
-    label: string;
-    note?: string | undefined;
-    noteIcon?: React.ReactNode;
-    minValue?: number | undefined;
-    maxValue?: number | undefined;
-    allowNegative?: boolean | undefined;
-    decimalPrecision?: number | undefined;
-    state?: States.Valid | States.Invalid | undefined;
-    type: 'NumberField' | 'NumberInput';
-    value?: number | undefined;
-    onChange?: ((e: string) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export default NumberField;
+import * as React from 'react';
+import { Size } from '../types';
+declare type NumberFieldProps = {
+    size: Size.Small | Size.Medium;
+    prefix?: string;
+    interval?: number;
+    label: string;
+    note?: string;
+    noteIcon?: React.ReactNode;
+    required?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowNegative?: boolean;
+    decimalPrecision?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    valid?: boolean;
+    value?: number;
+    placeholder?: string;
+    type: 'NumberField' | 'NumberInput';
+    onChange?: (e: string) => void;
+};
+declare const NumberField: React.FunctionComponent<NumberFieldProps>;
+export default NumberField;