@redneckz/wildless-cms-uni-blocks 0.14.681 → 0.14.683

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.681",
+  "version": "0.14.683",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -12,8 +12,8 @@
   "main": "./dist/index.js",
   "types": "./lib/index.d.ts",
   "engines": {
-    "npm": ">=7.0.0",
-    "node": ">=16.0.0"
+    "npm": ">=10.0.0",
+    "node": ">=20.0.0"
   },
   "exports": {
     ".": {
@@ -121,19 +121,19 @@
     "cosmos:export": "rimraf ./build && cosmos-export && cosmos-export --config cosmos.config.mobile.json",
     "prepare": "husky install && npm run --prefix ./eslint-rules build || exit 0",
     "e2e": "cypress open",
-    "e2e:run": "cypress run --browser chrome --env type=actual",
+    "e2e:run": "cypress run --browser chrome --env visualRegressionType=regression",
     "e2e:test": "npm run clean:diff && npm run e2e:run",
     "e2e:base": "npm run create:base && npm run clean:diff && npm run clean:actual",
-    "create:base": "cypress run --browser chrome --env type=base --config screenshotsFolder=cypress/snapshots/base",
+    "create:base": "cypress run --browser chrome --env visualRegressionType=base",
     "clean:diff": "rimraf  ./cypress/snapshots/diff || exit 0",
     "clean:actual": "rimraf ./cypress/snapshots/actual || exit 0",
     "clean:build": "rimraf ./build || exit 0"
   },
   "peerDependencies": {
-    "cypress": "^10.6.0",
-    "cypress-visual-regression": "^1.7.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "cypress": "^13.13.0",
+    "cypress-visual-regression": "5.0.0",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
   },
   "dependencies": {
     "@redneckz/json-op": "^0.0.12",
@@ -147,48 +147,49 @@
     "rehype-stringify": "^9.0.3",
     "remark-html": "^15.0.1",
     "remark-parse": "^10.0.1",
-    "sharp": "^0.30.6",
+    "sharp": "^0.33.4",
     "unified": "^10.1.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-env": "^7.24.7",
     "@commitlint/cli": "^17.3.0",
     "@commitlint/config-conventional": "^17.3.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-replace": "^5.0.1",
     "@rollup/plugin-typescript": "^8.3.3",
     "@size-limit/file": "^7.0.8",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^16.0.0",
     "@types/glob": "^8.0.0",
-    "@types/jest": "^28.1.5",
-    "@types/sharp": "^0.31.0",
+    "@types/jest": "^29.5.12",
+    "@types/sharp": "^0.32.0",
     "@types/yandex-maps": "^2.1.27",
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/experimental-utils": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
     "autoprefixer": "^10.4.7",
-    "babel-jest": "^28.1.3",
+    "babel-jest": "^29.7.0",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.11",
-    "cypress-mochawesome-reporter": "^3.2.3",
+    "cypress-mochawesome-reporter": "^3.8.2",
     "eslint": "^8.21.0",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-local-eslint-rules": "./eslint-rules",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-sonarjs": "^0.15.0",
-    "html-webpack-plugin": "^5.5.0",
+    "html-webpack-plugin": "^5.6.0",
     "husky": "^8.0.1",
-    "jest": "^28.1.3",
-    "jest-environment-jsdom": "^29.0.3",
-    "lint-staged": "^13.0.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.2.7",
     "postcss": "^8.4.14",
     "postcss-cli": "^9.1.0",
     "postcss-loader": "^7.0.0",
     "prettier": "2.6.2",
     "prettier-plugin-organize-imports": "^3.2.2",
-    "react-cosmos": "^5.7.2",
+    "react-cosmos": "^6.1.1",
+    "react-cosmos-plugin-webpack": "^6.1.1",
     "replace-in-file": "^6.3.5",
     "rimraf": "^3.0.2",
     "rollup": "^2.75.6",
@@ -197,12 +198,15 @@
     "style-loader": "^3.3.1",
     "svgo": "^2.8.0",
     "tailwindcss": "^3.1.8",
-    "ts-jest": "^28.0.6",
+    "ts-jest": "^29.1.5",
     "ts-json-schema-generator": "^1.1.2",
     "ts-loader": "^9.3.0",
     "typescript": "^4.7.4",
-    "webpack": "^5.76.0",
-    "webpack-cli": "^5.0.1"
+    "webpack": "^5.92.1",
+    "webpack-cli": "^5.1.4"
+  },
+  "overrides": {
+    "micromatch": "^4.0.7"
   },
   "size-limit": [
     {

package/src/api/RetailAPI/updateUserTask.ts

@@ -52,6 +52,7 @@ export type Participant = {
   };
   armyIdFlg?: boolean;
   birthPlace?: string;
+  childrenDependents?: number;
   genderCd?: Option;
   dulIssueDate?: string;
   dulIssuedBy?: string;

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -2,6 +2,7 @@
 /* eslint-disable max-len */
 
 import { type AspectsProps } from '../../model/AspectsProps';
+import { type ColumnsCount } from '../../model/ColumnCount';
 import { type LabelProps, type TextProps, type TitleProps } from '../../model/HeadlineType';
 import { type InputSectionsType } from '../../model/InputSectionsType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
@@ -83,7 +84,8 @@ export type FieldInfoDef = FieldDefaultDef &
 export type FieldDef = FieldCommonDef | FieldVedDef | FieldInfoDef;
 
 /** @hidden */
-type TypeFormFieldDef =
+export type TypeFormFieldDef =
+  | ''
   | 'ACQR'
   | 'ANALITIC'
   | 'ANTIFRAUD'
@@ -103,12 +105,6 @@ type TypeFormFieldDef =
   | 'FEEDBACK_QS'
   | 'OUTSERVICE';
 
-/**
- * @title Количество колонок
- * @enumNames ["Одна", "Две"]
- */
-export type FormColumnsCount = 1 | 2;
-
 /** @hidden */
 export type EndpointType = 'lead' | 'sendcorporatelead';
 
@@ -116,7 +112,7 @@ export type EndpointType = 'lead' | 'sendcorporatelead';
  * @title Секция полей ввода
  */
 export type SectionsProps = TitleProps & {
-  columns?: FormColumnsCount;
+  columns?: ColumnsCount;
   inputs?: FieldDef[];
 };
 

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -4,6 +4,7 @@ import { type InputSectionsType } from '../../model/InputSectionsType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type NameFieldDef } from '../../ui-kit/FormField/NameFieldDef';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+import { type TypeFormFieldDef } from '../ApplicationForm/ApplicationFormContent';
 import { type FormState } from './getInitialFormState';
 
 interface Required {
@@ -78,32 +79,6 @@ export type FieldInfoDef = FieldDefaultDef & {
  */
 export type FieldDef = FieldCommonDef | FieldVedDef | FieldInfoDef;
 
-/** @hidden */
-export type TypeFormFieldDef =
-  | 'ACQR'
-  | 'ANALITIC'
-  | 'ANTIFRAUD'
-  | 'BCRD'
-  | 'BROK'
-  | 'BROKACCOUNT'
-  | 'COLLECTION'
-  | 'CORRUPTION'
-  | 'CRED'
-  | 'DPST'
-  | 'PRODUCT'
-  | 'SELFCOLLECTION'
-  | 'KVED'
-  | 'ULTRASERVICE'
-  | 'PREMIUMSERVICE'
-  | 'FEEDBACK'
-  | 'OUTSERVICE';
-
-/**
- * @title Количество колонок
- * @enumNames ["Одна", "Две"]
- */
-export type FormColumnsCount = 1 | 2;
-
 /**
  * @title Форма заявки настраиваемая
  */
@@ -121,6 +96,6 @@ export type ApplicationLeadFormContent = UniBlockContent &
 /** @hidden */
 export interface GroupedConsentsProps {
   inputs?: FieldDef[];
-  typeForm?: TypeFormFieldDef | string;
+  typeForm?: TypeFormFieldDef;
   field: FormFieldRegisterer<FormState>;
 }

package/src/components/ApplicationLeadForm/getInitialFormState.tsx

@@ -118,7 +118,7 @@ export interface FormState extends FormConsents, FormStateDeliveryType {
   totalIncome?: number;
   expenses?: number;
   snils?: string;
-  conscription?: string;
+  conscription?: Option;
   armyIdFlg?: boolean;
   addressRegistration?: Address;
   participantDateRegistration?: Date | string;

package/src/components/CreditCardForm/CreditCardFormStatusTracker.tsx

@@ -3,6 +3,7 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { getTaskStatus, STATUS_TYPE } from '../../api/RetailAPI/getTaskStatus';
 import { sendSignalToProcess, type SignalType } from '../../api/RetailAPI/sendSignalToProcess';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { type VNode } from '../../model/VNode';
 import { FailedStatusContent } from './FailedStatusContent';
 import { PendingStatusContent } from './PendingStatusContent';
 import { ReworkStatusContent } from './ReworkStatusContent';
@@ -40,7 +41,7 @@ export const CreditCardFormStatusTracker = JSX(() => {
 });
 
 const renderStatus = (status: STATUS_TYPE) => {
-  const statusesMap: Record<STATUS_TYPE, JSX.Element> = {
+  const statusesMap: Record<STATUS_TYPE, VNode> = {
     IN_PROCESS: <PendingStatusContent />,
     CANCELLED: <FailedStatusContent />,
     APPROVED: <SuccessStatusContent />,

package/src/components/CreditCardForm/getCreditCardFormTaskData.ts

@@ -5,7 +5,7 @@ import { getFifthStepData } from './getFifthStepData';
 import { getFirstStepData } from './getFirstStepData';
 import { getFourthStepData } from './getFourthStepData';
 import { getSecondStepData } from './getSecondStepData';
-import { getDeliveryData, getSixthStepData } from './getSixthStepData';
+import { getDeliveryData, getOfficeCode, getSixthStepData } from './getSixthStepData';
 import { getThirdStepData } from './getThirdStepData';
 
 type getCreditCardFormTaskDataProps = {
@@ -31,9 +31,7 @@ export const getCreditCardFormTaskData = ({
     task: {
       taskSource: navigator.origin,
       id: taskId,
-      office: {
-        id: '650', // TODO: Remove hardcode
-      },
+      ...getOfficeCode(formData),
       authorizedAgentId: formData?.bankEmployeeCode,
       participants: [
         {

package/src/components/CreditCardForm/getFourthStepData.ts

@@ -7,6 +7,7 @@ export const getFourthStepData = (formData: FormState): Partial<Participant> =>
     familyStatus,
     dependents,
     familyMembers,
+    children,
     wages,
     mandatoryPayments,
     incomeAverage,
@@ -17,12 +18,15 @@ export const getFourthStepData = (formData: FormState): Partial<Participant> =>
     retirementIncome,
     snils,
     armyIdFlg,
+    conscription,
   } = formData;
 
   return {
     maritalStatusCd: familyStatus,
+    childrenDependents: children,
     totalDependents: familyMembers,
     otherDependents: dependents,
+    militaryStatusCd: conscription,
     participantIncomes: getParticipantIncomes({
       wages,
       mandatoryPayments,

package/src/components/CreditCardForm/getSixthStepData.ts

@@ -12,6 +12,14 @@ export const getDeliveryData = (formData: FormState) => {
   };
 };
 
+export const getOfficeCode = (formData: FormState) => {
+  const { addressRetail } = formData;
+
+  return {
+    office: addressRetail?.key ? { id: addressRetail.key } : undefined,
+  };
+};
+
 export const getSixthStepData = (formData: FormState) => {
   const { addressCourier } = formData;
 

package/src/components/CreditCardForm/getThirdStepData.tsx

@@ -1,10 +1,12 @@
 import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { formatDate } from '../../utils/formatDate';
 import { formatPhone } from '../../utils/formatPhone';
 import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
 import { getParticipantAddresses, getParticipantContacts } from '../CreditForm/utils';
 
 export const getThirdStepData = (formData: FormState): Partial<Participant> => {
   const {
+    beginDate,
     employment,
     organizationName,
     inn,
@@ -23,6 +25,7 @@ export const getThirdStepData = (formData: FormState): Partial<Participant> => {
   } = formData;
 
   return {
+    employmentContractDate: formatDate(beginDate || '', true),
     employmentTypeCd: employment,
     organizationName,
     organizationInn: inn,

package/src/components/CreditCardForm/useCreditCardFormAPI.tsx

@@ -32,7 +32,7 @@ export const useCreditCardFormAPI = ({
     const feedbackValidator = objectValidator(
       getObjectValidator(calculateInputs(getValue(formData))(inputs, step)),
     );
-    console.log(getObjectValidator(calculateInputs(getValue(formData))(inputs, step)));
+
     if (!isValidationSuccess(feedbackValidator(formData))) {
       return console.warn('validation fail');
     }

package/src/components/CreditForm/CreditFormStatusTracker.tsx

@@ -3,6 +3,7 @@ import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { getTaskStatus, STATUS_TYPE } from '../../api/RetailAPI/getTaskStatus';
 import { sendSignalToProcess, type SignalType } from '../../api/RetailAPI/sendSignalToProcess';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { type VNode } from '../../model/VNode';
 import { FailedStatusContent } from './FailedStatusContent';
 import { PendingStatusContent } from './PendingStatusContent';
 import { ReworkStatusContent } from './ReworkStatusContent';
@@ -44,7 +45,7 @@ export const CreditFormStatusTracker = JSX(() => {
 });
 
 const renderStatus = (status: STATUS_TYPE, handleExpire: () => void) => {
-  const statusesMap: Record<STATUS_TYPE, JSX.Element> = {
+  const statusesMap: Record<STATUS_TYPE, VNode> = {
     IN_PROCESS: <PendingStatusContent handleExpireTimer={handleExpire} />,
     CANCELLED: <FailedStatusContent />,
     APPROVED: <SuccessStatusContent />,

package/src/components/CreditForm/CreditFormStep.tsx

@@ -3,6 +3,7 @@ import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { type SectionsProps } from '../../model/InputSectionsType';
+import { type VNode } from '../../model/VNode';
 import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
 import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
 import { CreditFormStatusTracker } from './CreditFormStatusTracker';
@@ -16,7 +17,7 @@ export interface CreditFormStepProps {
   sections: SectionsProps[];
   onNextStep: () => void;
   onPrevStep: () => void;
-  renderStep?: (props: StepProps) => JSX.Element | JSX.Element[] | undefined;
+  renderStep?: (props: StepProps) => VNode | VNode[] | undefined;
   isFormFinished: boolean;
   finishForm?: (bool: boolean) => void;
 }

package/src/components/CreditForm/getCreditFormTaskData.ts

@@ -31,9 +31,6 @@ export const getCreditFormTaskData = ({
     task: {
       taskSource: navigator.origin,
       id: taskId,
-      office: {
-        id: '',
-      },
       authorizedAgentId: formData?.bankEmployeeCode,
       participants: [
         {

package/src/components/CreditForm/getSecondStepData.tsx

@@ -1,10 +1,12 @@
 import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { formatDate } from '../../utils/formatDate';
 import { formatPhone } from '../../utils/formatPhone';
 import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
 import { getParticipantAddresses, getParticipantContacts } from './utils';
 
 export const getSecondStepData = (formData: FormState): Partial<Participant> => {
   const {
+    beginDate,
     employment,
     organizationName,
     inn,
@@ -23,6 +25,7 @@ export const getSecondStepData = (formData: FormState): Partial<Participant> =>
   } = formData;
 
   return {
+    employmentContractDate: formatDate(beginDate || '', true),
     employmentTypeCd: employment,
     organizationName,
     organizationInn: inn,

package/src/components/CreditForm/getThirdStepData.ts

@@ -7,6 +7,7 @@ export const getThirdStepData = (formData: FormState): Partial<Participant> => {
     familyStatus,
     dependents,
     familyMembers,
+    children,
     confirmationIncome,
     wages,
     mandatoryPayments,
@@ -18,6 +19,7 @@ export const getThirdStepData = (formData: FormState): Partial<Participant> => {
     retirementIncome,
     snils,
     armyIdFlg,
+    conscription,
   } = formData;
 
   return {
@@ -25,6 +27,8 @@ export const getThirdStepData = (formData: FormState): Partial<Participant> => {
     totalDependents: familyMembers,
     incomeCertificateCd: confirmationIncome,
     otherDependents: dependents,
+    childrenDependents: children,
+    militaryStatusCd: conscription,
     participantIncomes: getParticipantIncomes({
       wages,
       mandatoryPayments,

package/src/components/Depository/DepositoryItem.tsx

@@ -1,3 +1,4 @@
+import { JSX } from '@redneckz/uni-jsx';
 import { API_BASE_URI } from '../../api/apiBaseUrl';
 import { useLink } from '../../hooks/useLink';
 import { Text } from '../../ui-kit/Text/Text';
@@ -5,7 +6,7 @@ import { formatDate } from '../../utils/formatDate';
 import { renderRoundedIcon } from '../RollupItem/renderRoundedIcon';
 import { type DepositoryDataItem } from './useDepository';
 
-export const DepositoryItem = ({ title, timestamp, publicId }: DepositoryDataItem) => {
+export const DepositoryItem = JSX(({ title, timestamp, publicId }: DepositoryDataItem) => {
   const link = useLink();
   const { href } = link({ href: `${API_BASE_URI}/depository/${publicId}/file` });
 
@@ -27,4 +28,4 @@ export const DepositoryItem = ({ title, timestamp, publicId }: DepositoryDataIte
       </div>
     </div>
   );
-};
+});

package/src/model/ColumnCount.ts

@@ -0,0 +1,5 @@
+/**
+ * @title Количество колонок
+ * @enumNames ["Одна", "Две"]
+ */
+export type ColumnsCount = 1 | 2;

package/src/model/InputSectionsType.ts

@@ -1,14 +1,12 @@
-import {
-  type FieldDef,
-  type FormColumnsCount,
-} from '../components/ApplicationLeadForm/ApplicationLeadFormContent';
+import { type FieldDef } from '../components/ApplicationLeadForm/ApplicationLeadFormContent';
+import { type ColumnsCount } from './ColumnCount';
 import { type TitleProps } from './HeadlineType';
 
 /**
  * @title Секция полей ввода
  */
 export type SectionsProps = TitleProps & {
-  columns?: FormColumnsCount;
+  columns?: ColumnsCount;
   inputs?: FieldDef[];
 };
 

package/src/setup-fixture.ts

@@ -26,7 +26,7 @@ useRouter.setup(() => {
   return {
     href,
     isReady: true,
-    pathname: new URL(href).pathname,
+    pathname: new URL(href as string).pathname,
     query: Object.fromEntries(new URLSearchParams(globalThis.location.search)),
     push: (url: string) => {
       globalThis.history.pushState(null, '', url);

package/src/ui-kit/Checkbox/CheckboxWithDoc.tsx

@@ -16,7 +16,7 @@ interface CheckboxWithDocProps extends CheckboxProps {
 
 export const CheckboxWithDoc = JSX<CheckboxWithDocProps>(
   ({ className, error, docId, ...props }) => {
-    const { open } = useDialogManager();
+    const { open, close } = useDialogManager();
     const isMobile = useMobileMode();
 
     return (
@@ -26,7 +26,7 @@ export const CheckboxWithDoc = JSX<CheckboxWithDocProps>(
           {docId ? (
             <LinkButton
               className="text-primary-main"
-              onClick={() => openDocument(open, docId, isMobile)}
+              onClick={() => openDocument({ open, close, id: docId, convertToPng: isMobile })}
             >
               <Text>{OPEN_DOC_BUTTON_TEXT}</Text>
             </LinkButton>

package/src/ui-kit/ConsentBkiDialog/ConsentBkiDialog.tsx

@@ -9,6 +9,7 @@ import { useDialogManager } from '../DialogManager/useDialogManager';
 import { Heading } from '../Heading/Heading';
 import { Paragraph } from '../Paragraph/Paragraph';
 import { RadioButtonGroup } from '../RadioButtonGroup/RadioButtonGroup';
+
 export interface ConsentBkiDialogProps {
   handleSubmit?: (confirmStatus: string) => void;
   onClose?: () => void;
@@ -51,7 +52,10 @@ export const ConsentBkiDialog = JSX<ConsentBkiDialogProps>(function ({
       onClose={onClose}
     >
       <div className="flex flex-col gap-xl items-center">
-        <div role="button" onClick={() => openDocument(open, CONSENT_BKI_ID, isMobile)}>
+        <div
+          role="button"
+          onClick={() => openDocument({ open, close, id: CONSENT_BKI_ID, convertToPng: isMobile })}
+        >
           <Heading
             className="text-center text-balance"
             headingType="h2"

package/src/ui-kit/DialogManager/openDocument.tsx

@@ -1,12 +1,15 @@
 import { type VNode } from '../../model/VNode';
+import { Button } from '../Button/Button';
 import { getDocument } from '../Checkbox/getDocument';
 import { Dialog } from './Dialog';
 
-export const openDocument = async (
-  open: (dialog: VNode) => void,
-  id: number,
-  convertToPng = false,
-) => {
+type OpenDocumentType = {
+  open: (dialog: VNode) => void;
+  close: (dialog: VNode) => void;
+  id: number;
+  convertToPng: boolean;
+};
+export const openDocument = async ({ open, close, id, convertToPng = false }: OpenDocumentType) => {
   const document = await getDocument(id, convertToPng);
 
   open(
@@ -16,6 +19,9 @@ export const openDocument = async (
       ) : (
         <iframe src={`${document}#toolbar=0`} className="w-full h-[80vh]" id="iframe-dialog" />
       )}
+      <Button className="mx-auto mt-m" type="button" onClick={close}>
+        Ознакомиться
+      </Button>
     </Dialog>,
   );
 };

package/src/ui-kit/FormField/Fields/BankEmployeeCodeField.tsx

@@ -8,7 +8,7 @@ export const BankEmpoleeCodeField = JSX<CustomFieldProps>(({ field, input }) =>
   <InputControl
     label="Код представителя Банка"
     placeholder="Введите код"
-    type="number"
+    isInteger={true}
     {...getValidation(field('bankEmployeeCode'), validatorObj.bankEmployeeCode, input?.required)}
     {...input}
   />

package/src/ui-kit/FormField/Fields/ChildrenField.tsx

@@ -8,7 +8,7 @@ export const ChildrenField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество детей до 18 лет"
     placeholder="Введите значение"
-    type="number"
+    isInteger={true}
     {...getValidation(field('children'), validatorObj.children, input?.required)}
     {...input}
   />

package/src/ui-kit/FormField/Fields/CollectionCountField.tsx

@@ -7,7 +7,7 @@ import { getValidation } from '../getValidation';
 export const CollectionCountField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество объектов инкассации"
-    type="number"
+    isInteger={true}
     {...getValidation(field('collectionCount'), validatorObj.collectionCount, input?.required)}
   />
 ));

package/src/ui-kit/FormField/Fields/DependentsField.tsx

@@ -8,7 +8,7 @@ export const DependentsField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество иждивенцев"
     placeholder="За исключение детей до 18 лет"
-    type="number"
+    isInteger={true}
     maxLength={2}
     {...getValidation(field('dependents'), validatorObj.dependents, input?.required)}
     {...input}

package/src/ui-kit/FormField/Fields/DulNumberField.tsx

@@ -11,7 +11,7 @@ export const DulNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
     label="Номер документа"
-    type="number"
+    isInteger={true}
     maxLength={6}
     {...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required)}
   />

package/src/ui-kit/FormField/Fields/DulSerieField.tsx

@@ -11,7 +11,7 @@ export const DulSerieField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
     label="Серия документа"
-    type="number"
+    isInteger={true}
     maxLength={4}
     {...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required)}
   />

package/src/ui-kit/FormField/Fields/DulSubdivisionCodeField.tsx

@@ -18,7 +18,7 @@ export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input })
     <InputControl
       disabled={input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME)}
       label="Код подразделения"
-      type="number"
+      isInteger={true}
       maxLength={6}
       {...input}
       {...getValidation(field(FIELD_NAME), validatorObj.dulSubdivisionCode, input?.required)}

package/src/ui-kit/FormField/Fields/ExpensesField.tsx

@@ -8,7 +8,7 @@ export const ExpensesField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Обязательные расходы в месяц"
     placeholder="Введите значение"
-    type="number"
+    isInteger={true}
     {...getValidation(field('expenses'), validatorObj.expenses, input?.required)}
     {...input}
   />