@dartech/arsenal-ui 1.3.50 → 1.3.52

package/index.js

@@ -1846,9 +1846,10 @@ const ControlNumberInput = _a => {
       disabled = false,
       hideErrorMessage = false,
       onChange: customOnChange,
-      decimal = false
+      decimal = false,
+      valueAsNumber
     } = _a,
-    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal"]);
+    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber"]);
   const {
     field: {
       ref,
@@ -1879,12 +1880,24 @@ const ControlNumberInput = _a => {
     name
   });
   const handleChange = event => {
+    var _a;
     const lastData = event.nativeEvent['data'] || event.target.value;
     if (!isNaN(lastData) || decimal && lastData === '.' || lastData === '-' || lastData === '+') {
       if (customOnChange) {
         customOnChange(event);
       } else {
-        onChange(event.target.value);
+        if (valueAsNumber) {
+          if (!event.target.value) {
+            onChange(null);
+          } else if (event.target.value === '0') {
+            onChange(0);
+          } else if (decimal) {
+            const dec = event.target.value.split('.')[1];
+            onChange(!floatsOnly.test(event.target.value) || /^0+$/.test(dec) ? event.target.value : +parseFloat(event.target.value).toFixed((_a = dec === null || dec === void 0 ? void 0 : dec.length) !== null && _a !== void 0 ? _a : 0));
+          } else {
+            onChange(Number.isNaN(+event.target.value) ? event.target.value : +event.target.value);
+          }
+        }
       }
     }
   };
@@ -3723,7 +3736,8 @@ const PropertyWidget = ({
         hideErrorMessage: true,
         control: control,
         name: name,
-        label: label
+        label: label,
+        valueAsNumber: true
       });
     case PropertyType.INTEGER:
     case PropertyType.BIG_INTEGER:
@@ -3733,7 +3747,8 @@ const PropertyWidget = ({
         hideErrorMessage: true,
         control: control,
         name: name,
-        label: label
+        label: label,
+        valueAsNumber: true
       });
     case PropertyType.BOOLEAN:
       return jsx(ControlSwitch, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.50",
+  "version": "1.3.52",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Forms/ControlNumberInput.d.ts

@@ -14,7 +14,7 @@ type Props = TextFieldProps & {
     /**
      * React Hook Form `control`
      */
-    control: Control;
+    control: Control<any>;
     /**
      * Is input required flag
      */
@@ -46,6 +46,10 @@ type Props = TextFieldProps & {
      * Is number decimal or integer flag
      */
     decimal?: boolean;
+    /**
+     * Set value as number
+     */
+    valueAsNumber?: boolean;
 };
-export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, ...textFieldProps }: Props) => JSX.Element;
+export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, ...textFieldProps }: Props) => JSX.Element;
 export default ControlNumberInput;