@synerise/ds-input-number 0.8.15 → 0.8.17

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.8.16...@synerise/ds-input-number@0.8.17) (2023-07-27)
+
+
+### Bug Fixes
+
+* **input-number:** pass formatted and parsed (validated) val to onchange ([6caa1bf](https://github.com/Synerise/synerise-design/commit/6caa1bf5d7e4ab3fd52861d8252e4c33ae950232))
+
+
+
+
+
+## [0.8.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.8.15...@synerise/ds-input-number@0.8.16) (2023-07-26)
+
+
+### Bug Fixes
+
+* **input-number:** allow minus sign as valid value ([a04e032](https://github.com/Synerise/synerise-design/commit/a04e0322df969ac1f199ab2448b0a50dc550a2cc))
+
+
+
+
+
 ## [0.8.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.8.14...@synerise/ds-input-number@0.8.15) (2023-07-17)
 
 **Note:** Version bump only for package @synerise/ds-input-number

package/README.md

@@ -25,7 +25,7 @@ Input-Number UI Component
 | label            | Input label                                                                                       | string                                                                  | -         |
 | max              | Max value                                                                                         | number                                                                  | Infinity  |
 | min              | Min value                                                                                         | number                                                                  | -Infinity |
-| onChange         | The callback triggered when the value is changed.                                                 | (value: number / string) => void                                        |
+| onChange         | The callback triggered when the value is changed. The return value is either a number or empty string '' if NaN | (value: number / string) => void                                        |
 | onPressEnter     | The callback function that is triggered when Enter key is pressed.                                | (e:Event) => void                                                       |
 | parser           | Specifies the value extracted from formatter                                                      | (val: number / string) => string                                        | -         |
 | precision        | Precision of input value                                                                          | number                                                                  | -         |

package/dist/InputNumber.js

@@ -1,4 +1,4 @@
-var _excluded = ["label", "description", "errorText", "raw", "error", "prefixel", "suffixel", "style", "tooltip", "tooltipConfig", "valueFormatOptions"];
+var _excluded = ["label", "description", "errorText", "raw", "error", "prefixel", "suffixel", "style", "tooltip", "tooltipConfig", "valueFormatOptions", "onChange"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -26,6 +26,7 @@ var InputNumber = function InputNumber(_ref) {
       tooltip = _ref.tooltip,
       tooltipConfig = _ref.tooltipConfig,
       valueFormatOptions = _ref.valueFormatOptions,
+      onChange = _ref.onChange,
       antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useDataFormat = useDataFormat(),
@@ -33,7 +34,6 @@ var InputNumber = function InputNumber(_ref) {
       thousandDelimiter = _useDataFormat.thousandDelimiter,
       decimalDelimiter = _useDataFormat.decimalDelimiter;
 
-  formatValue(new Date(), {});
   var id = React.useMemo(function () {
     return uuid();
   }, []);
@@ -44,6 +44,13 @@ var InputNumber = function InputNumber(_ref) {
   var parser = React.useCallback(function (value) {
     return parseFormattedNumber(value, formatValue, thousandDelimiter, decimalDelimiter);
   }, [formatValue, thousandDelimiter, decimalDelimiter]);
+  var handleOnChange = React.useCallback(function (value) {
+    var formattedValue = formatter(value);
+    var parsedFormattedValue = parser(formattedValue);
+    var valueAsNumber = typeof parsedFormattedValue === 'string' ? parseFloat(parsedFormattedValue) : parsedFormattedValue;
+    var resultValue = Number.isNaN(valueAsNumber) ? '' : valueAsNumber;
+    onChange && onChange(resultValue);
+  }, [onChange, formatter, parser]);
   return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, label && !raw && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(S.Label, {
     htmlFor: id
   }, label, (tooltip || tooltipConfig) && /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -59,6 +66,7 @@ var InputNumber = function InputNumber(_ref) {
     suffixel: !!suffixel,
     style: style
   }, !!prefixel && /*#__PURE__*/React.createElement(S.Prefixel, null, prefixel), /*#__PURE__*/React.createElement(S.AntdInputNumber, _extends({}, antdProps, {
+    onChange: handleOnChange,
     id: id,
     error: showError,
     className: showError ? 'error' : undefined,

package/dist/utils/inputNumber.utils.js

@@ -12,6 +12,7 @@ export var formatNumber = function formatNumber(value, formatValue, notationThou
   var _value$match, _value$match2;
 
   if (value === undefined || value === '') return '';
+  if (value === '-') return '-';
 
   var formatOptions = _objectSpread({
     maximumFractionDigits: MAXIMUM_FRACTION_DIGITS

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-input-number",
-  "version": "0.8.15",
+  "version": "0.8.17",
   "description": "Input-Number UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,7 +33,7 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-icon": "^0.53.0",
-    "@synerise/ds-tooltip": "^0.13.7",
+    "@synerise/ds-tooltip": "^0.14.0",
     "@synerise/ds-utils": "^0.24.11",
     "uuid": "^7.0.2"
   },
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@types/uuid": "7.0.0"
   },
-  "gitHead": "b2df0b45094602990b6ef46e20fb0eb655baf126"
+  "gitHead": "17f1b9fd56fd6bae3d8c500ebb4406c8b35ef712"
 }