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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/bundle/bundle.umd.js +84 -62
  2. package/bundle/bundle.umd.min.js +1 -1
  3. package/bundle/hooks/useElementSpace.d.ts +2 -0
  4. package/bundle/ui-kit/FormField/validators.d.ts +9 -9
  5. package/dist/hooks/useElementSpace.d.ts +2 -0
  6. package/dist/hooks/useElementSpace.js +21 -0
  7. package/dist/hooks/useElementSpace.js.map +1 -0
  8. package/dist/ui-kit/DatePicker/DatePicker.js +5 -1
  9. package/dist/ui-kit/DatePicker/DatePicker.js.map +1 -1
  10. package/dist/ui-kit/FormField/Fields/MiddleNameField.js +3 -1
  11. package/dist/ui-kit/FormField/Fields/MiddleNameField.js.map +1 -1
  12. package/dist/ui-kit/FormField/getObjectValidator.js +46 -45
  13. package/dist/ui-kit/FormField/getObjectValidator.js.map +1 -1
  14. package/dist/ui-kit/FormField/validators.d.ts +9 -9
  15. package/dist/ui-kit/FormField/validators.js +17 -9
  16. package/dist/ui-kit/FormField/validators.js.map +1 -1
  17. package/dist/ui-kit/Input/Input.js +3 -2
  18. package/dist/ui-kit/Input/Input.js.map +1 -1
  19. package/lib/hooks/useElementSpace.d.ts +2 -0
  20. package/lib/hooks/useElementSpace.js +18 -0
  21. package/lib/hooks/useElementSpace.js.map +1 -0
  22. package/lib/ui-kit/DatePicker/DatePicker.js +5 -1
  23. package/lib/ui-kit/DatePicker/DatePicker.js.map +1 -1
  24. package/lib/ui-kit/FormField/Fields/MiddleNameField.js +3 -1
  25. package/lib/ui-kit/FormField/Fields/MiddleNameField.js.map +1 -1
  26. package/lib/ui-kit/FormField/getObjectValidator.js +46 -45
  27. package/lib/ui-kit/FormField/getObjectValidator.js.map +1 -1
  28. package/lib/ui-kit/FormField/validators.d.ts +9 -9
  29. package/lib/ui-kit/FormField/validators.js +9 -9
  30. package/lib/ui-kit/FormField/validators.js.map +1 -1
  31. package/lib/ui-kit/Input/Input.js +3 -2
  32. package/lib/ui-kit/Input/Input.js.map +1 -1
  33. package/mobile/bundle/bundle.umd.js +84 -62
  34. package/mobile/bundle/bundle.umd.min.js +1 -1
  35. package/mobile/bundle/hooks/useElementSpace.d.ts +2 -0
  36. package/mobile/bundle/ui-kit/FormField/validators.d.ts +9 -9
  37. package/mobile/dist/hooks/useElementSpace.d.ts +2 -0
  38. package/mobile/dist/hooks/useElementSpace.js +21 -0
  39. package/mobile/dist/hooks/useElementSpace.js.map +1 -0
  40. package/mobile/dist/ui-kit/DatePicker/DatePicker.js +5 -1
  41. package/mobile/dist/ui-kit/DatePicker/DatePicker.js.map +1 -1
  42. package/mobile/dist/ui-kit/FormField/Fields/MiddleNameField.js +3 -1
  43. package/mobile/dist/ui-kit/FormField/Fields/MiddleNameField.js.map +1 -1
  44. package/mobile/dist/ui-kit/FormField/getObjectValidator.js +46 -45
  45. package/mobile/dist/ui-kit/FormField/getObjectValidator.js.map +1 -1
  46. package/mobile/dist/ui-kit/FormField/validators.d.ts +9 -9
  47. package/mobile/dist/ui-kit/FormField/validators.js +17 -9
  48. package/mobile/dist/ui-kit/FormField/validators.js.map +1 -1
  49. package/mobile/dist/ui-kit/Input/Input.js +3 -2
  50. package/mobile/dist/ui-kit/Input/Input.js.map +1 -1
  51. package/mobile/lib/hooks/useElementSpace.d.ts +2 -0
  52. package/mobile/lib/hooks/useElementSpace.js +18 -0
  53. package/mobile/lib/hooks/useElementSpace.js.map +1 -0
  54. package/mobile/lib/ui-kit/DatePicker/DatePicker.js +5 -1
  55. package/mobile/lib/ui-kit/DatePicker/DatePicker.js.map +1 -1
  56. package/mobile/lib/ui-kit/FormField/Fields/MiddleNameField.js +3 -1
  57. package/mobile/lib/ui-kit/FormField/Fields/MiddleNameField.js.map +1 -1
  58. package/mobile/lib/ui-kit/FormField/getObjectValidator.js +46 -45
  59. package/mobile/lib/ui-kit/FormField/getObjectValidator.js.map +1 -1
  60. package/mobile/lib/ui-kit/FormField/validators.d.ts +9 -9
  61. package/mobile/lib/ui-kit/FormField/validators.js +9 -9
  62. package/mobile/lib/ui-kit/FormField/validators.js.map +1 -1
  63. package/mobile/lib/ui-kit/Input/Input.js +3 -2
  64. package/mobile/lib/ui-kit/Input/Input.js.map +1 -1
  65. package/mobile/src/hooks/useElementSpace.ts +25 -0
  66. package/mobile/src/ui-kit/DatePicker/DatePicker.tsx +9 -1
  67. package/mobile/src/ui-kit/FormField/Fields/MiddleNameField.tsx +7 -1
  68. package/mobile/src/ui-kit/FormField/getObjectValidator.tsx +46 -45
  69. package/mobile/src/ui-kit/FormField/validators.ts +19 -18
  70. package/mobile/src/ui-kit/Input/Input.tsx +6 -2
  71. package/package.json +1 -1
  72. package/src/hooks/useElementSpace.ts +25 -0
  73. package/src/ui-kit/DatePicker/DatePicker.tsx +9 -1
  74. package/src/ui-kit/FormField/Fields/MiddleNameField.tsx +7 -1
  75. package/src/ui-kit/FormField/getObjectValidator.tsx +46 -45
  76. package/src/ui-kit/FormField/validators.ts +19 -18
  77. package/src/ui-kit/Input/Input.tsx +6 -2
@@ -1,11 +1,11 @@
1
- export declare const defaultValidator: import("../../validation/validator").Validator<any>;
1
+ export declare const defaultValidator: (errorMsg?: string) => import("../../validation/validator").Validator<any>;
2
2
  export declare const defaultSelectValidator: import("../../validation/validator").Validator<any>;
3
- export declare const nameValidator: import("../../validation/validator").Validator<any>;
4
- export declare const lengthStringValidator: (maxLength: number) => import("../../validation/validator").Validator<any>;
5
- export declare const serieValidator: import("../../validation/validator").Validator<any>;
6
- export declare const numberValidator: import("../../validation/validator").Validator<any>;
7
- export declare const innValidator: import("../../validation/validator").Validator<any>;
8
- export declare const phoneValidator: import("../../validation/validator").Validator<any>;
3
+ export declare const nameValidator: (errorMsg?: string) => import("../../validation/validator").Validator<any>;
4
+ export declare const lengthStringValidator: (maxLength: number, errorMsg?: string) => import("../../validation/validator").Validator<any>;
5
+ export declare const serieValidator: (errorMsg: string) => import("../../validation/validator").Validator<any>;
6
+ export declare const numberValidator: (errorMsg: string) => import("../../validation/validator").Validator<any>;
7
+ export declare const innValidator: (errorMsg: string) => import("../../validation/validator").Validator<any>;
8
+ export declare const phoneValidator: (errorMsg: string) => import("../../validation/validator").Validator<any>;
9
9
  export declare const agreementValidator: import("../../validation/validator").Validator<any>;
10
- export declare const snilsValidator: import("../../validation/validator").Validator<string>;
11
- export declare const emailValidator: import("../../validation/validator").Validator<string>;
10
+ export declare const snilsValidator: (errorMsg: string) => import("../../validation/validator").Validator<string>;
11
+ export declare const emailValidator: (errorMsg: string) => import("../../validation/validator").Validator<string>;
@@ -2,14 +2,14 @@ import { pattern } from '../../validation/pattern.js';
2
2
  import { required } from '../../validation/required.js';
3
3
  import { validator } from '../../validation/validator.js';
4
4
  const ERROR_MESSAGE = 'Некорректно заполненное поле';
5
- export const defaultValidator = required(ERROR_MESSAGE);
5
+ export const defaultValidator = (errorMsg) => required(errorMsg ? errorMsg : ERROR_MESSAGE);
6
6
  export const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
7
- export const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
8
- export const lengthStringValidator = (maxLength) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
9
- export const serieValidator = validator((_) => typeof _ === 'string' && _.length === 4)(ERROR_MESSAGE);
10
- export const numberValidator = validator((_) => typeof _ === 'string' && _.length === 6)(ERROR_MESSAGE);
11
- export const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
12
- export const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
7
+ export const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ? errorMsg : ERROR_MESSAGE);
8
+ export const lengthStringValidator = (maxLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(errorMsg ? errorMsg : ERROR_MESSAGE);
9
+ export const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
10
+ export const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
11
+ export const innValidator = (errorMsg) => validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
12
+ export const phoneValidator = (errorMsg) => pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(errorMsg);
13
13
  export const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
14
14
  const snilsValidate = (snils) => {
15
15
  const snl = String(snils).replace(/[^0-9]+/g, '');
@@ -28,7 +28,7 @@ const snilsValidate = (snils) => {
28
28
  }
29
29
  return false;
30
30
  };
31
- export const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);
31
+ export const snilsValidator = (errorMsg) => validator(snilsValidate)(errorMsg);
32
32
  const emailValidate = (email) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2}$/.test(email);
33
- export const emailValidator = validator((_) => emailValidate(_))(ERROR_MESSAGE);
33
+ export const emailValidator = (errorMsg) => validator((_) => emailValidate(_))(errorMsg);
34
34
  //# sourceMappingURL=validators.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/validators.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/validators.ts"],"names":[],"mappings":"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"}
@@ -7,17 +7,18 @@ import { renderLabel } from './renderLabel.js';
7
7
  export const Input = JSX(({ key, className = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, isTextarea = false, }) => {
8
8
  const inputRef = useRef(null);
9
9
  const handleChange = useCallback((e) => {
10
- onChange && onChange(e.target?.value || '');
10
+ const valueWithoutSpace = (e.target?.value || '').trimStart();
11
+ onChange && onChange(valueWithoutSpace);
11
12
  }, [onChange]);
12
13
  useEffect(() => {
13
14
  if (autoFocus) {
14
15
  inputRef.current?.focus();
15
16
  }
16
17
  }, [autoFocus, inputRef]);
17
- const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';
18
18
  const paddingStyle = children ? 'pr-3xl' : '';
19
19
  const validStyle = getValidStyle(valid);
20
20
  return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (_jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (_jsx("input", { type: type, className: style('h-14', defaultStyle, paddingStyle, validStyle), ref: inputRef, id: id, name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key))] }), children] }));
21
21
  });
22
22
  const getValidStyle = (valid) => (valid ? inputValidStyle : 'border-error');
23
+ const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';
23
24
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CACtB,CAAC,EACC,GAAG,EACH,SAAS,GAAG,EAAE,EACd,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1B,MAAM,YAAY,GAAG,6DAA6D,CAAC;IACnF,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,iBAAO,SAAS,EAAC,YAAY,aAC1B,WAAW,CAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,mBACE,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,EAAE,UAAU,CAAC,EAErE,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EACzB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAPT,GAAG,CAQR,CACH,CAAC,CAAC,CAAC,CACF,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,EAChE,GAAG,EAAE,QAAQ,EAEb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IARX,GAAG,CASR,CACH,IACK,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CACtB,CAAC,EACC,GAAG,EACH,SAAS,GAAG,EAAE,EACd,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;QAC9D,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,iBAAO,SAAS,EAAC,YAAY,aAC1B,WAAW,CAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,mBACE,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,EAAE,UAAU,CAAC,EAErE,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EACzB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAPT,GAAG,CAQR,CACH,CAAC,CAAC,CAAC,CACF,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,EAChE,GAAG,EAAE,QAAQ,EAEb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IARX,GAAG,CASR,CACH,IACK,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;AAErF,MAAM,YAAY,GAAG,6DAA6D,CAAC"}
@@ -153,7 +153,7 @@
153
153
  const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
154
154
 
155
155
  const DEFAULT_ANCESTORS = [];
156
- const defaultStyle$1 = 'col-span-12';
156
+ const defaultStyle$2 = 'col-span-12';
157
157
  function renderBlock$1(block, options, { className, ...extraProps } = {}) {
158
158
  const { key, blockDecorator = defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, } = options;
159
159
  const { type } = block;
@@ -162,7 +162,7 @@
162
162
  }
163
163
  const BlockComponent = type && blocksRegistry[type];
164
164
  return blockDecorator({
165
- blockClassName: style(block.style?.length ? block.style : defaultStyle$1, className),
165
+ blockClassName: style(block.style?.length ? block.style : defaultStyle$2, className),
166
166
  block,
167
167
  ancestors,
168
168
  // Adjusted by decorator block and blockClassName
@@ -1181,19 +1181,20 @@
1181
1181
  const Input = JSX(({ key, className = '', id, name, type = 'text', label, placeholder, value = '', valid = true, children, onChange, onFocus, onBlur, pattern, autoFocus = false, isTextarea = false, }) => {
1182
1182
  const inputRef = useRef(null);
1183
1183
  const handleChange = useCallback((e) => {
1184
- onChange && onChange(e.target?.value || '');
1184
+ const valueWithoutSpace = (e.target?.value || '').trimStart();
1185
+ onChange && onChange(valueWithoutSpace);
1185
1186
  }, [onChange]);
1186
1187
  useEffect(() => {
1187
1188
  if (autoFocus) {
1188
1189
  inputRef.current?.focus();
1189
1190
  }
1190
1191
  }, [autoFocus, inputRef]);
1191
- const defaultStyle = 'w-full border rounded-md text-primary-text outline-none p-m';
1192
1192
  const paddingStyle = children ? 'pr-3xl' : '';
1193
1193
  const validStyle = getValidStyle(valid);
1194
- return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { type: type, className: style('h-14', defaultStyle, paddingStyle, validStyle), ref: inputRef, id: id, name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key))] }), children] }));
1194
+ return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { type: type, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), ref: inputRef, id: id, name: name || id, placeholder: placeholder, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, pattern: pattern }, key))] }), children] }));
1195
1195
  });
1196
1196
  const getValidStyle = (valid) => (valid ? inputValidStyle : 'border-error');
1197
+ const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
1197
1198
 
1198
1199
  const DEFAULT_HINTS_COUNT = 10;
1199
1200
  const getResponseHandler = (response) => {
@@ -1425,14 +1426,14 @@
1425
1426
  const required = validator((_) => _ !== null && _ !== undefined && _ !== '');
1426
1427
 
1427
1428
  const ERROR_MESSAGE = 'Некорректно заполненное поле';
1428
- const defaultValidator = required(ERROR_MESSAGE);
1429
+ const defaultValidator = (errorMsg) => required(errorMsg ? errorMsg : ERROR_MESSAGE);
1429
1430
  const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
1430
- const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
1431
- const lengthStringValidator = (maxLength) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
1432
- const serieValidator = validator((_) => typeof _ === 'string' && _.length === 4)(ERROR_MESSAGE);
1433
- const numberValidator = validator((_) => typeof _ === 'string' && _.length === 6)(ERROR_MESSAGE);
1434
- const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
1435
- const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
1431
+ const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ? errorMsg : ERROR_MESSAGE);
1432
+ const lengthStringValidator = (maxLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(errorMsg ? errorMsg : ERROR_MESSAGE);
1433
+ const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
1434
+ const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
1435
+ const innValidator = (errorMsg) => validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
1436
+ const phoneValidator = (errorMsg) => pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(errorMsg);
1436
1437
  const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
1437
1438
  const snilsValidate = (snils) => {
1438
1439
  const snl = String(snils).replace(/[^0-9]+/g, '');
@@ -1451,55 +1452,56 @@
1451
1452
  }
1452
1453
  return false;
1453
1454
  };
1454
- const snilsValidator = validator(snilsValidate)(ERROR_MESSAGE);
1455
+ const snilsValidator = (errorMsg) => validator(snilsValidate)(errorMsg);
1455
1456
  const emailValidate = (email) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2}$/.test(email);
1456
- const emailValidator = validator((_) => emailValidate(_))(ERROR_MESSAGE);
1457
+ const emailValidator = (errorMsg) => validator((_) => emailValidate(_))(errorMsg);
1457
1458
 
1458
1459
  const validatorObj = {
1459
- typeForm: defaultValidator,
1460
- surname: nameValidator,
1461
- name: nameValidator,
1460
+ typeForm: defaultValidator(),
1461
+ surname: nameValidator('Укажите свою фамилию'),
1462
+ name: nameValidator('Укажите своё имя'),
1463
+ middleName: nameValidator('Укажите своё отчество'),
1462
1464
  region: defaultSelectValidator,
1463
1465
  addressBranch: defaultSelectValidator,
1464
- phone: phoneValidator,
1465
- secondaryPhone: phoneValidator,
1466
- birthday: defaultValidator,
1467
- education: defaultValidator,
1468
- housing: defaultValidator,
1469
- employment: defaultValidator,
1470
- organization: defaultValidator,
1471
- amountWorkers: defaultValidator,
1472
- employerActivities: defaultValidator,
1473
- employerOrganization: defaultValidator,
1474
- positionOrganization: defaultValidator,
1475
- email: emailValidator,
1476
- dulSerie: serieValidator,
1477
- dulNumber: numberValidator,
1478
- dulIssueDateField: defaultValidator,
1479
- dulSubdivisionCode: numberValidator,
1480
- dulIssuedBy: defaultValidator,
1481
- fullName: nameValidator,
1482
- inn: innValidator,
1483
- legalForm: defaultValidator,
1484
- organizationName: defaultValidator,
1485
- generalSeniority: defaultValidator,
1486
- lastJobExperience: defaultValidator,
1487
- experience5Years: defaultValidator,
1488
- jobsNumber: defaultValidator,
1489
- beginDate: defaultValidator,
1490
- fullAddress: defaultValidator,
1491
- partnerComments: defaultValidator,
1492
- collectionCount: defaultValidator,
1493
- comment: defaultValidator,
1466
+ phone: phoneValidator('Укажите номер телефона'),
1467
+ secondaryPhone: phoneValidator('Укажите номер телефона'),
1468
+ birthday: defaultValidator('Укажите дату рождения'),
1469
+ education: defaultValidator('Выберите ваше образование'),
1470
+ housing: defaultValidator('Выберите тип жилья'),
1471
+ employment: defaultValidator('Выберите информацию о трудоустройстве'),
1472
+ organization: defaultValidator('Выберите тип организации'),
1473
+ amountWorkers: defaultValidator('Выберите информацию о количестве сотрудников'),
1474
+ employerActivities: defaultValidator('Выберите вид деятельности организации'),
1475
+ employerOrganization: defaultValidator('Выберите вид организации'),
1476
+ positionOrganization: defaultValidator('Выберите вашу должность'),
1477
+ dulSerie: serieValidator('Укажите серию паспорта'),
1478
+ dulNumber: numberValidator('Укажите номер паспорта'),
1479
+ dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
1480
+ dulSubdivisionCode: numberValidator('Укажите код подразделения'),
1481
+ dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
1482
+ email: emailValidator('Укажите электронную почту'),
1483
+ fullName: nameValidator(),
1484
+ inn: innValidator('Укажите ИНН'),
1485
+ legalForm: defaultValidator('Укажите ОПФ'),
1486
+ organizationName: defaultValidator('Укажите наименование организации'),
1487
+ generalSeniority: defaultValidator(),
1488
+ lastJobExperience: defaultValidator('Укажите стаж на последнем месте работы'),
1489
+ experience5Years: defaultValidator('Укажите общий стаж за последние 5 лет'),
1490
+ jobsNumber: defaultValidator('Укажите количество лет стажа'),
1491
+ beginDate: defaultValidator('Укажите дату заключения трудового договора'),
1492
+ fullAddress: defaultValidator(),
1493
+ partnerComments: defaultValidator(),
1494
+ collectionCount: defaultValidator(),
1495
+ comment: defaultValidator(),
1494
1496
  acquiringType: defaultSelectValidator,
1495
1497
  feedbackMethod: defaultSelectValidator,
1496
1498
  serviceType: defaultSelectValidator,
1497
1499
  serviceDirection: defaultSelectValidator,
1498
- meetingDay: defaultValidator,
1499
- product: defaultValidator,
1500
- localities: defaultValidator,
1500
+ meetingDay: defaultValidator(),
1501
+ product: defaultValidator(),
1502
+ localities: defaultValidator(),
1501
1503
  consentDataProcessing: agreementValidator,
1502
- annualRevenue: defaultValidator,
1504
+ annualRevenue: defaultValidator(),
1503
1505
  consentToReceiveMaterials: agreementValidator,
1504
1506
  processPersonalDataLeadFlg: agreementValidator,
1505
1507
  consentProviderFlg: agreementValidator,
@@ -1508,14 +1510,14 @@
1508
1510
  consentAssignmentClaimsFlg: agreementValidator,
1509
1511
  consentCollectionFlg: agreementValidator,
1510
1512
  consentInformFlg: agreementValidator,
1511
- familyStatus: defaultValidator,
1512
- children: lengthStringValidator(2),
1513
- familyMembers: lengthStringValidator(2),
1514
- dependents: lengthStringValidator(2),
1515
- totalIncome: lengthStringValidator(19),
1516
- expenses: lengthStringValidator(10),
1517
- snils: snilsValidator,
1518
- conscription: defaultValidator,
1513
+ familyStatus: defaultValidator('Выберите семейное положение'),
1514
+ children: lengthStringValidator(2, 'Укажите количество детей'),
1515
+ familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
1516
+ dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
1517
+ totalIncome: lengthStringValidator(19, 'Укажите среднемесячный доход от основной зарплаты'),
1518
+ expenses: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
1519
+ snils: snilsValidator('Некорректный номер СНИЛС'),
1520
+ conscription: defaultValidator(),
1519
1521
  armyIdFlg: agreementValidator,
1520
1522
  };
1521
1523
  const getObjectValidator = (inputs) => {
@@ -1750,6 +1752,23 @@
1750
1752
 
1751
1753
  const BankEmpoleeField = JSX(({ field }) => (jsx(InputControl, { label: "\u0424\u0418\u041E \u0438\u043B\u0438 \u0434\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u0432\u0448\u0435\u0433\u043E \u0412\u0430\u0441 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u0430 \u0411\u0430\u043D\u043A\u0430", ...field('bankEmpolee') })));
1752
1754
 
1755
+ const useElementSpace = (ref, heightEl) => {
1756
+ const [spaceAbove, setSpaceAbove] = useState(false);
1757
+ useEffect(() => {
1758
+ const handleResize = () => {
1759
+ if (ref?.current) {
1760
+ const { top } = ref.current.getBoundingClientRect();
1761
+ const hasSpaceAbove = top > heightEl;
1762
+ setSpaceAbove(hasSpaceAbove);
1763
+ }
1764
+ };
1765
+ handleResize();
1766
+ window.addEventListener('resize', handleResize);
1767
+ return () => window.removeEventListener('resize', handleResize);
1768
+ }, [ref]);
1769
+ return spaceAbove;
1770
+ };
1771
+
1753
1772
  const DAY_COUNT = 6;
1754
1773
  const WEEK_COUNT = 7;
1755
1774
  const renderCalendarCells = ({ today, firstDayOfWeek, totalDays, currentMonth, currentYear, min, max, onDateClick, }) => {
@@ -1888,7 +1907,10 @@
1888
1907
  selectedMonth,
1889
1908
  showCalendar,
1890
1909
  });
1891
- return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm(handleChangeVisibleCalendar, value, valid), showCalendar ? (jsxs("div", { className: "absolute bg-white z-20 select-none bottom-full", children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate })] })) : null] })] }));
1910
+ const spaceAbove = useElementSpace(ref, 370);
1911
+ return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm(handleChangeVisibleCalendar, value, valid), showCalendar ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
1912
+ 'bottom-full': spaceAbove,
1913
+ }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate, setValue: setValue })] })) : null] })] }));
1892
1914
  });
1893
1915
  const renderDatePickerForm = (handleChangeVisibleCalendar, value, valid) => (jsxs("div", { onClick: handleChangeVisibleCalendar, className: style(formStyle, valid ? 'border-gray' : 'border-error'), children: [jsx(Paragraph, { children: value && formatDate(value) }), jsx(Icon, { ...ICON_PROPS, name: "CalendarIcon" })] }));
1894
1916
 
@@ -2014,7 +2036,7 @@
2014
2036
  return (jsx(SelectControl, { label: "\u041D\u0430\u0441\u0435\u043B\u0435\u043D\u043D\u044B\u0439 \u043F\u0443\u043D\u043A\u0442", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043E\u0440\u043E\u0434, \u0433\u0434\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441", options: localities, ...getValidation(field('localities'), validatorObj.localities, input?.required), isSearch: true }));
2015
2037
  });
2016
2038
 
2017
- const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...field('middleName'), ...input })));
2039
+ const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...getValidation(field('middleName'), validatorObj.middleName), ...input })));
2018
2040
 
2019
2041
  const NameField = JSX(({ field, input }) => {
2020
2042
  const { required, ...rest } = input;
@@ -7038,7 +7060,7 @@
7038
7060
  slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
7039
7061
  });
7040
7062
 
7041
- const packageVersion = "0.14.588";
7063
+ const packageVersion = "0.14.590";
7042
7064
 
7043
7065
  exports.Blocks = Blocks;
7044
7066
  exports.ContentPage = ContentPage;