@itcase/forms 1.1.51 → 1.1.53

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';
@@ -372,12 +373,12 @@ function FieldWrapperBase(props) {
   const errorTextWeight = props[`${errorKey}MessageTextWeight`];
   return /*#__PURE__*/React.createElement(Tag, {
     className: clsx(formFieldClass, 'form__item', 'form-field', type && `form-field_type_${type}`, sizeClass, fillClass, shapeClass, isDisabled && `form-field_state_disabled`, isHidden && `form-field_state_hidden`, directionClass, widthClass),
-    "data-testid": `${inputName}Field`,
+    "data-testid": `${inputName}-field`,
     "data-tour": dataTour,
     style: formFieldStyles
   }, before, (label || labelHidden) && /*#__PURE__*/React.createElement("div", {
     className: clsx('form-field__label'),
-    "data-testid": `${inputName}FieldLabel`,
+    "data-testid": `${inputName}-field-label`,
     htmlFor: id
   }, /*#__PURE__*/React.createElement(Text, {
     size: labelTextSize,
@@ -387,7 +388,7 @@ function FieldWrapperBase(props) {
     sizeTablet: labelTextSizeTablet
   }, label, labelHidden && '\u00A0')), desc && /*#__PURE__*/React.createElement("div", {
     className: "form-field__desc",
-    "data-testid": `${inputName}FieldDesc`
+    "data-testid": `${inputName}-field-desc`
   }, /*#__PURE__*/React.createElement(Text, {
     size: descTextSize,
     textColor: descTextColor,
@@ -404,24 +405,24 @@ function FieldWrapperBase(props) {
     fill: dividerFill
   })), showMessage && /*#__PURE__*/React.createElement("div", {
     className: "form-field__message",
-    "data-testid": `${inputName}FieldMessage`
+    "data-testid": `${inputName}-field-message`
   }, isErrorState && errorMessage && /*#__PURE__*/React.createElement(Text, {
     id: `${inputName}-error`,
     className: "form-field__message-item form-field__message-item_type-error",
-    dataTestId: `${inputName}FieldMessageError`,
+    dataTestId: `${inputName}-field-message-error`,
     size: errorTextSize,
     textColor: errorTextColor,
     textWeight: errorTextWeight
   }, errorMessage), Boolean(helpText) && (!isErrorState || !errorMessage) && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type_help-text",
-    dataTestId: `${inputName}FieldMessageHelpText`,
+    dataTestId: `${inputName}-field-message-help-text`,
     size: helpTextSize,
     textColor: isValidState ? helpTextColorSuccess : helpTextColor,
     textWeight: helpTextWeight,
     sizeMobile: helpTextSizeMobile
   }, helpText), (!isErrorState && !helpText || isErrorState && !helpText && !errorMessage) && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type_help-text",
-    dataTestId: `${inputName}FieldMessageHelpText`,
+    dataTestId: `${inputName}field-message-help-text`,
     size: messageTextSize
   }, '\u00A0')), after);
 }
@@ -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',
@@ -1714,7 +1811,7 @@ const FormFieldInput = /*#__PURE__*/React.memo(function FormFieldInput(props) {
       isValidState: isValidState
     }, fieldProps), /*#__PURE__*/React.createElement(Input, Object.assign({
       className: clsx(meta.active && 'input_state_focus', meta.error && meta.touched && `input_state_${errorKey}`),
-      dataTestId: `${input.name}FieldInput`,
+      dataTestId: `${input.name}-field-input`,
       type: "text",
       name: input.name,
       autoComplete: "nope",
@@ -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,
@@ -1911,7 +2079,7 @@ const FormFieldPassword = /*#__PURE__*/React.memo(function FormFieldPassword(pro
       isValidState: isValidState
     }, fieldProps), /*#__PURE__*/React.createElement(InputPassword, Object.assign({
       className: clsx(meta.active && 'input-password_state_focus', meta.error && meta.touched && `input-password_state_${errorKey}`),
-      dataTestId: `${input.name}FieldInputPassword`,
+      dataTestId: `${input.name}-field-input-password`,
       name: input.name,
       autoComplete: "nope",
       value: input.value || '',
@@ -2337,11 +2505,11 @@ const defaultTextareaProps = {
 const FormFieldTextarea = /*#__PURE__*/React.memo(function FormFieldTextarea(props) {
   const {
     name,
-    isDisabled,
     classNameGroupItem,
     fieldProps = {},
     inputProps = {},
     showMessage,
+    isDisabled,
     isRequired
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
@@ -2360,8 +2528,8 @@ const FormFieldTextarea = /*#__PURE__*/React.memo(function FormFieldTextarea(pro
     const {
       errorKey,
       errorMessage,
-      isErrorState,
       successKey,
+      isErrorState,
       isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
@@ -2376,23 +2544,23 @@ const FormFieldTextarea = /*#__PURE__*/React.memo(function FormFieldTextarea(pro
       className: clsx('form-field_textarea', 'form__item_textarea', classNameGroupItem),
       errorKey: errorKey,
       errorMessage: errorMessage,
-      isErrorState: isErrorState,
-      metaError: meta.error,
-      isDisabled: isDisabled,
       fieldClassName: 'form-textarea',
       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(Textarea, Object.assign({
-      dataTestId: `${input.name}FieldTextarea`,
       className: clsx(meta.active && 'textarea_state_focus', meta.error && meta.touched && `textarea_state_${errorKey}`),
+      dataTestId: `${input.name}-field-textarea`,
       name: input.name,
-      isDisabled: isDisabled,
       autoComplete: "nope",
       value: input.value || '',
+      isDisabled: isDisabled,
       onBlur: input.onBlur,
       onChange: input.onChange,
       onFocus: input.onFocus
@@ -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({
@@ -2751,6 +2830,7 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     dataTestId,
     dataTour,
     type,
+    name,
     initialValues,
     initialValuesEqual,
     config,
@@ -2801,6 +2881,7 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     primaryButtonAppearance,
     primaryButtonFill,
     primaryButtonFillHover,
+    primaryButtonHtmlType,
     primaryButtonIsDisabled,
     primaryButtonIsLoading,
     primaryButtonLabel,
@@ -2808,6 +2889,7 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     primaryButtonLabelTextColor,
     primaryButtonLabelTextWeight,
     primaryButtonSize,
+    primarySecondaryHtmlType,
     renderFieldsWrapper = wrapperChildren => wrapperChildren,
     secondaryButton,
     secondaryButtonAppearance,
@@ -2866,14 +2948,14 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     }) => {
       return /*#__PURE__*/React.createElement("form", {
         className: clsx(className, 'form', type && `form_type_${type}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, titlePosition && `form_title-position_${titlePosition}`, buttonPosition && `form_button-position_${buttonPosition}`, directionClass && `direction_${directionClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, elevationClass && `elevation_${elevationClass}`),
-        name: formName
+        name: formName || 'form'
         // We no need set reference to html element, we need reference to "final-form" instance
         ,
         ref: () => onRefFormInstance(form),
         autoCapitalize: disableFieldsAutoComplete ? 'off' : undefined,
         autoComplete: disableFieldsAutoComplete ? 'off' : undefined,
         autoCorrect: disableFieldsAutoComplete ? 'off' : undefined,
-        "data-testid": dataTestId,
+        "data-testid": dataTestId || name,
         "data-tour": dataTour,
         spellCheck: disableFieldsAutoComplete ? 'false' : undefined,
         style: formStyles,
@@ -2930,7 +3012,7 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
       }, primaryButtonLabel ? /*#__PURE__*/React.createElement(Button, {
         appearance: primaryButtonAppearance,
         className: "form__button-item",
-        dataTestId: dataTestIdPrimaryButton,
+        dataTestId: dataTestIdPrimaryButton || (name ? `${name}-primary` : 'form-primary'),
         dataTour: dataTourPrimaryButton,
         width: "fill",
         size: primaryButtonSize,
@@ -2940,12 +3022,13 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
         labelTextColor: primaryButtonLabelTextColor,
         labelTextSize: primaryButtonLabelSize,
         labelTextWeight: primaryButtonLabelTextWeight,
+        htmlType: primaryButtonHtmlType || 'submit',
         loading: primaryButtonIsLoading,
         isDisabled: primaryButtonIsDisabled
       }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React.createElement(Button, {
         appearance: secondaryButtonAppearance,
         className: "form__button-item",
-        dataTestId: dataTestIdSecondaryButton,
+        dataTestId: dataTestIdSecondaryButton || (name ? `${name}-secondary` : 'form-secondary'),
         dataTour: dataTourSecondaryButton,
         width: "fill",
         size: secondaryButtonSize,
@@ -2955,6 +3038,7 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
         labelTextColor: secondaryButtonLabelTextColor,
         labelTextSize: secondaryButtonLabelSize,
         labelTextWeight: secondaryButtonLabelTextWeight,
+        htmlType: primarySecondaryHtmlType,
         loading: secondaryButtonIsLoading,
         isDisabled: secondaryButtonIsDisabled,
         onClick: onClickSecondaryButton
@@ -3235,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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.1.51",
+  "version": "1.1.53",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -13,7 +13,7 @@
     "build-css": "rm -rf dist/css && postcss 'src/form/**/!(css)/!(*.tokens.css)*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/main.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w",
     "dev-css": "postcss 'src/form/**/!(css)/!(*.tokens.css)*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/main.css' --base src --dir dist/css/ --env production -w --verbose",
-    "prepare": "npx husky install",
+    "prepare": "husky",
     "prepack": "npm run build",
     "semantic-release": "semantic-release",
     "storybook": "storybook dev -p 6006",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@itcase/common": "^1.2.34",
-    "@itcase/config": "^1.0.72",
+    "@itcase/config": "^1.0.79",
     "@itcase/icons": "^1.2.28",
     "@itcase/storybook-config": "^1.2.29",
-    "@itcase/tokens-am": "^1.1.37",
-    "@itcase/tokens-baikal": "^1.1.37",
-    "@itcase/ui": "^1.9.28",
+    "@itcase/tokens-am": "^1.1.39",
+    "@itcase/tokens-baikal": "^1.1.39",
+    "@itcase/ui": "^1.9.35",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",
     "final-form": "4.20.10",
@@ -48,7 +48,7 @@
     "luxon": "^3.7.2",
     "react": "^18.3.1",
     "react-date-range": "^2.0.1",
-    "react-datepicker": "^8.10.0",
+    "react-datepicker": "^9.0.0",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.8",
     "react-final-form": "6.5.9",
@@ -74,7 +74,7 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.1.0",
-    "eslint": "9.39.1",
+    "eslint": "9.39.2",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "postcss": "^8.5.6",
@@ -82,7 +82,7 @@
     "rollup": "^4.53.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.1.4",
+    "storybook": "^10.1.9",
     "stylelint": "^16.26.1",
     "typescript": "^5.9.3",
     "yup": "^1.7.1"