@dartech/arsenal-ui 1.3.49 → 1.3.51

package/index.js

@@ -72,6 +72,8 @@ import StepConnector from '@mui/material/StepConnector';
 import Select from '@mui/material/Select';
 import CloseIcon from '@mui/icons-material/Close';
 import InputLabel from '@mui/material/InputLabel';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import classnames from 'classnames';
 import { toast } from 'react-toastify';
 import CssBaseline from '@mui/material/CssBaseline';
@@ -1844,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,
@@ -1882,7 +1885,7 @@ const ControlNumberInput = _a => {
       if (customOnChange) {
         customOnChange(event);
       } else {
-        onChange(event.target.value);
+        onChange(valueAsNumber ? !event.target.value ? null : lastData === '.' ? event.target.value : +event.target.value : event.target.value);
       }
     }
   };
@@ -5345,24 +5348,28 @@ const DefinitionFiller = ({
     }
     return [];
   }, [properties, dataFieldName, _useExpression]);
-  return jsxs(Grid$1, Object.assign({
-    container: true,
-    direction: "column",
-    spacing: 2
+  return jsx(LocalizationProvider, Object.assign({
+    dateAdapter: AdapterDateFns
   }, {
-    children: [title && jsx(Grid$1, Object.assign({
-      xs: 12
+    children: jsxs(Grid$1, Object.assign({
+      container: true,
+      direction: "column",
+      spacing: 2
     }, {
-      children: jsx("div", Object.assign({
-        style: {
-          fontWeight: '600'
-        }
+      children: [title && jsx(Grid$1, Object.assign({
+        xs: 12
       }, {
-        children: title
-      }))
-    })), jsx(StepperView, {
-      data: stepperData
-    })]
+        children: jsx("div", Object.assign({
+          style: {
+            fontWeight: '600'
+          }
+        }, {
+          children: title
+        }))
+      })), jsx(StepperView, {
+        data: stepperData
+      })]
+    }))
   }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.49",
+  "version": "1.3.51",
   "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;