@redneckz/wildless-cms-uni-blocks 0.14.590 → 0.14.591

package/mobile/src/ui-kit/FormField/getObjectValidator.tsx

@@ -16,50 +16,51 @@ import {
 } from './validators';
 
 export const validatorObj: Record<string, Validator> = {
-  typeForm: defaultValidator,
-  surname: nameValidator,
-  name: nameValidator,
+  typeForm: defaultValidator(),
+  surname: nameValidator('Укажите свою фамилию'),
+  name: nameValidator('Укажите своё имя'),
+  middleName: nameValidator('Укажите своё отчество'),
   region: defaultSelectValidator,
   addressBranch: defaultSelectValidator,
-  phone: phoneValidator,
-  secondaryPhone: phoneValidator,
-  birthday: defaultValidator,
-  education: defaultValidator,
-  housing: defaultValidator,
-  employment: defaultValidator,
-  organization: defaultValidator,
-  amountWorkers: defaultValidator,
-  employerActivities: defaultValidator,
-  employerOrganization: defaultValidator,
-  positionOrganization: defaultValidator,
-  email: emailValidator,
-  dulSerie: serieValidator,
-  dulNumber: numberValidator,
-  dulIssueDateField: defaultValidator,
-  dulSubdivisionCode: numberValidator,
-  dulIssuedBy: defaultValidator,
-  fullName: nameValidator,
-  inn: innValidator,
-  legalForm: defaultValidator,
-  organizationName: defaultValidator,
-  generalSeniority: defaultValidator,
-  lastJobExperience: defaultValidator,
-  experience5Years: defaultValidator,
-  jobsNumber: defaultValidator,
-  beginDate: defaultValidator,
-  fullAddress: defaultValidator,
-  partnerComments: defaultValidator,
-  collectionCount: defaultValidator,
-  comment: defaultValidator,
+  phone: phoneValidator('Укажите номер телефона'),
+  secondaryPhone: phoneValidator('Укажите номер телефона'),
+  birthday: defaultValidator('Укажите дату рождения'),
+  education: defaultValidator('Выберите ваше образование'),
+  housing: defaultValidator('Выберите тип жилья'),
+  employment: defaultValidator('Выберите информацию о трудоустройстве'),
+  organization: defaultValidator('Выберите тип организации'),
+  amountWorkers: defaultValidator('Выберите информацию о количестве сотрудников'),
+  employerActivities: defaultValidator('Выберите вид деятельности организации'),
+  employerOrganization: defaultValidator('Выберите вид организации'),
+  positionOrganization: defaultValidator('Выберите вашу должность'),
+  dulSerie: serieValidator('Укажите серию паспорта'),
+  dulNumber: numberValidator('Укажите номер паспорта'),
+  dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
+  dulSubdivisionCode: numberValidator('Укажите код подразделения'),
+  dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
+  email: emailValidator('Укажите электронную почту'),
+  fullName: nameValidator(),
+  inn: innValidator('Укажите ИНН'),
+  legalForm: defaultValidator('Укажите ОПФ'),
+  organizationName: defaultValidator('Укажите наименование организации'),
+  generalSeniority: defaultValidator(),
+  lastJobExperience: defaultValidator('Укажите стаж на последнем месте работы'),
+  experience5Years: defaultValidator('Укажите общий стаж за последние 5 лет'),
+  jobsNumber: defaultValidator('Укажите количество лет стажа'),
+  beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+  fullAddress: defaultValidator(),
+  partnerComments: defaultValidator(),
+  collectionCount: defaultValidator(),
+  comment: defaultValidator(),
   acquiringType: defaultSelectValidator,
   feedbackMethod: defaultSelectValidator,
   serviceType: defaultSelectValidator,
   serviceDirection: defaultSelectValidator,
-  meetingDay: defaultValidator,
-  product: defaultValidator,
-  localities: defaultValidator,
+  meetingDay: defaultValidator(),
+  product: defaultValidator(),
+  localities: defaultValidator(),
   consentDataProcessing: agreementValidator,
-  annualRevenue: defaultValidator,
+  annualRevenue: defaultValidator(),
   consentToReceiveMaterials: agreementValidator,
   processPersonalDataLeadFlg: agreementValidator,
   consentProviderFlg: agreementValidator,
@@ -68,14 +69,14 @@ export const validatorObj: Record<string, Validator> = {
   consentAssignmentClaimsFlg: agreementValidator,
   consentCollectionFlg: agreementValidator,
   consentInformFlg: agreementValidator,
-  familyStatus: defaultValidator,
-  children: lengthStringValidator(2),
-  familyMembers: lengthStringValidator(2),
-  dependents: lengthStringValidator(2),
-  totalIncome: lengthStringValidator(19),
-  expenses: lengthStringValidator(10),
-  snils: snilsValidator,
-  conscription: defaultValidator,
+  familyStatus: defaultValidator('Выберите семейное положение'),
+  children: lengthStringValidator(2, 'Укажите количество детей'),
+  familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
+  dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
+  totalIncome: lengthStringValidator(19, 'Укажите среднемесячный доход от основной зарплаты'),
+  expenses: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
+  snils: snilsValidator('Некорректный номер СНИЛС'),
+  conscription: defaultValidator(),
   armyIdFlg: agreementValidator,
 };
 

package/mobile/src/ui-kit/FormField/validators.ts

@@ -4,30 +4,30 @@ import { validator } from '../../validation/validator';
 
 const ERROR_MESSAGE = 'Некорректно заполненное поле';
 
-export const defaultValidator = required(ERROR_MESSAGE);
+export const defaultValidator = (errorMsg?: string) =>
+  required(errorMsg ? errorMsg : ERROR_MESSAGE);
 
 export const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
 
-export const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
+export const nameValidator = (errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ? errorMsg : ERROR_MESSAGE);
 
-export const lengthStringValidator = (maxLength: number) =>
-  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
+export const lengthStringValidator = (maxLength: number, errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(
+    errorMsg ? errorMsg : ERROR_MESSAGE,
+  );
 
-export const serieValidator = validator((_) => typeof _ === 'string' && _.length === 4)(
-  ERROR_MESSAGE,
-);
+export const serieValidator = (errorMsg: string) =>
+  validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
 
-export const numberValidator = validator((_) => typeof _ === 'string' && _.length === 6)(
-  ERROR_MESSAGE,
-);
+export const numberValidator = (errorMsg: string) =>
+  validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
 
-export const innValidator = validator(
-  (_) => typeof _ === 'string' && (_.length === 10 || _.length === 12),
-)(ERROR_MESSAGE);
+export const innValidator = (errorMsg: string) =>
+  validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
 
-export const phoneValidator = pattern(
-  /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/,
-)(ERROR_MESSAGE);
+export const phoneValidator = (errorMsg: string) =>
+  pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(errorMsg);
 
 export const agreementValidator = validator((_) => typeof _ === 'boolean' && _)(
   'Согласие обязательно',
@@ -53,8 +53,9 @@ const snilsValidate = (snils: string) => {
   return false;
 };
 
-export const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);
+export const snilsValidator = (errorMsg: string) => validator(snilsValidate)(errorMsg);
 
 const emailValidate = (email: string) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2}$/.test(email);
 
-export const emailValidator = validator((_: string) => emailValidate(_))(ERROR_MESSAGE);
+export const emailValidator = (errorMsg: string) =>
+  validator((_: string) => emailValidate(_))(errorMsg);

package/mobile/src/ui-kit/Input/Input.tsx

@@ -25,9 +25,11 @@ export const Input = JSX<InputProps>(
     isTextarea = false,
   }) => {
     const inputRef = useRef<HTMLInputElement | null>(null);
+
     const handleChange = useCallback(
       (e: { target?: { value?: string } }) => {
-        onChange && onChange(e.target?.value || '');
+        const valueWithoutSpace = (e.target?.value || '').trimStart();
+        onChange && onChange(valueWithoutSpace);
       },
       [onChange],
     );
@@ -37,7 +39,7 @@ export const Input = JSX<InputProps>(
         inputRef.current?.focus();
       }
     }, [autoFocus, inputRef]);
-    const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';
+
     const paddingStyle = children ? 'pr-3xl' : '';
     const validStyle = getValidStyle(valid);
 
@@ -81,3 +83,5 @@ export const Input = JSX<InputProps>(
 );
 
 const getValidStyle = (valid: boolean) => (valid ? inputValidStyle : 'border-error');
+
+const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';

package/package.json

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

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

@@ -1,7 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { InputControl } from '../../Input/InputControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
 
 export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} {...input} />
+  <InputControl
+    label="Отчество (Обязательно, при наличии)"
+    {...getValidation(field('middleName'), validatorObj.middleName)}
+    {...input}
+  />
 ));

package/src/ui-kit/FormField/getObjectValidator.tsx

@@ -16,50 +16,51 @@ import {
 } from './validators';
 
 export const validatorObj: Record<string, Validator> = {
-  typeForm: defaultValidator,
-  surname: nameValidator,
-  name: nameValidator,
+  typeForm: defaultValidator(),
+  surname: nameValidator('Укажите свою фамилию'),
+  name: nameValidator('Укажите своё имя'),
+  middleName: nameValidator('Укажите своё отчество'),
   region: defaultSelectValidator,
   addressBranch: defaultSelectValidator,
-  phone: phoneValidator,
-  secondaryPhone: phoneValidator,
-  birthday: defaultValidator,
-  education: defaultValidator,
-  housing: defaultValidator,
-  employment: defaultValidator,
-  organization: defaultValidator,
-  amountWorkers: defaultValidator,
-  employerActivities: defaultValidator,
-  employerOrganization: defaultValidator,
-  positionOrganization: defaultValidator,
-  email: emailValidator,
-  dulSerie: serieValidator,
-  dulNumber: numberValidator,
-  dulIssueDateField: defaultValidator,
-  dulSubdivisionCode: numberValidator,
-  dulIssuedBy: defaultValidator,
-  fullName: nameValidator,
-  inn: innValidator,
-  legalForm: defaultValidator,
-  organizationName: defaultValidator,
-  generalSeniority: defaultValidator,
-  lastJobExperience: defaultValidator,
-  experience5Years: defaultValidator,
-  jobsNumber: defaultValidator,
-  beginDate: defaultValidator,
-  fullAddress: defaultValidator,
-  partnerComments: defaultValidator,
-  collectionCount: defaultValidator,
-  comment: defaultValidator,
+  phone: phoneValidator('Укажите номер телефона'),
+  secondaryPhone: phoneValidator('Укажите номер телефона'),
+  birthday: defaultValidator('Укажите дату рождения'),
+  education: defaultValidator('Выберите ваше образование'),
+  housing: defaultValidator('Выберите тип жилья'),
+  employment: defaultValidator('Выберите информацию о трудоустройстве'),
+  organization: defaultValidator('Выберите тип организации'),
+  amountWorkers: defaultValidator('Выберите информацию о количестве сотрудников'),
+  employerActivities: defaultValidator('Выберите вид деятельности организации'),
+  employerOrganization: defaultValidator('Выберите вид организации'),
+  positionOrganization: defaultValidator('Выберите вашу должность'),
+  dulSerie: serieValidator('Укажите серию паспорта'),
+  dulNumber: numberValidator('Укажите номер паспорта'),
+  dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
+  dulSubdivisionCode: numberValidator('Укажите код подразделения'),
+  dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
+  email: emailValidator('Укажите электронную почту'),
+  fullName: nameValidator(),
+  inn: innValidator('Укажите ИНН'),
+  legalForm: defaultValidator('Укажите ОПФ'),
+  organizationName: defaultValidator('Укажите наименование организации'),
+  generalSeniority: defaultValidator(),
+  lastJobExperience: defaultValidator('Укажите стаж на последнем месте работы'),
+  experience5Years: defaultValidator('Укажите общий стаж за последние 5 лет'),
+  jobsNumber: defaultValidator('Укажите количество лет стажа'),
+  beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+  fullAddress: defaultValidator(),
+  partnerComments: defaultValidator(),
+  collectionCount: defaultValidator(),
+  comment: defaultValidator(),
   acquiringType: defaultSelectValidator,
   feedbackMethod: defaultSelectValidator,
   serviceType: defaultSelectValidator,
   serviceDirection: defaultSelectValidator,
-  meetingDay: defaultValidator,
-  product: defaultValidator,
-  localities: defaultValidator,
+  meetingDay: defaultValidator(),
+  product: defaultValidator(),
+  localities: defaultValidator(),
   consentDataProcessing: agreementValidator,
-  annualRevenue: defaultValidator,
+  annualRevenue: defaultValidator(),
   consentToReceiveMaterials: agreementValidator,
   processPersonalDataLeadFlg: agreementValidator,
   consentProviderFlg: agreementValidator,
@@ -68,14 +69,14 @@ export const validatorObj: Record<string, Validator> = {
   consentAssignmentClaimsFlg: agreementValidator,
   consentCollectionFlg: agreementValidator,
   consentInformFlg: agreementValidator,
-  familyStatus: defaultValidator,
-  children: lengthStringValidator(2),
-  familyMembers: lengthStringValidator(2),
-  dependents: lengthStringValidator(2),
-  totalIncome: lengthStringValidator(19),
-  expenses: lengthStringValidator(10),
-  snils: snilsValidator,
-  conscription: defaultValidator,
+  familyStatus: defaultValidator('Выберите семейное положение'),
+  children: lengthStringValidator(2, 'Укажите количество детей'),
+  familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
+  dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
+  totalIncome: lengthStringValidator(19, 'Укажите среднемесячный доход от основной зарплаты'),
+  expenses: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
+  snils: snilsValidator('Некорректный номер СНИЛС'),
+  conscription: defaultValidator(),
   armyIdFlg: agreementValidator,
 };
 

package/src/ui-kit/FormField/validators.ts

@@ -4,30 +4,30 @@ import { validator } from '../../validation/validator';
 
 const ERROR_MESSAGE = 'Некорректно заполненное поле';
 
-export const defaultValidator = required(ERROR_MESSAGE);
+export const defaultValidator = (errorMsg?: string) =>
+  required(errorMsg ? errorMsg : ERROR_MESSAGE);
 
 export const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
 
-export const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
+export const nameValidator = (errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ? errorMsg : ERROR_MESSAGE);
 
-export const lengthStringValidator = (maxLength: number) =>
-  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
+export const lengthStringValidator = (maxLength: number, errorMsg?: string) =>
+  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(
+    errorMsg ? errorMsg : ERROR_MESSAGE,
+  );
 
-export const serieValidator = validator((_) => typeof _ === 'string' && _.length === 4)(
-  ERROR_MESSAGE,
-);
+export const serieValidator = (errorMsg: string) =>
+  validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
 
-export const numberValidator = validator((_) => typeof _ === 'string' && _.length === 6)(
-  ERROR_MESSAGE,
-);
+export const numberValidator = (errorMsg: string) =>
+  validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
 
-export const innValidator = validator(
-  (_) => typeof _ === 'string' && (_.length === 10 || _.length === 12),
-)(ERROR_MESSAGE);
+export const innValidator = (errorMsg: string) =>
+  validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
 
-export const phoneValidator = pattern(
-  /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/,
-)(ERROR_MESSAGE);
+export const phoneValidator = (errorMsg: string) =>
+  pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(errorMsg);
 
 export const agreementValidator = validator((_) => typeof _ === 'boolean' && _)(
   'Согласие обязательно',
@@ -53,8 +53,9 @@ const snilsValidate = (snils: string) => {
   return false;
 };
 
-export const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);
+export const snilsValidator = (errorMsg: string) => validator(snilsValidate)(errorMsg);
 
 const emailValidate = (email: string) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2}$/.test(email);
 
-export const emailValidator = validator((_: string) => emailValidate(_))(ERROR_MESSAGE);
+export const emailValidator = (errorMsg: string) =>
+  validator((_: string) => emailValidate(_))(errorMsg);

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

@@ -25,9 +25,11 @@ export const Input = JSX<InputProps>(
     isTextarea = false,
   }) => {
     const inputRef = useRef<HTMLInputElement | null>(null);
+
     const handleChange = useCallback(
       (e: { target?: { value?: string } }) => {
-        onChange && onChange(e.target?.value || '');
+        const valueWithoutSpace = (e.target?.value || '').trimStart();
+        onChange && onChange(valueWithoutSpace);
       },
       [onChange],
     );
@@ -37,7 +39,7 @@ export const Input = JSX<InputProps>(
         inputRef.current?.focus();
       }
     }, [autoFocus, inputRef]);
-    const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';
+
     const paddingStyle = children ? 'pr-3xl' : '';
     const validStyle = getValidStyle(valid);
 
@@ -81,3 +83,5 @@ export const Input = JSX<InputProps>(
 );
 
 const getValidStyle = (valid: boolean) => (valid ? inputValidStyle : 'border-error');
+
+const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';