@synerise/ds-input-number 0.8.12 → 0.8.14

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.8.13...@synerise/ds-input-number@0.8.14) (2023-07-12)
+
+
+### Bug Fixes
+
+* **input-number:** input number edge cases fix ([6615b12](https://github.com/Synerise/synerise-design/commit/6615b1220fb740d6a5efe53621736e8cf4a1a5b8))
+
+
+
+
+
+## [0.8.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.8.12...@synerise/ds-input-number@0.8.13) (2023-07-12)
+
+**Note:** Version bump only for package @synerise/ds-input-number
+
+
+
+
+
 ## [0.8.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.8.11...@synerise/ds-input-number@0.8.12) (2023-06-28)
 
 **Note:** Version bump only for package @synerise/ds-input-number

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

@@ -1,3 +1,4 @@
 import { Delimiter } from '@synerise/ds-data-format';
 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,2 +1,3 @@
 export var MAXIMUM_FRACTION_DIGITS = 20;
-export var NUMBER_DELIMITER = '.';
+export var NUMBER_DELIMITER = '.';
+export var MAXIMUM_NUMBER_DIGITS = 15;

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

@@ -1,4 +1,4 @@
 import { ReactText } from 'react';
 import { NumberToFormatOptions, Delimiter } from '@synerise/ds-data-format';
-export declare const formatNumber: (value: string | number | undefined, formatValue: (value: number, options: NumberToFormatOptions) => string, thousandDelimiter: Delimiter, decimalDelimiter: Delimiter, valueFormatOptions?: NumberToFormatOptions | undefined) => string;
-export declare const parseFormattedNumber: (value: string | undefined, formatValue: (value: number, options: NumberToFormatOptions) => string, thousandDelimiter: Delimiter, decimalDelimiter: Delimiter) => ReactText;
+export declare const formatNumber: (value: string | number | undefined, formatValue: (value: number, options: NumberToFormatOptions) => string, notationThousandDelimiter: Delimiter, notationDecimalDelimiter: Delimiter, valueFormatOptions?: NumberToFormatOptions | undefined) => string;
+export declare const parseFormattedNumber: (value: string | undefined, formatValue: (value: number, options: NumberToFormatOptions) => string, notationThousandDelimiter: Delimiter, notationDecimalDelimiter: Delimiter) => ReactText;

package/dist/utils/inputNumber.utils.js

@@ -4,52 +4,62 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { MAXIMUM_FRACTION_DIGITS, NUMBER_DELIMITER } from '../constants/inputNumber.constants'; // input 1: not formatted number string (on input change)
-// input 2: not formatted number (on blur)
+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, thousandDelimiter, decimalDelimiter, valueFormatOptions) {
+export var formatNumber = function formatNumber(value, formatValue, notationThousandDelimiter, notationDecimalDelimiter, valueFormatOptions) {
+  var _value$match, _value$match2;
+
   if (value === undefined || value === '') return '';
 
   var formatOptions = _objectSpread({
     maximumFractionDigits: MAXIMUM_FRACTION_DIGITS
   }, valueFormatOptions);
 
-  var notationDecimalChar = '';
-  var result = '';
-
   if (typeof value === 'number') {
-    result = formatValue(value, formatOptions);
-  } else {
-    var lastChar = value == null ? void 0 : value.slice(-1);
-
-    if (lastChar === NUMBER_DELIMITER) {
-      notationDecimalChar = decimalDelimiter;
-    }
+    return formatValue(value, formatOptions);
+  }
 
-    var numberResult = Number(value);
+  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);
+
+  if (Number.isNaN(numberResult)) {
+    return '';
+  }
 
-    if (Number.isNaN(numberResult)) {
-      return '';
-    }
+  result = formatValue(numberResult, formatOptions);
+  result = "" + result + notationDecimalChar;
 
-    result = formatValue(numberResult, formatOptions);
-    result = "" + result + notationDecimalChar;
+  if (zerosWithDecimalDelimiterAtTheEnd) {
+    result = "" + result + zerosWithDecimalDelimiterAtTheEnd;
+  } else if (zerosAtTheEnd && numberDelimiterExists) {
+    result = "" + result + zerosAtTheEnd;
   }
 
   return result;
 }; // input: formatted number string
 // output: not formatted number string with decimal char
 
-export var parseFormattedNumber = function parseFormattedNumber(value, formatValue, thousandDelimiter, decimalDelimiter) {
+export var parseFormattedNumber = function parseFormattedNumber(value, formatValue, notationThousandDelimiter, notationDecimalDelimiter) {
   if (value === undefined || value === '') {
     return '';
   }
 
-  var result = value.split(thousandDelimiter).join('');
+  var result = value;
+  result = result.split(notationThousandDelimiter).join('');
+
+  if (result.length > MAXIMUM_NUMBER_DIGITS) {
+    result = result.slice(0, MAXIMUM_NUMBER_DIGITS);
+  }
 
-  if (decimalDelimiter !== NUMBER_DELIMITER) {
-    result = result.replace(decimalDelimiter, NUMBER_DELIMITER);
+  if (notationDecimalDelimiter !== NUMBER_DELIMITER) {
+    result = result.replace(notationDecimalDelimiter, NUMBER_DELIMITER);
   }
 
   if ((result.match(new RegExp("\\" + NUMBER_DELIMITER, 'g')) || []).length > 1) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-input-number",
-  "version": "0.8.12",
+  "version": "0.8.14",
   "description": "Input-Number UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@synerise/ds-icon": "^0.53.0",
     "@synerise/ds-tooltip": "^0.13.7",
-    "@synerise/ds-utils": "^0.24.9",
+    "@synerise/ds-utils": "^0.24.10",
     "uuid": "^7.0.2"
   },
   "peerDependencies": {
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@types/uuid": "7.0.0"
   },
-  "gitHead": "948b33abd56086fc73880204892f90bd6ddc0a72"
+  "gitHead": "9bbc4614a5e2cee2d9de07ee190fd4b467310d7a"
 }