@itcase/forms 1.1.52 → 1.1.53

package/dist/itcase-forms.cjs.js

@@ -16,6 +16,7 @@ var Chips = require('@itcase/ui/components/Chips');
 var Choice = require('@itcase/ui/components/Choice');
 var Code = require('@itcase/ui/components/Code');
 var Icon = require('@itcase/ui/components/Icon');
+var Dadata = require('@itcase/ui/components/Dadata');
 var DatePicker = require('@itcase/ui/components/DatePicker');
 var useDevicePropsGenerator = require('@itcase/ui/hooks/useDevicePropsGenerator');
 var axios = require('axios');
@@ -27,6 +28,7 @@ var Button = require('@itcase/ui/components/Button');
 var Loader = require('@itcase/ui/components/Loader');
 var Title = require('@itcase/ui/components/Title');
 var Input = require('@itcase/ui/components/Input');
+var InputNumber = require('@itcase/ui/components/InputNumber');
 var reactImask = require('react-imask');
 var InputPassword = require('@itcase/ui/components/InputPassword');
 var Radio = require('@itcase/ui/components/Radio');
@@ -34,7 +36,6 @@ var Segmented = require('@itcase/ui/components/Segmented');
 var Select = require('@itcase/ui/components/Select');
 var Switch = require('@itcase/ui/components/Switch');
 var Textarea = require('@itcase/ui/components/Textarea');
-var Dadata = require('@itcase/ui/components/Dadata');
 var Group = require('@itcase/ui/components/Group');
 var Notification = require('@itcase/ui/components/Notification');
 var createDecorator = require('final-form-focus');
@@ -898,6 +899,102 @@ const FormFieldCustom = /*#__PURE__*/React__default.default.memo(function FormFi
   });
 });
 
+const defaultDadataInputProps = {
+  appearance: 'defaultPrimary sizeM solid rounded',
+  // useValidationAppearanceInputProps
+  // Error
+  errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
+  // Required
+  requiredAppearance: 'requirePrimary sizeM solid rounded'
+};
+
+const FormFieldDadataInput = /*#__PURE__*/React__default.default.memo(function FormFieldDadataInput(props) {
+  const {
+    name,
+    initialValue,
+    isDisabled,
+    classNameGroupItem,
+    fieldProps,
+    inputProps,
+    parse,
+    showMessage,
+    token,
+    isRequired,
+    onDadataAutocomplete
+  } = props;
+  if (process.env.NODE_ENV === 'development') {
+    const hint = `Check your form config at field "${name}".`;
+    if (!token) {
+      const message = `FormFieldDadataInput: 'token' prop is missing, instead got ${token}.`;
+      throw new Error(message + '\n' + hint);
+    }
+    if (!onDadataAutocomplete) {
+      const message = `FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${onDadataAutocomplete}.`;
+      throw new Error(message + '\n' + hint);
+    }
+  }
+  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
+    name: name,
+    initialValue: initialValue,
+    parse: parse
+  }, function Render({
+    input,
+    meta
+  }) {
+    /** Note:
+     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
+     * React Hooks cannot be called inside a callback.
+     * React Hooks must be called in a React function component or a
+     * custom React Hook function.
+     */
+
+    const {
+      errorKey,
+      errorMessage,
+      isErrorState,
+      successKey,
+      isValidState
+    } = useFieldValidationState({
+      fieldProps: fieldProps,
+      input: input,
+      meta: meta
+    });
+    const updatedInputProps = useValidationAppearanceInputProps({
+      inputProps: inputProps,
+      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
+    });
+    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
+      className: clsx__default.default('form-field_input-dadata', 'form__item_input-dadata', classNameGroupItem),
+      errorKey: errorKey,
+      errorMessage: errorMessage,
+      isErrorState: isErrorState,
+      metaError: meta.error,
+      isDisabled: isDisabled,
+      fieldClassName: "form-dadata",
+      inputName: input.name,
+      inputValue: input.value || '',
+      metaActive: meta.active,
+      showMessage: showMessage,
+      isRequired: isRequired,
+      isValidState: isValidState
+    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Dadata.Dadata
+    // dataTestId={`${input.name}FieldInputDadata`}
+    // className={clsx(
+    //   meta.active && 'input-dadata_state_focus',
+    //   meta.error && meta.touched && `input-dadata_state_${errorKey}`,
+    // )}
+    , {
+      input: input,
+      inputProps: updatedInputProps,
+      meta: meta,
+      setValue: onDadataAutocomplete,
+      token: token
+    }));
+  });
+});
+
 const defaultDatepickerProps = {
   appearance: 'surfacePrimary sizeS',
   dateFormat: 'dd/MM/yyyy - HH:mm',
@@ -1747,6 +1844,77 @@ const FormFieldInput = /*#__PURE__*/React__default.default.memo(function FormFie
   });
 });
 
+const defaultInputNumberProps = {
+  appearance: 'surfaceSecondary sizeM solid rounded',
+  width: 'fill'
+};
+
+const FormFieldInputNumber = /*#__PURE__*/React__default.default.memo(function FormFieldInputNumber(props) {
+  const {
+    type = 'custom',
+    name,
+    initialValue,
+    classNameGroupItem,
+    fieldProps = {},
+    inputProps = {},
+    parse,
+    showMessage,
+    isDisabled,
+    isRequired,
+    onChange
+  } = props;
+  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
+    name: name,
+    initialValue: initialValue,
+    parse: parse
+  }, function Render({
+    input,
+    meta
+  }) {
+    const onChangeField = React.useCallback(event => {
+      input.onChange(event);
+      if (onChange) {
+        onChange(event.target.value);
+      }
+    }, [onChange, input.onChange]);
+    const {
+      errorKey,
+      errorMessage,
+      isErrorState,
+      isValidState
+    } = useFieldValidationState({
+      fieldProps: fieldProps,
+      input: input,
+      meta: meta
+    });
+    const updatedInputProps = useValidationAppearanceInputProps({
+      inputProps: inputProps
+    });
+    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
+      className: clsx__default.default('form-field_input-number', 'form__item_input-number', classNameGroupItem),
+      errorKey: errorKey,
+      errorMessage: errorMessage,
+      fieldClassName: "form-input-number",
+      inputName: input.name,
+      inputValue: input.value || '',
+      metaActive: meta.active,
+      metaError: meta.error,
+      showMessage: showMessage,
+      isDisabled: isDisabled,
+      isErrorState: isErrorState,
+      isRequired: isRequired,
+      isValidState: isValidState
+    }, fieldProps), /*#__PURE__*/React__default.default.createElement(InputNumber.InputNumber, Object.assign({
+      className: clsx__default.default(meta.active && 'input_state_focus', (meta.submitFailed || meta.touched) && meta.error && `input_state_${errorKey}`),
+      dataTestId: `${input.name}FieldInputNumber`,
+      type: type,
+      name: input.name,
+      value: input.value || 0,
+      onChange: onChangeField
+    }, updatedInputProps)));
+  });
+});
+
 const FormFieldMaskedInput = /*#__PURE__*/React__default.default.memo(function FormFieldMaskedInput(props) {
   const {
     name,
@@ -2411,108 +2579,12 @@ const FormFieldTextarea = /*#__PURE__*/React__default.default.memo(function Form
   });
 });
 
-const defaultDadataInputProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-const FormFieldDadataInput = /*#__PURE__*/React__default.default.memo(function FormFieldDadataInput(props) {
-  const {
-    name,
-    initialValue,
-    isDisabled,
-    classNameGroupItem,
-    fieldProps,
-    inputProps,
-    parse,
-    showMessage,
-    token,
-    isRequired,
-    onDadataAutocomplete
-  } = props;
-  if (process.env.NODE_ENV === 'development') {
-    const hint = `Check your form config at field "${name}".`;
-    if (!token) {
-      const message = `FormFieldDadataInput: 'token' prop is missing, instead got ${token}.`;
-      throw new Error(message + '\n' + hint);
-    }
-    if (!onDadataAutocomplete) {
-      const message = `FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${onDadataAutocomplete}.`;
-      throw new Error(message + '\n' + hint);
-    }
-  }
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render({
-    input,
-    meta
-  }) {
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    const {
-      errorKey,
-      errorMessage,
-      isErrorState,
-      successKey,
-      isValidState
-    } = useFieldValidationState({
-      fieldProps: fieldProps,
-      input: input,
-      meta: meta
-    });
-    const updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_input-dadata', 'form__item_input-dadata', classNameGroupItem),
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      isErrorState: isErrorState,
-      metaError: meta.error,
-      isDisabled: isDisabled,
-      fieldClassName: "form-dadata",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      showMessage: showMessage,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Dadata.Dadata
-    // dataTestId={`${input.name}FieldInputDadata`}
-    // className={clsx(
-    //   meta.active && 'input-dadata_state_focus',
-    //   meta.error && meta.touched && `input-dadata_state_${errorKey}`,
-    // )}
-    , {
-      input: input,
-      inputProps: updatedInputProps,
-      meta: meta,
-      setValue: onDadataAutocomplete,
-      token: token
-    }));
-  });
-});
-
 const formTypes = {
+  custom: 'custom',
   password: 'password',
   code: 'code',
   text: 'text',
   textarea: 'textarea',
-  custom: 'custom',
   checkbox: 'checkbox',
   chips: 'chips',
   choice: 'choice',
@@ -2521,6 +2593,7 @@ const formTypes = {
   dateRangePicker: 'dateRangePicker',
   fileInput: 'fileInput',
   group: 'group',
+  inputNumber: 'inputNumber',
   maskedInput: 'maskedInput',
   radioGroup: 'radioGroup',
   segmented: 'segmented',
@@ -2625,6 +2698,12 @@ function generateField(field, config, props) {
           key: config.key
         }, field, props));
       }
+    case formTypes.inputNumber:
+      {
+        return /*#__PURE__*/React__default.default.createElement(FormFieldInputNumber, Object.assign({
+          key: config.key
+        }, field, props));
+      }
     case formTypes.group:
       {
         return /*#__PURE__*/React__default.default.createElement(FormBlockGroup, Object.assign({
@@ -3277,6 +3356,7 @@ exports.FormFieldDadataInput = FormFieldDadataInput;
 exports.FormFieldDatePicker = FormFieldDatePicker;
 exports.FormFieldFileInput = FormFieldFileInput;
 exports.FormFieldInput = FormFieldInput;
+exports.FormFieldInputNumber = FormFieldInputNumber;
 exports.FormFieldMaskedInput = FormFieldMaskedInput;
 exports.FormFieldPassword = FormFieldPassword;
 exports.FormFieldRadioGroup = FormFieldRadioGroup;
@@ -3299,6 +3379,7 @@ exports.defaultFieldSizeM = defaultFieldSizeM;
 exports.defaultFieldSizeS = defaultFieldSizeS;
 exports.defaultFieldSizeXL = defaultFieldSizeXL;
 exports.defaultGroupProps = defaultGroupProps;
+exports.defaultInputNumberProps = defaultInputNumberProps;
 exports.defaultInputProps = defaultInputProps;
 exports.defaultPasswordProps = defaultPasswordProps;
 exports.defaultRadioProps = defaultRadioProps;

package/dist/itcase-forms.esm.js

@@ -15,6 +15,7 @@ import { ChipsGroup, Chips } from '@itcase/ui/components/Chips';
 import { Choice } from '@itcase/ui/components/Choice';
 import { Code } from '@itcase/ui/components/Code';
 import { Icon } from '@itcase/ui/components/Icon';
+import { Dadata } from '@itcase/ui/components/Dadata';
 import { DatePickerInput } from '@itcase/ui/components/DatePicker';
 import { useDevicePropsGenerator } from '@itcase/ui/hooks/useDevicePropsGenerator';
 import axios from 'axios';
@@ -26,6 +27,7 @@ import { Button } from '@itcase/ui/components/Button';
 import { Loader } from '@itcase/ui/components/Loader';
 import { Title } from '@itcase/ui/components/Title';
 import { Input } from '@itcase/ui/components/Input';
+import { InputNumber } from '@itcase/ui/components/InputNumber';
 import { useIMask } from 'react-imask';
 import { InputPassword } from '@itcase/ui/components/InputPassword';
 import { Radio } from '@itcase/ui/components/Radio';
@@ -33,7 +35,6 @@ import { Segmented } from '@itcase/ui/components/Segmented';
 import { Select } from '@itcase/ui/components/Select';
 import { Switch } from '@itcase/ui/components/Switch';
 import { Textarea } from '@itcase/ui/components/Textarea';
-import { Dadata } from '@itcase/ui/components/Dadata';
 import { Group } from '@itcase/ui/components/Group';
 import { Notification } from '@itcase/ui/components/Notification';
 import createDecorator from 'final-form-focus';
@@ -887,6 +888,102 @@ const FormFieldCustom = /*#__PURE__*/React.memo(function FormFieldCustom(props)
   });
 });
 
+const defaultDadataInputProps = {
+  appearance: 'defaultPrimary sizeM solid rounded',
+  // useValidationAppearanceInputProps
+  // Error
+  errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
+  // Required
+  requiredAppearance: 'requirePrimary sizeM solid rounded'
+};
+
+const FormFieldDadataInput = /*#__PURE__*/React.memo(function FormFieldDadataInput(props) {
+  const {
+    name,
+    initialValue,
+    isDisabled,
+    classNameGroupItem,
+    fieldProps,
+    inputProps,
+    parse,
+    showMessage,
+    token,
+    isRequired,
+    onDadataAutocomplete
+  } = props;
+  if (process.env.NODE_ENV === 'development') {
+    const hint = `Check your form config at field "${name}".`;
+    if (!token) {
+      const message = `FormFieldDadataInput: 'token' prop is missing, instead got ${token}.`;
+      throw new Error(message + '\n' + hint);
+    }
+    if (!onDadataAutocomplete) {
+      const message = `FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${onDadataAutocomplete}.`;
+      throw new Error(message + '\n' + hint);
+    }
+  }
+  return /*#__PURE__*/React.createElement(Field, {
+    name: name,
+    initialValue: initialValue,
+    parse: parse
+  }, function Render({
+    input,
+    meta
+  }) {
+    /** Note:
+     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
+     * React Hooks cannot be called inside a callback.
+     * React Hooks must be called in a React function component or a
+     * custom React Hook function.
+     */
+
+    const {
+      errorKey,
+      errorMessage,
+      isErrorState,
+      successKey,
+      isValidState
+    } = useFieldValidationState({
+      fieldProps: fieldProps,
+      input: input,
+      meta: meta
+    });
+    const updatedInputProps = useValidationAppearanceInputProps({
+      inputProps: inputProps,
+      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
+    });
+    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
+      className: clsx('form-field_input-dadata', 'form__item_input-dadata', classNameGroupItem),
+      errorKey: errorKey,
+      errorMessage: errorMessage,
+      isErrorState: isErrorState,
+      metaError: meta.error,
+      isDisabled: isDisabled,
+      fieldClassName: "form-dadata",
+      inputName: input.name,
+      inputValue: input.value || '',
+      metaActive: meta.active,
+      showMessage: showMessage,
+      isRequired: isRequired,
+      isValidState: isValidState
+    }, fieldProps), /*#__PURE__*/React.createElement(Dadata
+    // dataTestId={`${input.name}FieldInputDadata`}
+    // className={clsx(
+    //   meta.active && 'input-dadata_state_focus',
+    //   meta.error && meta.touched && `input-dadata_state_${errorKey}`,
+    // )}
+    , {
+      input: input,
+      inputProps: updatedInputProps,
+      meta: meta,
+      setValue: onDadataAutocomplete,
+      token: token
+    }));
+  });
+});
+
 const defaultDatepickerProps = {
   appearance: 'surfacePrimary sizeS',
   dateFormat: 'dd/MM/yyyy - HH:mm',
@@ -1736,6 +1833,77 @@ const FormFieldInput = /*#__PURE__*/React.memo(function FormFieldInput(props) {
   });
 });
 
+const defaultInputNumberProps = {
+  appearance: 'surfaceSecondary sizeM solid rounded',
+  width: 'fill'
+};
+
+const FormFieldInputNumber = /*#__PURE__*/React.memo(function FormFieldInputNumber(props) {
+  const {
+    type = 'custom',
+    name,
+    initialValue,
+    classNameGroupItem,
+    fieldProps = {},
+    inputProps = {},
+    parse,
+    showMessage,
+    isDisabled,
+    isRequired,
+    onChange
+  } = props;
+  return /*#__PURE__*/React.createElement(Field, {
+    name: name,
+    initialValue: initialValue,
+    parse: parse
+  }, function Render({
+    input,
+    meta
+  }) {
+    const onChangeField = useCallback(event => {
+      input.onChange(event);
+      if (onChange) {
+        onChange(event.target.value);
+      }
+    }, [onChange, input.onChange]);
+    const {
+      errorKey,
+      errorMessage,
+      isErrorState,
+      isValidState
+    } = useFieldValidationState({
+      fieldProps: fieldProps,
+      input: input,
+      meta: meta
+    });
+    const updatedInputProps = useValidationAppearanceInputProps({
+      inputProps: inputProps
+    });
+    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
+      className: clsx('form-field_input-number', 'form__item_input-number', classNameGroupItem),
+      errorKey: errorKey,
+      errorMessage: errorMessage,
+      fieldClassName: "form-input-number",
+      inputName: input.name,
+      inputValue: input.value || '',
+      metaActive: meta.active,
+      metaError: meta.error,
+      showMessage: showMessage,
+      isDisabled: isDisabled,
+      isErrorState: isErrorState,
+      isRequired: isRequired,
+      isValidState: isValidState
+    }, fieldProps), /*#__PURE__*/React.createElement(InputNumber, Object.assign({
+      className: clsx(meta.active && 'input_state_focus', (meta.submitFailed || meta.touched) && meta.error && `input_state_${errorKey}`),
+      dataTestId: `${input.name}FieldInputNumber`,
+      type: type,
+      name: input.name,
+      value: input.value || 0,
+      onChange: onChangeField
+    }, updatedInputProps)));
+  });
+});
+
 const FormFieldMaskedInput = /*#__PURE__*/React.memo(function FormFieldMaskedInput(props) {
   const {
     name,
@@ -2400,108 +2568,12 @@ const FormFieldTextarea = /*#__PURE__*/React.memo(function FormFieldTextarea(pro
   });
 });
 
-const defaultDadataInputProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-const FormFieldDadataInput = /*#__PURE__*/React.memo(function FormFieldDadataInput(props) {
-  const {
-    name,
-    initialValue,
-    isDisabled,
-    classNameGroupItem,
-    fieldProps,
-    inputProps,
-    parse,
-    showMessage,
-    token,
-    isRequired,
-    onDadataAutocomplete
-  } = props;
-  if (process.env.NODE_ENV === 'development') {
-    const hint = `Check your form config at field "${name}".`;
-    if (!token) {
-      const message = `FormFieldDadataInput: 'token' prop is missing, instead got ${token}.`;
-      throw new Error(message + '\n' + hint);
-    }
-    if (!onDadataAutocomplete) {
-      const message = `FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${onDadataAutocomplete}.`;
-      throw new Error(message + '\n' + hint);
-    }
-  }
-  return /*#__PURE__*/React.createElement(Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render({
-    input,
-    meta
-  }) {
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    const {
-      errorKey,
-      errorMessage,
-      isErrorState,
-      successKey,
-      isValidState
-    } = useFieldValidationState({
-      fieldProps: fieldProps,
-      input: input,
-      meta: meta
-    });
-    const updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('form-field_input-dadata', 'form__item_input-dadata', classNameGroupItem),
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      isErrorState: isErrorState,
-      metaError: meta.error,
-      isDisabled: isDisabled,
-      fieldClassName: "form-dadata",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      showMessage: showMessage,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React.createElement(Dadata
-    // dataTestId={`${input.name}FieldInputDadata`}
-    // className={clsx(
-    //   meta.active && 'input-dadata_state_focus',
-    //   meta.error && meta.touched && `input-dadata_state_${errorKey}`,
-    // )}
-    , {
-      input: input,
-      inputProps: updatedInputProps,
-      meta: meta,
-      setValue: onDadataAutocomplete,
-      token: token
-    }));
-  });
-});
-
 const formTypes = {
+  custom: 'custom',
   password: 'password',
   code: 'code',
   text: 'text',
   textarea: 'textarea',
-  custom: 'custom',
   checkbox: 'checkbox',
   chips: 'chips',
   choice: 'choice',
@@ -2510,6 +2582,7 @@ const formTypes = {
   dateRangePicker: 'dateRangePicker',
   fileInput: 'fileInput',
   group: 'group',
+  inputNumber: 'inputNumber',
   maskedInput: 'maskedInput',
   radioGroup: 'radioGroup',
   segmented: 'segmented',
@@ -2614,6 +2687,12 @@ function generateField(field, config, props) {
           key: config.key
         }, field, props));
       }
+    case formTypes.inputNumber:
+      {
+        return /*#__PURE__*/React.createElement(FormFieldInputNumber, Object.assign({
+          key: config.key
+        }, field, props));
+      }
     case formTypes.group:
       {
         return /*#__PURE__*/React.createElement(FormBlockGroup, Object.assign({
@@ -3240,4 +3319,4 @@ const getErrorsForFinalForm = error => {
   return formErrors;
 };
 
-export { DEFAULT_MESSAGES_FIELDS, FieldWrapper, FieldWrapperBase, FinalForm, FormBlockGroup, FormFieldCheckbox, FormFieldChips, FormFieldChoice, FormFieldCode, FormFieldCustom, FormFieldDadataInput, FormFieldDatePicker, FormFieldFileInput, FormFieldInput, FormFieldMaskedInput, FormFieldPassword, FormFieldRadioGroup, FormFieldSegmented, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, addRequiredFieldsParamToSchema, dateValidation, defaultCheckboxProps, defaultChipsProps, defaultChoiceProps, defaultCodeProps, defaultDadataInputProps, defaultDatepickerProps, defaultDropzoneProps, defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, defaultGroupProps, defaultInputProps, defaultPasswordProps, defaultRadioProps, defaultSegmentedProps, defaultSelectProps, defaultSwitchProps, defaultTextareaProps, emailValidation, focusOnError, focusOnErrorDecorator, formTypes, generateField, getErrorsForFinalForm, parseNumericField, phoneValidation, sendFormDataToServer, setErrorsMutator, useYupValidationSchema };
+export { DEFAULT_MESSAGES_FIELDS, FieldWrapper, FieldWrapperBase, FinalForm, FormBlockGroup, FormFieldCheckbox, FormFieldChips, FormFieldChoice, FormFieldCode, FormFieldCustom, FormFieldDadataInput, FormFieldDatePicker, FormFieldFileInput, FormFieldInput, FormFieldInputNumber, FormFieldMaskedInput, FormFieldPassword, FormFieldRadioGroup, FormFieldSegmented, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, addRequiredFieldsParamToSchema, dateValidation, defaultCheckboxProps, defaultChipsProps, defaultChoiceProps, defaultCodeProps, defaultDadataInputProps, defaultDatepickerProps, defaultDropzoneProps, defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, defaultGroupProps, defaultInputNumberProps, defaultInputProps, defaultPasswordProps, defaultRadioProps, defaultSegmentedProps, defaultSelectProps, defaultSwitchProps, defaultTextareaProps, emailValidation, focusOnError, focusOnErrorDecorator, formTypes, generateField, getErrorsForFinalForm, parseNumericField, phoneValidation, sendFormDataToServer, setErrorsMutator, useYupValidationSchema };