@redneckz/wildless-cms-uni-blocks 0.14.632 → 0.14.633

package/mobile/lib/ui-kit/FormField/Fields/PartInBusinessField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PartInBusinessField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/PartInBusinessField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5E,MAAM,mBAAmB,GAAG;QAC1B,GAAG,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC;KACxF,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CACrC,mBAAmB,EAAE,QAAQ;QAC7B,mBAAmB,EAAE,QAAQ,CAC3B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAClE,CAAC;IAEJ,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAC,uHAAwB,EAC9B,WAAW,EAAC,UAAK,EACjB,WAAW,EAAE,CAAC,EACd,IAAI,EAAC,QAAQ,KACT,mBAAmB,KACnB,KAAK,EACT,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PartInBusinessField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/PartInBusinessField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5E,MAAM,mBAAmB,GAAG;QAC1B,GAAG,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC;KACxF,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CACrC,mBAAmB,EAAE,QAAQ;QAC7B,mBAAmB,EAAE,QAAQ,CAC3B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAClE,CAAC;IAEJ,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAC,uHAAwB,EAC9B,WAAW,EAAC,UAAK,EACjB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,CAAC,KACV,mBAAmB,KACnB,KAAK,EACT,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/src/components/CalculatorBonus/CalculatorBonus.tsx

@@ -20,6 +20,7 @@ export interface CalculatorBonusProps extends CalculatorBonusContent, UniBlockPr
   className?: string;
   calcSource?: BonusCalculatorData & JSONRefObject;
 }
+
 export const CalculatorBonus = UniBlock<CalculatorBonusProps>(
   ({ className = '', title, calcSource, buttons, footnote, ...rest }) => {
     const [userInputParams, { field }] = useForm({
@@ -57,7 +58,6 @@ export const CalculatorBonus = UniBlock<CalculatorBonusProps>(
                   title: 'Баллов за месяц',
                   rate: monthBonus,
                   fractionDigits: 0,
-                  isUnknownRateShown: false,
                   unit: '',
                   color: 'text-primary-text',
                 })

package/mobile/src/components/CalculatorBusinessDeposit/CalculatorBusinessDeposit.tsx

@@ -33,6 +33,7 @@ export interface CalculatorBusinessDepositProp
     CalculatorBusinessDepositContent {
   className?: string;
 }
+
 export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>(
   ({
     className = '',
@@ -53,7 +54,7 @@ export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>
       isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
     });
     const calculatorParams = useBusinessDepositParams(userInputParams, rateParams);
-    const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
+    const { income, finalSum, rate, depositeName } = calculatorParams;
 
     return (
       <CalculatorLayout className={className} title={title} {...rest}>
@@ -87,7 +88,6 @@ export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>
             rate,
             depositeName,
             isShowDepositeName,
-            isUnavailableByTerm,
           })}
           {renderDepositResult({
             income,

package/mobile/src/components/CalculatorBusinessDeposit/useBusinessDepositParams.ts

@@ -5,7 +5,6 @@ import { useBusinessDepositRates } from './useBusinessDepositRates';
 
 const BUSINESS_MIN_DAYS = 1;
 const BUSINESS_MAX_DAYS = 1095;
-const BUSINESS_RATE_MIN_DAYS = 30; // порог количества дней, при которых ставка не доступна
 const BUSINESS_OPERATING_MIN_DAYS = 90;
 const BUSINESS_OPERATING_MAX_DAYS = 730;
 export const DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS: BusinessDepositCalculatorSourceBookParams =
@@ -26,6 +25,7 @@ export interface BusinessCommonDepositParams {
   isReplenished: boolean;
   isPartialWithdrawal: boolean;
 }
+
 export interface BusinessDepositCalculatorSourceBookParams
   extends BusinessCommonDepositParams,
     RateProps {
@@ -47,7 +47,6 @@ export interface BusinessDepositParams
   income?: number;
   finalSum?: number;
   isDisabledOperatingDeposit?: boolean;
-  isUnavailableByTerm?: boolean;
 }
 
 export const useBusinessDepositParams = (
@@ -62,14 +61,6 @@ export const useBusinessDepositParams = (
 
   const rateRows = useBusinessDepositRates(rateParams);
 
-  if (daysValue <= BUSINESS_RATE_MIN_DAYS) {
-    return {
-      ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
-      ...userInputParams,
-      isDisabledOperatingDeposit,
-      isUnavailableByTerm: true,
-    };
-  }
   const businessDepositCalculatorSourceBookParams =
     rateRows?.find((_) => {
       return (

package/mobile/src/ui-kit/Calculator/CalculatorStyle.tsx

@@ -1,5 +1,5 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-4xl gap-y-7 @xl:gap-y-4xl',
+  wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
   input: 'flex flex-col lg:max-w-80 lg:w-1/2 gap-2xl',
   result: 'flex flex-col gap-y-xl min-w-52',
 };

package/mobile/src/ui-kit/Calculator/UnknownRate.tsx

@@ -5,28 +5,18 @@ import { Text } from '../Text/Text';
 
 export interface UnknownRateProps {
   title?: string;
-  isUnavailableByTerm?: boolean;
 }
 
-export const UnknownRate = JSX<UnknownRateProps>(
-  ({ title = 'Ставка', isUnavailableByTerm = false }) => (
-    <div className="space-y-s min-w-96">
-      <Text size="text-l" font="font-light" color="text-secondary-text">
-        {title}
-      </Text>
-      <Icon className="w-10 h-10 @5xl:h-auto @5xl:w-40" name="PercentIcon" />
-      <div className="w-64">
-        {isUnavailableByTerm ? (
-          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
-            Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в
-            Банк
-          </Paragraph>
-        ) : (
-          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
-            Выберите другую сумму или срок
-          </Paragraph>
-        )}
-      </div>
+export const UnknownRate = JSX<UnknownRateProps>(({ title = 'Ставка' }) => (
+  <div className="space-y-s min-w-96">
+    <Text size="text-l" font="font-light" color="text-secondary-text">
+      {title}
+    </Text>
+    <Icon className="w-10 h-auto lg:w-40" name="PercentIcon" />
+    <div className="w-64">
+      <Paragraph size="text-xl" font="font-light" color="text-primary-text">
+        Выберите другую сумму или срок
+      </Paragraph>
     </div>
-  ),
-);
+  </div>
+));

package/mobile/src/ui-kit/Calculator/renderRate.tsx

@@ -4,7 +4,6 @@ import { Rate, type RateProps } from './Rate';
 import { UnknownRate, type UnknownRateProps } from './UnknownRate';
 
 interface RenderRateProps extends RateProps, UnknownRateProps {
-  isUnknownRateShown?: boolean;
   children?: VNode;
 }
 
@@ -13,16 +12,13 @@ export const renderRate = ({
   rate = 0,
   unit = '%',
   fractionDigits = 2,
-  isUnknownRateShown = true,
   color = 'text-secondary-text',
   children,
   ...rest
 }: RenderRateProps) =>
-  isUnknownRateShown && rate === 0 ? (
-    <UnknownRate title={title} {...rest} />
-  ) : (
+  rate ? (
     <div className="flex flex-col">
-      <div className="hidden @xl:block min-w-96">
+      <div className="hidden lg:block min-w-96">
         <Rate
           title={title}
           rate={rate}
@@ -33,7 +29,7 @@ export const renderRate = ({
         />
       </div>
       <CalculatorValue
-        className="@xl:hidden"
+        className="lg:hidden"
         title={title}
         value={rate}
         postfix={unit}
@@ -44,4 +40,6 @@ export const renderRate = ({
       />
       {children}
     </div>
+  ) : (
+    <UnknownRate title={title} {...rest} />
   );

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

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

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

@@ -7,6 +7,7 @@ import { getValidation } from '../getValidation';
 export const DulNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Номер документа"
+    type="number"
     inputLength={6}
     {...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required)}
   />

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

@@ -7,6 +7,7 @@ import { getValidation } from '../getValidation';
 export const DulSerieField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Серия документа"
+    type="number"
     inputLength={4}
     {...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required)}
   />

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

@@ -14,8 +14,9 @@ export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input })
   return (
     <InputControl
       label="Код подразделения"
-      {...input}
+      type="number"
       inputLength={6}
+      {...input}
       {...getValidation(
         field('dulSubdivisionCode'),
         validatorObj.dulSubdivisionCode,

package/mobile/src/ui-kit/FormField/Fields/Experience5YearsField.tsx

@@ -8,6 +8,7 @@ export const Experience5YearsField = JSX<CustomFieldProps>(({ field, input }) =>
   <InputControl
     label="Стаж"
     placeholder="За последние 5 лет"
+    type="number"
     inputLength={2}
     {...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required)}
     {...input}

package/mobile/src/ui-kit/FormField/Fields/FamilyMembersField.tsx

@@ -8,6 +8,7 @@ export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество членов семьи"
     placeholder="Введите значение"
+    type="number"
     inputLength={2}
     {...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required)}
     {...input}

package/mobile/src/ui-kit/FormField/Fields/GeneralSeniorityField.tsx

@@ -7,6 +7,7 @@ import { getValidation } from '../getValidation';
 export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Общий стаж"
+    type="number"
     inputLength={2}
     placeholder="Количество лет"
     {...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required)}

package/mobile/src/ui-kit/FormField/Fields/JobsNumberField.tsx

@@ -8,6 +8,7 @@ export const JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество мест работы за последние 5 лет"
     placeholder="Количество мест"
+    type="number"
     inputLength={2}
     {...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required)}
     {...input}

package/mobile/src/ui-kit/FormField/Fields/LastJobExperienceField.tsx

@@ -8,6 +8,7 @@ export const LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) =
   <InputControl
     label="Стаж на последнем рабочем месте"
     placeholder="Количество лет"
+    type="number"
     inputLength={2}
     {...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required)}
     {...input}

package/mobile/src/ui-kit/FormField/Fields/PartInBusinessField.tsx

@@ -21,8 +21,8 @@ export const PartInBusinessField = JSX<CustomFieldProps>(({ field, input }) => {
     <InputControl
       label="Доля участия в бизнесе"
       placeholder="в %"
-      inputLength={3}
       type="number"
+      inputLength={3}
       {...partInBusinessField}
       {...input}
       onChange={handleChange}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.632",
+  "version": "0.14.633",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/CalculatorBonus/CalculatorBonus.tsx

@@ -20,6 +20,7 @@ export interface CalculatorBonusProps extends CalculatorBonusContent, UniBlockPr
   className?: string;
   calcSource?: BonusCalculatorData & JSONRefObject;
 }
+
 export const CalculatorBonus = UniBlock<CalculatorBonusProps>(
   ({ className = '', title, calcSource, buttons, footnote, ...rest }) => {
     const [userInputParams, { field }] = useForm({
@@ -57,7 +58,6 @@ export const CalculatorBonus = UniBlock<CalculatorBonusProps>(
                   title: 'Баллов за месяц',
                   rate: monthBonus,
                   fractionDigits: 0,
-                  isUnknownRateShown: false,
                   unit: '',
                   color: 'text-primary-text',
                 })

package/src/components/CalculatorBusinessDeposit/CalculatorBusinessDeposit.fixture.tsx

@@ -27,13 +27,25 @@ export default {
         isShowDepositeName={true}
         footnote="Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка."
         bottomFootnote="При сумме свыше 500 000 000 ₽ вы можете обратится в офис за индивидуальными условиями по вкладу"
-        calcSource={{
-          $ref: '/wcms-resources/bonus-calculator-data.json',
-        }}
         rateParams={{
           rateType: 'UL',
         }}
       />
     </div>
   ),
+  ip: (
+    <div className="container grid grid-cols-12">
+      <CalculatorBusinessDeposit
+        className="col-span-12"
+        title="Калькулятор вкладов - бизнес ИП"
+        buttons={buttons}
+        isShowDepositeName={true}
+        footnote="Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка."
+        bottomFootnote="При сумме свыше 500 000 000 ₽ вы можете обратится в офис за индивидуальными условиями по вкладу"
+        rateParams={{
+          rateType: 'IP',
+        }}
+      />
+    </div>
+  ),
 };

package/src/components/CalculatorBusinessDeposit/CalculatorBusinessDeposit.tsx

@@ -33,6 +33,7 @@ export interface CalculatorBusinessDepositProp
     CalculatorBusinessDepositContent {
   className?: string;
 }
+
 export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>(
   ({
     className = '',
@@ -53,7 +54,7 @@ export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>
       isMonthlyInterestPayment: Boolean(defaultParams?.isMonthlyInterestPayment),
     });
     const calculatorParams = useBusinessDepositParams(userInputParams, rateParams);
-    const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
+    const { income, finalSum, rate, depositeName } = calculatorParams;
 
     return (
       <CalculatorLayout className={className} title={title} {...rest}>
@@ -87,7 +88,6 @@ export const CalculatorBusinessDeposit = UniBlock<CalculatorBusinessDepositProp>
             rate,
             depositeName,
             isShowDepositeName,
-            isUnavailableByTerm,
           })}
           {renderDepositResult({
             income,

package/src/components/CalculatorBusinessDeposit/useBusinessDepositParams.ts

@@ -5,7 +5,6 @@ import { useBusinessDepositRates } from './useBusinessDepositRates';
 
 const BUSINESS_MIN_DAYS = 1;
 const BUSINESS_MAX_DAYS = 1095;
-const BUSINESS_RATE_MIN_DAYS = 30; // порог количества дней, при которых ставка не доступна
 const BUSINESS_OPERATING_MIN_DAYS = 90;
 const BUSINESS_OPERATING_MAX_DAYS = 730;
 export const DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS: BusinessDepositCalculatorSourceBookParams =
@@ -26,6 +25,7 @@ export interface BusinessCommonDepositParams {
   isReplenished: boolean;
   isPartialWithdrawal: boolean;
 }
+
 export interface BusinessDepositCalculatorSourceBookParams
   extends BusinessCommonDepositParams,
     RateProps {
@@ -47,7 +47,6 @@ export interface BusinessDepositParams
   income?: number;
   finalSum?: number;
   isDisabledOperatingDeposit?: boolean;
-  isUnavailableByTerm?: boolean;
 }
 
 export const useBusinessDepositParams = (
@@ -62,14 +61,6 @@ export const useBusinessDepositParams = (
 
   const rateRows = useBusinessDepositRates(rateParams);
 
-  if (daysValue <= BUSINESS_RATE_MIN_DAYS) {
-    return {
-      ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
-      ...userInputParams,
-      isDisabledOperatingDeposit,
-      isUnavailableByTerm: true,
-    };
-  }
   const businessDepositCalculatorSourceBookParams =
     rateRows?.find((_) => {
       return (

package/src/ui-kit/Calculator/CalculatorStyle.tsx

@@ -1,5 +1,5 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-4xl gap-y-7 @xl:gap-y-4xl',
+  wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
   input: 'flex flex-col lg:max-w-80 lg:w-1/2 gap-2xl',
   result: 'flex flex-col gap-y-xl min-w-52',
 };

package/src/ui-kit/Calculator/UnknownRate.tsx

@@ -5,28 +5,18 @@ import { Text } from '../Text/Text';
 
 export interface UnknownRateProps {
   title?: string;
-  isUnavailableByTerm?: boolean;
 }
 
-export const UnknownRate = JSX<UnknownRateProps>(
-  ({ title = 'Ставка', isUnavailableByTerm = false }) => (
-    <div className="space-y-s min-w-96">
-      <Text size="text-l" font="font-light" color="text-secondary-text">
-        {title}
-      </Text>
-      <Icon className="w-10 h-10 @5xl:h-auto @5xl:w-40" name="PercentIcon" />
-      <div className="w-64">
-        {isUnavailableByTerm ? (
-          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
-            Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в
-            Банк
-          </Paragraph>
-        ) : (
-          <Paragraph size="text-xl" font="font-light" color="text-primary-text">
-            Выберите другую сумму или срок
-          </Paragraph>
-        )}
-      </div>
+export const UnknownRate = JSX<UnknownRateProps>(({ title = 'Ставка' }) => (
+  <div className="space-y-s min-w-96">
+    <Text size="text-l" font="font-light" color="text-secondary-text">
+      {title}
+    </Text>
+    <Icon className="w-10 h-auto lg:w-40" name="PercentIcon" />
+    <div className="w-64">
+      <Paragraph size="text-xl" font="font-light" color="text-primary-text">
+        Выберите другую сумму или срок
+      </Paragraph>
     </div>
-  ),
-);
+  </div>
+));

package/src/ui-kit/Calculator/renderRate.tsx

@@ -4,7 +4,6 @@ import { Rate, type RateProps } from './Rate';
 import { UnknownRate, type UnknownRateProps } from './UnknownRate';
 
 interface RenderRateProps extends RateProps, UnknownRateProps {
-  isUnknownRateShown?: boolean;
   children?: VNode;
 }
 
@@ -13,16 +12,13 @@ export const renderRate = ({
   rate = 0,
   unit = '%',
   fractionDigits = 2,
-  isUnknownRateShown = true,
   color = 'text-secondary-text',
   children,
   ...rest
 }: RenderRateProps) =>
-  isUnknownRateShown && rate === 0 ? (
-    <UnknownRate title={title} {...rest} />
-  ) : (
+  rate ? (
     <div className="flex flex-col">
-      <div className="hidden @xl:block min-w-96">
+      <div className="hidden lg:block min-w-96">
         <Rate
           title={title}
           rate={rate}
@@ -33,7 +29,7 @@ export const renderRate = ({
         />
       </div>
       <CalculatorValue
-        className="@xl:hidden"
+        className="lg:hidden"
         title={title}
         value={rate}
         postfix={unit}
@@ -44,4 +40,6 @@ export const renderRate = ({
       />
       {children}
     </div>
+  ) : (
+    <UnknownRate title={title} {...rest} />
   );

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

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

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

@@ -7,6 +7,7 @@ import { getValidation } from '../getValidation';
 export const DulNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Номер документа"
+    type="number"
     inputLength={6}
     {...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required)}
   />

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

@@ -7,6 +7,7 @@ import { getValidation } from '../getValidation';
 export const DulSerieField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Серия документа"
+    type="number"
     inputLength={4}
     {...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required)}
   />

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

@@ -14,8 +14,9 @@ export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input })
   return (
     <InputControl
       label="Код подразделения"
-      {...input}
+      type="number"
       inputLength={6}
+      {...input}
       {...getValidation(
         field('dulSubdivisionCode'),
         validatorObj.dulSubdivisionCode,

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

@@ -8,6 +8,7 @@ export const Experience5YearsField = JSX<CustomFieldProps>(({ field, input }) =>
   <InputControl
     label="Стаж"
     placeholder="За последние 5 лет"
+    type="number"
     inputLength={2}
     {...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required)}
     {...input}

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

@@ -8,6 +8,7 @@ export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество членов семьи"
     placeholder="Введите значение"
+    type="number"
     inputLength={2}
     {...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required)}
     {...input}

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

@@ -7,6 +7,7 @@ import { getValidation } from '../getValidation';
 export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Общий стаж"
+    type="number"
     inputLength={2}
     placeholder="Количество лет"
     {...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required)}

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

@@ -8,6 +8,7 @@ export const JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <InputControl
     label="Количество мест работы за последние 5 лет"
     placeholder="Количество мест"
+    type="number"
     inputLength={2}
     {...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required)}
     {...input}

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

@@ -8,6 +8,7 @@ export const LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) =
   <InputControl
     label="Стаж на последнем рабочем месте"
     placeholder="Количество лет"
+    type="number"
     inputLength={2}
     {...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required)}
     {...input}

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

@@ -21,8 +21,8 @@ export const PartInBusinessField = JSX<CustomFieldProps>(({ field, input }) => {
     <InputControl
       label="Доля участия в бизнесе"
       placeholder="в %"
-      inputLength={3}
       type="number"
+      inputLength={3}
       {...partInBusinessField}
       {...input}
       onChange={handleChange}