@synerise/ds-input-number 1.2.34 → 1.2.35

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.35](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@1.2.34...@synerise/ds-input-number@1.2.35) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-input-number
+
 ## [1.2.34](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@1.2.33...@synerise/ds-input-number@1.2.34) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-input-number

package/dist/InputNumber.d.ts

@@ -1,6 +1,4 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type InputNumberProps } from './InputNumber.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { InputNumberProps } from './InputNumber.types';
 declare const InputNumber: ({ label, description, errorText, raw, error, prefixel, suffixel, style, tooltip, tooltipConfig, value, defaultValue, valueFormatOptions, onChange, autoResize, autoResizeProps, ...antdProps }: InputNumberProps) => React.JSX.Element;
 export default InputNumber;

package/dist/InputNumber.js

@@ -1,154 +1,112 @@
-var _excluded = ["label", "description", "errorText", "raw", "error", "prefixel", "suffixel", "style", "tooltip", "tooltipConfig", "value", "defaultValue", "valueFormatOptions", "onChange", "autoResize", "autoResizeProps"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { v4 as uuid } from 'uuid';
-import { useDataFormat } from '@synerise/ds-core';
-import '@synerise/ds-core/dist/js/style';
-import FormField from '@synerise/ds-form-field';
-import { AutosizeWrapper } from '@synerise/ds-input';
-import { useResizeObserver } from '@synerise/ds-utils';
-import * as S from './InputNumber.styles';
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
+import { v4 } from "uuid";
+import { useDataFormat } from "@synerise/ds-core";
+import FormField from "@synerise/ds-form-field";
+import { AutosizeWrapper } from "@synerise/ds-input";
+import { useResizeObserver } from "@synerise/ds-utils";
+import { InputNumberWrapper, AntdInputNumber, InputNumberAutosize, InputNumberContainer } from "./InputNumber.styles.js";
+import { formatNumber, parseFormattedNumber } from "./utils/inputNumber.utils.js";
 import "./style/index.css";
-import { formatNumber, parseFormattedNumber } from './utils/inputNumber.utils';
-var AUTOSIZE_EXTRA_WIDTH = 45;
-var InputNumber = function InputNumber(_ref) {
-  var label = _ref.label,
-    description = _ref.description,
-    errorText = _ref.errorText,
-    raw = _ref.raw,
-    error = _ref.error,
-    prefixel = _ref.prefixel,
-    suffixel = _ref.suffixel,
-    style = _ref.style,
-    tooltip = _ref.tooltip,
-    tooltipConfig = _ref.tooltipConfig,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    valueFormatOptions = _ref.valueFormatOptions,
-    onChange = _ref.onChange,
-    autoResize = _ref.autoResize,
-    autoResizeProps = _ref.autoResizeProps,
-    antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue,
-    thousandDelimiter = _useDataFormat.thousandDelimiter,
-    decimalDelimiter = _useDataFormat.decimalDelimiter;
-  var _useState = useState(''),
-    displayValue = _useState[0],
-    setDisplayValue = _useState[1];
-  var _useState2 = useState(value != null ? value : defaultValue),
-    localValue = _useState2[0],
-    setLocalValue = _useState2[1];
-  var antdInputRef = useRef(null);
-  var inputRef = useRef(null);
-  var inputNumberRef = useRef(null);
-  var elementRef = useRef(null);
-  var scrollLeftRef = useRef(0);
-  useEffect(function () {
-    if (value !== undefined && value !== localValue) {
+const AUTOSIZE_EXTRA_WIDTH = 45;
+const InputNumber = ({
+  label,
+  description,
+  errorText,
+  raw,
+  error,
+  prefixel,
+  suffixel,
+  style,
+  tooltip,
+  tooltipConfig,
+  value,
+  defaultValue,
+  valueFormatOptions,
+  onChange,
+  autoResize,
+  autoResizeProps,
+  ...antdProps
+}) => {
+  const {
+    formatValue,
+    thousandDelimiter,
+    decimalDelimiter
+  } = useDataFormat();
+  const [displayValue, setDisplayValue] = useState("");
+  const [localValue, setLocalValue] = useState(value ?? defaultValue);
+  const antdInputRef = useRef(null);
+  const inputRef = useRef(null);
+  const inputNumberRef = useRef(null);
+  const elementRef = useRef(null);
+  const scrollLeftRef = useRef(0);
+  useEffect(() => {
+    if (value !== void 0 && value !== localValue) {
       setLocalValue(value);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
-  var id = useMemo(function () {
-    return uuid();
-  }, []);
-  var showError = Boolean(error || errorText);
-  var formatter = useCallback(function (inputValue) {
-    var formatted = formatNumber(inputValue, formatValue, thousandDelimiter, decimalDelimiter, valueFormatOptions);
+  const id = useMemo(() => v4(), []);
+  const showError = Boolean(error || errorText);
+  const formatter = useCallback((inputValue) => {
+    const formatted = formatNumber(inputValue, formatValue, thousandDelimiter, decimalDelimiter, valueFormatOptions);
     return formatted;
   }, [formatValue, valueFormatOptions, thousandDelimiter, decimalDelimiter]);
-  var parser = useCallback(function (inputValue) {
-    return parseFloat("" + parseFormattedNumber(inputValue, formatValue, thousandDelimiter, decimalDelimiter));
+  const parser = useCallback((inputValue) => {
+    return parseFloat(`${parseFormattedNumber(inputValue, formatValue, thousandDelimiter, decimalDelimiter)}`);
   }, [formatValue, thousandDelimiter, decimalDelimiter]);
-  var handleOnChange = useCallback(function (changedValue) {
-    var formattedValue = formatter(changedValue);
-    var parsedFormattedValue = parser(formattedValue);
-    var valueAsNumber = typeof parsedFormattedValue === 'string' ? parseFloat(parsedFormattedValue) : parsedFormattedValue;
-    var resultValue = Number.isNaN(valueAsNumber) ? defaultValue : valueAsNumber;
+  const handleOnChange = useCallback((changedValue) => {
+    const formattedValue = formatter(changedValue);
+    const parsedFormattedValue = parser(formattedValue);
+    const valueAsNumber = typeof parsedFormattedValue === "string" ? parseFloat(parsedFormattedValue) : parsedFormattedValue;
+    const resultValue = Number.isNaN(valueAsNumber) ? defaultValue : valueAsNumber;
     setDisplayValue(formattedValue);
     setLocalValue(resultValue);
-    onChange && onChange(resultValue != null ? resultValue : null);
+    onChange && onChange(resultValue ?? null);
   }, [formatter, parser, defaultValue, onChange]);
-  useEffect(function () {
-    var input = antdInputRef.current;
-    var cancelNonNumeric = function cancelNonNumeric(event) {
+  useEffect(() => {
+    const input = antdInputRef.current;
+    const cancelNonNumeric = (event) => {
       if (!/^-?\d*(\.|,)?\d*$/i.test(event.key)) {
         event.preventDefault();
       }
     };
     if (input) {
-      input.addEventListener('keypress', cancelNonNumeric);
+      input.addEventListener("keypress", cancelNonNumeric);
     }
-    return function () {
+    return () => {
       if (input) {
-        input.removeEventListener('keypress', cancelNonNumeric);
+        input.removeEventListener("keypress", cancelNonNumeric);
       }
     };
   });
-  var stretchToFit = autoResize && autoResize !== true && Boolean(autoResize.stretchToFit);
-  var handlePreAutosize = useCallback(function () {
-    var _inputRef$current;
-    scrollLeftRef.current = ((_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.scrollLeft) || 0;
-    inputNumberRef.current && inputNumberRef.current.style.removeProperty('max-width');
+  const stretchToFit = autoResize && autoResize !== true && Boolean(autoResize.stretchToFit);
+  const handlePreAutosize = useCallback(() => {
+    scrollLeftRef.current = inputRef.current?.scrollLeft || 0;
+    inputNumberRef.current && inputNumberRef.current.style.removeProperty("max-width");
   }, []);
-  var handleAutosize = useCallback(function () {
-    var parentRect = elementRef.current && elementRef.current.getBoundingClientRect();
-    if (stretchToFit && inputNumberRef.current && parentRect != null && parentRect.width) {
-      inputNumberRef.current.style.maxWidth = (parentRect == null ? void 0 : parentRect.width) + "px";
+  const handleAutosize = useCallback(() => {
+    const parentRect = elementRef.current && elementRef.current.getBoundingClientRect();
+    if (stretchToFit && inputNumberRef.current && parentRect?.width) {
+      inputNumberRef.current.style.maxWidth = `${parentRect?.width}px`;
       inputRef.current && inputRef.current.scrollTo(scrollLeftRef.current, 0);
     }
   }, [stretchToFit]);
-  var handleWrapperToResize = useCallback(function () {
+  const handleWrapperToResize = useCallback(() => {
     handlePreAutosize();
     handleAutosize();
   }, [handleAutosize, handlePreAutosize]);
-  var transformRef = useCallback(function (element) {
+  const transformRef = useCallback((element) => {
     inputNumberRef.current = element;
-    return element.querySelector('input');
+    return element.querySelector("input");
   }, []);
   useResizeObserver(elementRef, handleWrapperToResize);
-  var rawInput = /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
-    style: style
-  }, /*#__PURE__*/React.createElement(S.AntdInputNumber, _extends({}, antdProps, {
-    ref: antdInputRef,
-    onChange: handleOnChange,
-    addonBefore: prefixel,
-    addonAfter: suffixel,
-    id: id,
-    error: showError,
-    className: showError ? 'error' : undefined,
-    autoComplete: "off",
-    formatter: formatter,
-    parser: parser,
-    defaultValue: defaultValue,
-    value: localValue,
-    decimalSeparator: decimalDelimiter
-  })));
-  var autoSizeInput = /*#__PURE__*/React.createElement(S.InputNumberAutosize, {
-    ref: elementRef,
-    autoResize: autoResize
-  }, /*#__PURE__*/React.createElement(AutosizeWrapper, _extends({}, autoResizeProps, {
-    extraWidth: AUTOSIZE_EXTRA_WIDTH,
-    autoResize: !!autoResize,
-    value: displayValue,
-    transformRef: transformRef,
-    preAutosize: handlePreAutosize,
-    onAutosize: handleAutosize
-  }), rawInput));
+  const rawInput = /* @__PURE__ */ jsx(InputNumberWrapper, { style, children: /* @__PURE__ */ jsx(AntdInputNumber, { ...antdProps, ref: antdInputRef, onChange: handleOnChange, addonBefore: prefixel, addonAfter: suffixel, id, error: showError, className: showError ? "error" : void 0, autoComplete: "off", formatter, parser, defaultValue, value: localValue, decimalSeparator: decimalDelimiter }) });
+  const autoSizeInput = /* @__PURE__ */ jsx(InputNumberAutosize, { ref: elementRef, autoResize, children: /* @__PURE__ */ jsx(AutosizeWrapper, { ...autoResizeProps, extraWidth: AUTOSIZE_EXTRA_WIDTH, autoResize: !!autoResize, value: displayValue, transformRef, preAutosize: handlePreAutosize, onAutosize: handleAutosize, children: rawInput }) });
   if (raw) {
-    return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, rawInput);
+    return /* @__PURE__ */ jsx(InputNumberContainer, { children: rawInput });
   }
-  return /*#__PURE__*/React.createElement(S.InputNumberContainer, {
-    autoResize: autoResize
-  }, /*#__PURE__*/React.createElement(FormField, {
-    id: id,
-    label: label,
-    tooltip: tooltip,
-    tooltipConfig: tooltipConfig,
-    description: description,
-    errorText: errorText
-  }, autoResize ? autoSizeInput : rawInput));
+  return /* @__PURE__ */ jsx(InputNumberContainer, { autoResize, children: /* @__PURE__ */ jsx(FormField, { id, label, tooltip, tooltipConfig, description, errorText, children: autoResize ? autoSizeInput : rawInput }) });
+};
+export {
+  InputNumber as default
 };
-export default InputNumber;

package/dist/InputNumber.styles.d.ts

@@ -1,16 +1,16 @@
-import { type InputNumberProps } from 'antd/lib/input-number';
-import React from 'react';
-import { type ThemeProps } from '@synerise/ds-core';
-import { type AutoResizeProp } from '@synerise/ds-input';
-export declare const InputNumberContainer: import("styled-components").StyledComponent<"div", any, {
+import { InputNumberProps } from 'antd/lib/input-number';
+import { default as React } from 'react';
+import { ThemeProps } from '@synerise/ds-core';
+import { AutoResizeProp } from '@synerise/ds-input';
+export declare const InputNumberContainer: import('styled-components').StyledComponent<"div", any, {
     autoResize?: AutoResizeProp;
 }, never>;
-export declare const InputNumberAutosize: import("styled-components").StyledComponent<"div", any, {
+export declare const InputNumberAutosize: import('styled-components').StyledComponent<"div", any, {
     autoResize?: AutoResizeProp;
 }, never>;
-export declare const AntdInputNumber: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<InputNumberProps<number> & React.RefAttributes<HTMLInputElement>>, any, {
+export declare const AntdInputNumber: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<InputNumberProps<number> & React.RefAttributes<HTMLInputElement>>, any, {
     error: boolean;
 } & ThemeProps, never>;
-export declare const Prefixel: import("styled-components").StyledComponent<"div", any, ThemeProps, never>;
-export declare const Suffixel: import("styled-components").StyledComponent<"div", any, ThemeProps, never>;
-export declare const InputNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Prefixel: import('styled-components').StyledComponent<"div", any, ThemeProps, never>;
+export declare const Suffixel: import('styled-components').StyledComponent<"div", any, ThemeProps, never>;
+export declare const InputNumberWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/InputNumber.styles.js

@@ -1,52 +1,44 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import BaseAntInputNumber from 'antd/lib/input-number';
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { autoresizeConfObjToCss } from '@synerise/ds-input/dist/Input.styles';
-export var InputNumberContainer = styled.div.withConfig({
+import { jsx } from "react/jsx-runtime";
+import BaseAntInputNumber from "antd/lib/input-number";
+import { forwardRef } from "react";
+import styled from "styled-components";
+import { autoresizeConfObjToCss } from "@synerise/ds-input/dist/Input.styles";
+const InputNumberContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "InputNumberstyles__InputNumberContainer",
   componentId: "sc-abrul0-0"
-})(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;&&& .ant-input-number-input{padding:", ";}"], function (props) {
-  return props.autoResize ? '0' : '6px 11px';
-});
-export var InputNumberAutosize = styled.div.withConfig({
+})(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;&&& .ant-input-number-input{padding:", ";}"], (props) => props.autoResize ? "0" : "6px 11px");
+const InputNumberAutosize = /* @__PURE__ */ styled.div.withConfig({
   displayName: "InputNumberstyles__InputNumberAutosize",
   componentId: "sc-abrul0-1"
-})(["&&& .ant-input-number{width:", ";", ";grid-area:1 / 1;}input{text-indent:4px;}input.ant-input-number-input{letter-spacing:normal;font-feature-settings:'tnum' 0;font-variant-numeric:proportional-nums;}"], function (props) {
-  return props.autoResize ? '100%' : '200px';
-}, function (props) {
-  return autoresizeConfObjToCss(_extends({}, props, {
-    boxSizing: 'border-box'
-  }));
-});
-var NumberOnlyBaseAntInputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseAntInputNumber, _extends({}, props, {
-    ref: ref
-  }));
-});
-export var AntdInputNumber = styled(NumberOnlyBaseAntInputNumber).withConfig({
+})(["&&& .ant-input-number{width:", ";", ";grid-area:1 / 1;}input{text-indent:4px;}input.ant-input-number-input{letter-spacing:normal;font-feature-settings:'tnum' 0;font-variant-numeric:proportional-nums;}"], (props) => props.autoResize ? "100%" : "200px", (props) => autoresizeConfObjToCss({
+  ...props,
+  boxSizing: "border-box"
+}));
+const NumberOnlyBaseAntInputNumber = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseAntInputNumber, { ...props, ref }));
+const AntdInputNumber = /* @__PURE__ */ styled(NumberOnlyBaseAntInputNumber).withConfig({
   displayName: "InputNumberstyles__AntdInputNumber",
   componentId: "sc-abrul0-2"
-})(["color:", ";input,input:focus{", ";}.ant-input-number-group-addon{background-color:", ";padding:0 12px;}"], function (props) {
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return !!props.error && "\n      background: " + props.theme.palette['red-050'] + ";\n      border: 0;\n    ";
-}, function (props) {
-  return props.theme.palette['grey-050'];
-});
-export var Prefixel = styled.div.withConfig({
+})(["color:", ";input,input:focus{", ";}.ant-input-number-group-addon{background-color:", ";padding:0 12px;}"], (props) => props.theme.palette["grey-700"], (props) => !!props.error && `
+      background: ${props.theme.palette["red-050"]};
+      border: 0;
+    `, (props) => props.theme.palette["grey-050"]);
+const Prefixel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "InputNumberstyles__Prefixel",
   componentId: "sc-abrul0-3"
-})(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var Suffixel = styled.div.withConfig({
+})(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], (props) => props.theme.palette["grey-300"]);
+const Suffixel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "InputNumberstyles__Suffixel",
   componentId: "sc-abrul0-4"
-})(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var InputNumberWrapper = styled.div.withConfig({
+})(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], (props) => props.theme.palette["grey-300"]);
+const InputNumberWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "InputNumberstyles__InputNumberWrapper",
   componentId: "sc-abrul0-5"
-})([""]);
+})([""]);
+export {
+  AntdInputNumber,
+  InputNumberAutosize,
+  InputNumberContainer,
+  InputNumberWrapper,
+  Prefixel,
+  Suffixel
+};

package/dist/InputNumber.types.d.ts

@@ -1,8 +1,8 @@
-import type { InputNumberProps as AntdInputNumberProps } from 'antd/lib/input-number';
-import type { ReactNode } from 'react';
-import type { NumberToFormatOptions } from '@synerise/ds-core';
-import type { FormFieldCommonProps } from '@synerise/ds-form-field';
-import { type AutoResizeProp, type AutosizeInputProps } from '@synerise/ds-input';
+import { InputNumberProps as AntdInputNumberProps } from 'antd/lib/input-number';
+import { ReactNode } from 'react';
+import { NumberToFormatOptions } from '@synerise/ds-core';
+import { FormFieldCommonProps } from '@synerise/ds-form-field';
+import { AutoResizeProp, AutosizeInputProps } from '@synerise/ds-input';
 export type InputNumberProps = AntdInputNumberProps<number> & {
     defaultValue?: number | null;
     error?: boolean;

package/dist/InputNumber.types.js

@@ -1 +1 @@
-export {};
+

package/dist/constants/inputNumber.constants.d.ts

@@ -1,4 +1,4 @@
-import { type Delimiter } from '@synerise/ds-core';
+import { Delimiter } from '@synerise/ds-core';
 export declare const MAXIMUM_FRACTION_DIGITS = 20;
 export declare const NUMBER_DELIMITER: Delimiter;
 export declare const MAXIMUM_NUMBER_DIGITS = 15;

package/dist/constants/inputNumber.constants.js

@@ -1,3 +1,8 @@
-export var MAXIMUM_FRACTION_DIGITS = 20;
-export var NUMBER_DELIMITER = '.';
-export var MAXIMUM_NUMBER_DIGITS = 15;
+const MAXIMUM_FRACTION_DIGITS = 20;
+const NUMBER_DELIMITER = ".";
+const MAXIMUM_NUMBER_DIGITS = 15;
+export {
+  MAXIMUM_FRACTION_DIGITS,
+  MAXIMUM_NUMBER_DIGITS,
+  NUMBER_DELIMITER
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './InputNumber';
+import { default as default2 } from "./InputNumber.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/utils/inputNumber.utils.d.ts

@@ -1,5 +1,5 @@
-import { type ReactText } from 'react';
-import { type Delimiter, type NumberToFormatOptions } from '@synerise/ds-core';
+import { ReactText } from 'react';
+import { Delimiter, NumberToFormatOptions } from '@synerise/ds-core';
 export declare const formatNumber: (
 /** Important: value can be null when input string is '' */
 value: string | number | undefined | null, formatValue: (value: number, options: NumberToFormatOptions) => string, notationThousandDelimiter: Delimiter, notationDecimalDelimiter: Delimiter, valueFormatOptions?: NumberToFormatOptions) => string;

package/dist/utils/inputNumber.utils.js

@@ -1,60 +1,56 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { MAXIMUM_FRACTION_DIGITS, MAXIMUM_NUMBER_DIGITS, NUMBER_DELIMITER } from '../constants/inputNumber.constants';
-
-// input case 1: not formatted number string (on input change)
-// input case 2: not formatted number (on blur)
-// output: formatted number string with decimal char
-export var formatNumber = function formatNumber(value, formatValue, notationThousandDelimiter, notationDecimalDelimiter, valueFormatOptions) {
-  var _value$match, _value$match2;
-  if (value === undefined || value === '' || value === null) {
-    return '';
-  }
-  if (value === '-') {
-    return '-';
-  }
-  var formatOptions = _extends({
-    maximumFractionDigits: MAXIMUM_FRACTION_DIGITS
-  }, valueFormatOptions);
-  if (typeof value === 'number') {
+import { MAXIMUM_FRACTION_DIGITS, NUMBER_DELIMITER, MAXIMUM_NUMBER_DIGITS } from "../constants/inputNumber.constants.js";
+const formatNumber = (value, formatValue, notationThousandDelimiter, notationDecimalDelimiter, valueFormatOptions) => {
+  if (value === void 0 || value === "" || value === null) {
+    return "";
+  }
+  if (value === "-") {
+    return "-";
+  }
+  const formatOptions = {
+    maximumFractionDigits: MAXIMUM_FRACTION_DIGITS,
+    ...valueFormatOptions
+  };
+  if (typeof value === "number") {
     return formatValue(value, formatOptions);
   }
-  var result = '';
-  var lastChar = value == null ? void 0 : value.slice(-1);
-  var numberResult = parseFloat(value);
-  var notationDecimalChar = lastChar === NUMBER_DELIMITER ? notationDecimalDelimiter : '';
-  var zerosAtTheEnd = (_value$match = value.match(new RegExp('0+$'))) == null ? void 0 : _value$match[0];
-  var zerosWithDecimalDelimiterAtTheEnd = (_value$match2 = value.match(new RegExp("\\" + NUMBER_DELIMITER + "0+$"))) == null ? void 0 : _value$match2[0];
-  var numberDelimiterExists = new RegExp("\\" + NUMBER_DELIMITER).test(value);
+  let result = "";
+  const lastChar = value?.slice(-1);
+  const numberResult = parseFloat(value);
+  const notationDecimalChar = lastChar === NUMBER_DELIMITER ? notationDecimalDelimiter : "";
+  const zerosAtTheEnd = value.match(new RegExp("0+$"))?.[0];
+  const zerosWithDecimalDelimiterAtTheEnd = value.match(new RegExp(`\\${NUMBER_DELIMITER}0+$`))?.[0];
+  const numberDelimiterExists = new RegExp(`\\${NUMBER_DELIMITER}`).test(value);
   if (Number.isNaN(numberResult)) {
-    return '';
+    return "";
   }
   result = formatValue(numberResult, formatOptions);
-  result = "" + result + notationDecimalChar;
+  result = `${result}${notationDecimalChar}`;
   if (zerosWithDecimalDelimiterAtTheEnd) {
-    result = "" + result + zerosWithDecimalDelimiterAtTheEnd;
+    result = `${result}${zerosWithDecimalDelimiterAtTheEnd}`;
   } else if (zerosAtTheEnd && numberDelimiterExists) {
-    result = "" + result + zerosAtTheEnd;
+    result = `${result}${zerosAtTheEnd}`;
   }
   return result;
 };
-
-// input: formatted number string
-// output: not formatted number string with decimal char
-export var parseFormattedNumber = function parseFormattedNumber(value, formatValue, notationThousandDelimiter, notationDecimalDelimiter) {
-  if (value === undefined || value === '') {
-    return '';
-  }
-  var result = value;
-  result = result.split(notationThousandDelimiter).join('');
+const parseFormattedNumber = (value, formatValue, notationThousandDelimiter, notationDecimalDelimiter) => {
+  if (value === void 0 || value === "") {
+    return "";
+  }
+  let result = value;
+  result = result.split(notationThousandDelimiter).join("");
   if (result.length > MAXIMUM_NUMBER_DIGITS) {
     result = result.slice(0, MAXIMUM_NUMBER_DIGITS);
   }
   if (notationDecimalDelimiter !== NUMBER_DELIMITER) {
     result = result.replace(notationDecimalDelimiter, NUMBER_DELIMITER);
   }
-  if ((result.match(new RegExp("\\" + NUMBER_DELIMITER, 'g')) || []).length > 1) {
-    var lastDecimalDelimiterIndex = result.lastIndexOf(NUMBER_DELIMITER);
+  if ((result.match(new RegExp(`\\${NUMBER_DELIMITER}`, "g")) || []).length > 1) {
+    const lastDecimalDelimiterIndex = result.lastIndexOf(NUMBER_DELIMITER);
     result = result.slice(0, lastDecimalDelimiterIndex);
   }
   return result;
-};
+};
+export {
+  formatNumber,
+  parseFormattedNumber
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-input-number",
-  "version": "1.2.34",
+  "version": "1.2.35",
   "description": "Input-Number UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,9 +35,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-form-field": "^1.3.9",
-    "@synerise/ds-input": "^1.6.9",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-form-field": "^1.3.10",
+    "@synerise/ds-input": "^1.6.10",
+    "@synerise/ds-utils": "^1.7.1",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }