@dartech/arsenal-ui 1.4.30 → 1.4.32

package/index.js

@@ -7,14 +7,15 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import DialogTitle from '@mui/material/DialogTitle';
 import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import IconButton from '@mui/material/IconButton';
+import SvgIcon from '@mui/material/SvgIcon';
 import CircularProgress from '@mui/material/CircularProgress';
 import { __rest, __awaiter } from 'tslib';
 import { useController, useWatch, useFormContext, Controller, useFieldArray, useForm } from 'react-hook-form';
 import TextField from '@mui/material/TextField';
 import React, { useRef, useEffect, useState, useCallback, useMemo, createElement, forwardRef, createContext, useContext, memo, useImperativeHandle, Suspense } from 'react';
 import MenuItem from '@mui/material/MenuItem';
-import SvgIcon from '@mui/material/SvgIcon';
-import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
@@ -32,7 +33,6 @@ import { useNavigate, useLocation, Link, useSearchParams, Outlet } from 'react-r
 import CodeMirror from '@uiw/react-codemirror';
 import { langs } from '@uiw/codemirror-extensions-langs';
 import { abcdef } from '@uiw/codemirror-theme-abcdef';
-import Typography from '@mui/material/Typography';
 import Switch from '@mui/material/Switch';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import { format, parse, isMatch, isValid } from 'date-fns';
@@ -163,6 +163,7 @@ const AlertDialog = ({
   onClose,
   confirmButtonTitle: _confirmButtonTitle = 'Confirm',
   confirmButtonDisabled: _confirmButtonDisabled = false,
+  disableBackdropClick: _disableBackdropClick = false,
   onConfirm,
   children,
   dialogProps,
@@ -173,16 +174,44 @@ const AlertDialog = ({
   return jsx("div", {
     children: jsxs(Dialog, Object.assign({
       open: open,
-      onClose: onClose,
+      onClose: _disableBackdropClick ? (event, reason) => {
+        if (reason === 'backdropClick') return null;
+        onClose();
+      } : onClose,
+      disableEscapeKeyDown: _disableBackdropClick,
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       fullWidth: true,
       maxWidth: _maxWidth
     }, dialogProps, {
-      children: [loading && jsx(Loader, {}), jsx(DialogTitle, Object.assign({
-        id: "alert-dialog-title"
+      children: [loading && jsx(Loader, {}), jsxs(DialogTitle, Object.assign({
+        id: "alert-dialog-title",
+        sx: {
+          display: 'flex',
+          justifyContent: 'space-between'
+        }
       }, {
-        children: title
+        children: [jsx(Typography, Object.assign({
+          variant: "inherit"
+        }, {
+          children: title
+        })), !_hideCloseButton && jsx(IconButton, Object.assign({
+          sx: {
+            padding: 0
+          },
+          onClick: onClose
+        }, {
+          children: jsx(SvgIcon, {
+            children: jsx("g", Object.assign({
+              opacity: "0.6"
+            }, {
+              children: jsx("path", {
+                d: "M4.39704 4.554L4.47004 4.47C4.59702 4.34299 4.76538 4.26576 4.94449 4.25236C5.1236 4.23897 5.30157 4.29029 5.44604 4.397L5.53004 4.47L12 10.939L18.47 4.469C18.5393 4.3974 18.622 4.34031 18.7136 4.30104C18.8051 4.26178 18.9035 4.24114 19.0031 4.24032C19.1027 4.2395 19.2014 4.25853 19.2936 4.29628C19.3857 4.33403 19.4694 4.38976 19.5398 4.46022C19.6102 4.53067 19.6659 4.61443 19.7035 4.70662C19.7412 4.79881 19.7601 4.89758 19.7592 4.99716C19.7583 5.09675 19.7376 5.19515 19.6982 5.28664C19.6589 5.37812 19.6017 5.46085 19.53 5.53L13.061 12L19.531 18.47C19.6579 18.5971 19.7349 18.7655 19.7482 18.9446C19.7614 19.1237 19.7099 19.3016 19.603 19.446L19.53 19.53C19.403 19.657 19.2347 19.7343 19.0556 19.7476C18.8765 19.761 18.6985 19.7097 18.554 19.603L18.47 19.53L12 13.061L5.53004 19.531C5.38852 19.6676 5.19903 19.7431 5.00238 19.7413C4.80574 19.7395 4.61766 19.6605 4.47867 19.5214C4.33968 19.3823 4.26089 19.1941 4.25928 18.9975C4.25766 18.8008 4.33335 18.6114 4.47004 18.47L10.939 12L4.46904 5.53C4.34217 5.40289 4.26512 5.23447 4.25191 5.05537C4.2387 4.87626 4.29019 4.69836 4.39704 4.554L4.47004 4.47L4.39704 4.554Z",
+                fill: "black"
+              })
+            }))
+          })
+        }))]
       })), jsxs(DialogContent, {
         children: [description && jsx(DialogContentText, Object.assign({
           id: "alert-dialog-description"
@@ -289,6 +318,9 @@ const ControlInput = _a => {
     },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+    FormHelperTextProps: {
+      variant: 'standard'
+    },
     disabled: disabled,
     multiline: textarea,
     minRows: textarea ? 3 : 1,
@@ -404,6 +436,9 @@ const ControlDebouncedInput = _a => {
     },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+    FormHelperTextProps: {
+      variant: 'standard'
+    },
     disabled: disabled,
     multiline: textarea,
     minRows: textarea ? 3 : 1,
@@ -504,6 +539,9 @@ const ControlSelect = _a => {
     },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+    FormHelperTextProps: {
+      variant: 'standard'
+    },
     disabled: disabled,
     value: value !== null && value !== void 0 ? value : '',
     onChange: customOnChange ? customOnChange : onChange
@@ -608,9 +646,11 @@ const ControlCheckbox = _a => {
         defaultChecked: checked
       }, checkboxProps)),
       label: label
-    }), !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message) && jsx(FormHelperText, {
+    }), !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message) && jsx(FormHelperText, Object.assign({
+      variant: "standard"
+    }, {
       children: error.message
-    })]
+    }))]
   }));
 };
 
@@ -681,9 +721,11 @@ const ControlRadio = ({
         control: jsx(Radio, Object.assign({}, radioProps)),
         label: getLabel(item)
       }, i))
-    })), !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message) && jsx(FormHelperText, {
+    })), !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message) && jsx(FormHelperText, Object.assign({
+      variant: "standard"
+    }, {
       children: error.message
-    })]
+    }))]
   }));
 };
 
@@ -829,7 +871,10 @@ const ControlAutocomplete = _a => {
         },
         error: !!error,
         inputRef: ref,
-        helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message)
+        helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+        FormHelperTextProps: {
+          variant: 'standard'
+        }
       }, textFieldProps));
     }
   }, autocompleteProps));
@@ -1002,6 +1047,9 @@ function ControlQueryAutocomplete(_a) {
       error: !!error,
       inputRef: ref,
       helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+      FormHelperTextProps: {
+        variant: 'standard'
+      },
       InputProps: Object.assign(Object.assign({}, params.InputProps), {
         endAdornment: jsxs(React.Fragment, {
           children: [isFetching ? jsx(CircularProgress, {
@@ -1205,6 +1253,7 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
         onChange: handleChange,
         extensions: extensions[mode]
       }, otherProps)), error && !hideErrorMessage && jsx(FormHelperText, Object.assign({
+        variant: "standard",
         error: true
       }, {
         children: error.message
@@ -1566,6 +1615,9 @@ const isExpression = (value, useRecursion) => {
 const isDateType = propertyType => {
   return propertyType === PropertyType.DATE || propertyType === PropertyType.DATE_TIME || propertyType === PropertyType.TIME;
 };
+const numberFormat = new Intl.NumberFormat('ru-RU', {
+  style: 'decimal'
+});
 
 const isPropertyValueEmpty = value => {
   if (value || value === 0 || value === false) {
@@ -1966,7 +2018,7 @@ const getSinglePropertyFillOptions = ({
 };
 
 const ControlNumberInput = _a => {
-  var _b;
+  var _b, _c;
   var {
       control,
       validate,
@@ -1979,10 +2031,11 @@ const ControlNumberInput = _a => {
       onChange: customOnChange,
       decimal = false,
       valueAsNumber = true,
-      requiredErrorText = ''
+      requiredErrorText = '',
+      useFormattedInputValue = false
     } = _a,
-    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber", "requiredErrorText"]);
-  const _c = useController({
+    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber", "requiredErrorText", "useFormattedInputValue"]);
+  const _d = useController({
       name,
       control,
       defaultValue,
@@ -1999,22 +2052,23 @@ const ControlNumberInput = _a => {
         }
       }
     }),
-    _d = _c.field,
+    _e = _d.field,
     {
       ref,
       onChange,
       value
-    } = _d,
-    fieldProps = __rest(_d, ["ref", "onChange", "value"]),
+    } = _e,
+    fieldProps = __rest(_e, ["ref", "onChange", "value"]),
     {
       fieldState: {
         error
       }
-    } = _c;
+    } = _d;
   const handleChange = event => {
     var _a;
-    const lastData = event.nativeEvent['data'] || event.target.value;
-    if (!isNaN(lastData) || decimal && lastData === '.' || lastData === '-' || lastData === '+') {
+    const inputValue = event.target.value.replace(/\s/g, '');
+    const lastData = event.nativeEvent['data'];
+    if (!isNaN(lastData) || decimal && lastData === '.' || lastData === '-' || lastData === '+' || inputValue) {
       if (customOnChange) {
         customOnChange(event);
       } else {
@@ -2025,9 +2079,9 @@ const ControlNumberInput = _a => {
             onChange(0);
           } else if (decimal) {
             const dec = event.target.value.split('.')[1];
-            onChange(!floatsOnly.test(event.target.value) || /^0+$/.test(dec) || /^-*0+$/.test(event.target.value) ? event.target.value : +parseFloat(event.target.value).toFixed((_a = dec === null || dec === void 0 ? void 0 : dec.length) !== null && _a !== void 0 ? _a : 0));
+            onChange(!floatsOnly.test(inputValue) || /^0+$/.test(dec) || /^-*0+$/.test(inputValue) ? event.target.value : +parseFloat(inputValue).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);
+            onChange(Number.isNaN(+inputValue) ? event.target.value : +inputValue);
           }
         }
       }
@@ -2055,11 +2109,14 @@ const ControlNumberInput = _a => {
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
     disabled: disabled,
-    value: value !== null && value !== void 0 ? value : '',
+    value: useFormattedInputValue ? (_b = value === null || value === void 0 ? void 0 : value.toLocaleString('ru-Ru', {
+      maximumFractionDigits: 10
+    }).replace(',', '.')) !== null && _b !== void 0 ? _b : '' : value !== null && value !== void 0 ? value : '',
     onChange: handleChange,
-    inputProps: Object.assign(Object.assign({}, (_b = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputProps) !== null && _b !== void 0 ? _b : {}), {
-      value: value !== null && value !== void 0 ? value : ''
-    })
+    FormHelperTextProps: {
+      variant: 'standard'
+    },
+    inputProps: Object.assign({}, (_c = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputProps) !== null && _c !== void 0 ? _c : {})
   }, textFieldProps));
 };
 
@@ -2196,7 +2253,10 @@ const ControlDate = _a => {
       variant: "outlined",
       name: name,
       error: !!error,
-      helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message)
+      helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+      FormHelperTextProps: {
+        variant: 'standard'
+      }
     }, textFieldProps))
   }));
 };
@@ -2277,7 +2337,10 @@ const ControlDateTime = _a => {
       variant: "outlined",
       name: name,
       error: !!error,
-      helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message)
+      helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+      FormHelperTextProps: {
+        variant: 'standard'
+      }
     }, textFieldProps))
   }));
 };
@@ -2353,7 +2416,10 @@ const ControlTime = ({
       variant: "outlined",
       name: name,
       error: !!error,
-      helperText: !_hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message)
+      helperText: !_hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+      FormHelperTextProps: {
+        variant: 'standard'
+      }
     }))
   }));
 };
@@ -2454,6 +2520,9 @@ const ControlArrayInput = ({
       onChange: handleInputChange,
       error: !!((_a = errors[name]) === null || _a === void 0 ? void 0 : _a.message),
       helperText: (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message,
+      FormHelperTextProps: {
+        variant: 'standard'
+      },
       name: name,
       onKeyDown: handleKeyDown,
       InputProps: {
@@ -2528,7 +2597,7 @@ const ControlPeriodInput = ({
       variant: "subtitle1"
     }, {
       children: required ? jsxs(Fragment, {
-        children: [_label, " ", jsx(Box, Object.assign({
+        children: [_label, ' ', jsx(Box, Object.assign({
           component: "span",
           color: "#D6331F"
         }, {
@@ -2557,7 +2626,10 @@ const ControlPeriodInput = ({
           label: "Years",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       })), jsx(Grid, Object.assign({
         sm: 1
@@ -2571,7 +2643,10 @@ const ControlPeriodInput = ({
           label: "Months",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       })), jsx(Grid, Object.assign({
         sm: 1
@@ -2585,7 +2660,10 @@ const ControlPeriodInput = ({
           label: "Weeks",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       })), jsx(Grid, Object.assign({
         sm: 1
@@ -2599,7 +2677,10 @@ const ControlPeriodInput = ({
           label: "Days",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       })), jsx(Grid, Object.assign({
         sm: 1
@@ -2613,7 +2694,10 @@ const ControlPeriodInput = ({
           label: "Hours",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       })), jsx(Grid, Object.assign({
         sm: 1
@@ -2627,7 +2711,10 @@ const ControlPeriodInput = ({
           label: "Minutes",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       })), _isSecondsVisible && jsx(Grid, Object.assign({
         sm: 1
@@ -2641,7 +2728,10 @@ const ControlPeriodInput = ({
           label: "Seconds",
           type: "number",
           onChange: handleChange,
-          fullWidth: true
+          fullWidth: true,
+          FormHelperTextProps: {
+            variant: 'standard'
+          }
         })
       }))]
     }))]
@@ -2711,6 +2801,9 @@ const ControlPhoneInput = _a => {
         }
       }, textFieldProps, {
         error: !!error,
+        FormHelperTextProps: {
+          variant: 'standard'
+        },
         helperText: error === null || error === void 0 ? void 0 : error.message
       }))
     }))
@@ -7253,7 +7346,8 @@ const Header = styled(Toolbar)(({
   '& > span': {
     fontSize: 24,
     fontWeight: 600,
-    transition: '.3s ease .1s'
+    transition: '.3s ease .1s',
+    whiteSpace: 'nowrap'
   },
   '&:after': {
     transition: 'opacity .3s',
@@ -7270,7 +7364,9 @@ const Header = styled(Toolbar)(({
       opacity: 0,
       visibility: 'hidden',
       transitionDelay: '0s'
+      // height: 0
     },
+
     '&:after': {
       opacity: 1,
       visibility: 'visible',
@@ -7536,36 +7632,43 @@ const SidebarRootItem = ({
   isSubmenu
 }) => {
   return jsx(ListSubheader, {
-    children: jsx(ListItem, Object.assign({
-      disablePadding: true,
-      onClick: handleClick
+    children: jsx(List, Object.assign({
+      sx: {
+        padding: 0,
+        margin: 0
+      }
     }, {
-      children: jsxs(ListItemButton, Object.assign({
-        className: classnames({
-          active: isActive,
-          main: route.main
-        }),
-        sx: {
-          justifyContent: 'space-between'
-        }
+      children: jsx(ListItem, Object.assign({
+        disablePadding: true,
+        onClick: handleClick
       }, {
-        children: [jsx(ListItemText, {
-          primary: route.name,
+        children: jsxs(ListItemButton, Object.assign({
           className: classnames({
+            active: isActive,
             main: route.main
           }),
-          sx: !isSubmenu ? {
-            display: 'none'
-          } : {}
-        }), route.name, jsx(Box, {
-          component: "img",
-          src: ArrowIcon$1,
-          mr: 3,
           sx: {
-            transition: 'transform .3s',
-            transform: `rotate(${isListOpen ? 0 : '-90deg'})`
+            justifyContent: 'space-between'
           }
-        })]
+        }, {
+          children: [jsx(ListItemText, {
+            primary: route.name,
+            className: classnames({
+              main: route.main
+            }),
+            sx: !isSubmenu ? {
+              display: 'none'
+            } : {}
+          }), route.name, jsx(Box, {
+            component: "img",
+            src: ArrowIcon$1,
+            mr: 3,
+            sx: {
+              transition: 'transform .3s',
+              transform: `rotate(${isListOpen ? 0 : '-90deg'})`
+            }
+          })]
+        }))
       }))
     }))
   });
@@ -7867,4 +7970,4 @@ const Breadcrumbs = ({
   }));
 };
 
-export { AlertDialog, BackButton, Breadcrumbs, ContentLayout, ControlAceEditor, ControlArrayInput, ControlAutocomplete, ControlCheckbox, ControlDate, ControlDateTime, ControlDebouncedInput, ControlInput, ControlNumberInput, ControlPeriodInput, ControlPhoneInput, ControlQueryAutocomplete, ControlRadio, ControlSelect, ControlSwitch, ControlTime, CopyButton, CreateDefinition, CreatePropertiesList, CreatePropertiesListContext, CreatePropertyFormFields, DATE_DEFAULT_FORMAT, DATE_TIME_DEFAULT_FORMAT, DEFAULT_REQUIRED_ERROR_TEXT, DefinitionFiller, DefinitionValueView, InfoItem, JsonModalView, JsonPathPicker, JsonView, Loader, MenuIcon, MultiplePropertyFiller, PropertyFiller, PropertyType, PropertyValueField, RoundingMode, RouteTabs, Sidebar, SimpleTable, Status, StepperView, TIME_DEFAULT_FORMAT, TabPanel, Table, TableAction, TableActionCell, ViewPropertiesList, ViewProperty, capitalize, deepParseJson, defaultDefinitionArrayValue, defaultDefinitionObjectValue, digitsOnly, floatsOnly, formatDefinitionData, formatTableRowValue, getDemPropertyDateFormat, getEntityStarterValue, getJsonStringValue, getMultiplePropertyFillOptions, getSinglePropertyFillOptions, isDateType, isExpression, isPropertyValueEmpty, propertiesArrayToObject, propertiesObjectToArray, removeArrayItem, safeParseJson, sortArrayOfObjects, theme, useDebounce, useToggle, validateJson };
+export { AlertDialog, BackButton, Breadcrumbs, ContentLayout, ControlAceEditor, ControlArrayInput, ControlAutocomplete, ControlCheckbox, ControlDate, ControlDateTime, ControlDebouncedInput, ControlInput, ControlNumberInput, ControlPeriodInput, ControlPhoneInput, ControlQueryAutocomplete, ControlRadio, ControlSelect, ControlSwitch, ControlTime, CopyButton, CreateDefinition, CreatePropertiesList, CreatePropertiesListContext, CreatePropertyFormFields, DATE_DEFAULT_FORMAT, DATE_TIME_DEFAULT_FORMAT, DEFAULT_REQUIRED_ERROR_TEXT, DefinitionFiller, DefinitionValueView, InfoItem, JsonModalView, JsonPathPicker, JsonView, Loader, MenuIcon, MultiplePropertyFiller, PropertyFiller, PropertyType, PropertyValueField, RoundingMode, RouteTabs, Sidebar, SimpleTable, Status, StepperView, TIME_DEFAULT_FORMAT, TabPanel, Table, TableAction, TableActionCell, ViewPropertiesList, ViewProperty, capitalize, deepParseJson, defaultDefinitionArrayValue, defaultDefinitionObjectValue, digitsOnly, floatsOnly, formatDefinitionData, formatTableRowValue, getDemPropertyDateFormat, getEntityStarterValue, getJsonStringValue, getMultiplePropertyFillOptions, getSinglePropertyFillOptions, isDateType, isExpression, isPropertyValueEmpty, numberFormat, propertiesArrayToObject, propertiesObjectToArray, removeArrayItem, safeParseJson, sortArrayOfObjects, theme, useDebounce, useToggle, validateJson };

package/package.json

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

package/src/lib/Alert/Alert.d.ts

@@ -45,10 +45,11 @@ export interface AlertDialogProps {
     confirmButtonDisabled?: boolean;
     maxWidth?: false | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     hideCloseButton?: boolean;
+    disableBackdropClick?: boolean;
 }
 /**
  * Alert dialog component. Used for popup information
  * @category Common UI components
  */
-export declare const AlertDialog: ({ open, title, description, closeButtonTitle, onClose, confirmButtonTitle, confirmButtonDisabled, onConfirm, children, dialogProps, loading, maxWidth, hideCloseButton, }: AlertDialogProps) => JSX.Element;
+export declare const AlertDialog: ({ open, title, description, closeButtonTitle, onClose, confirmButtonTitle, confirmButtonDisabled, disableBackdropClick, onConfirm, children, dialogProps, loading, maxWidth, hideCloseButton, }: AlertDialogProps) => JSX.Element;
 export default AlertDialog;

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

@@ -50,10 +50,13 @@ type Props = TextFieldProps & {
      * Set value as number
      */
     valueAsNumber?: boolean;
+    /**
+     */
+    useFormattedInputValue?: boolean;
     /**
      * Set required error text
      */
     requiredErrorText?: string;
 };
-export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, requiredErrorText, ...textFieldProps }: Props) => JSX.Element;
+export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, requiredErrorText, useFormattedInputValue, ...textFieldProps }: Props) => JSX.Element;
 export default ControlNumberInput;

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

@@ -7,5 +7,5 @@ type Props = {
     required?: boolean;
     isSecondsVisible?: boolean;
 };
-export declare const ControlPeriodInput: ({ name, control, label, required, isSecondsVisible }: Props) => JSX.Element;
+export declare const ControlPeriodInput: ({ name, control, label, required, isSecondsVisible, }: Props) => JSX.Element;
 export {};

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Control } from 'react-hook-form';
 type Props = {
     control: Control<any>;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;

package/src/utils/validators.d.ts

@@ -3,3 +3,4 @@ export declare const digitsOnly: RegExp;
 export declare const floatsOnly: RegExp;
 export declare const isExpression: (value: unknown, useRecursion?: boolean) => boolean;
 export declare const isDateType: (propertyType: PropertyType) => boolean;
+export declare const numberFormat: Intl.NumberFormat;