@scbt-ecom/ui 0.9.1 → 0.9.3

package/dist/shared/ui/formElements/index.d.ts

@@ -1,5 +1,5 @@
 export * from './InputControl';
-export * from './InputControlMask';
+export * from './inputControlMask';
 export * from './CheckboxControl';
 export * from './SwitchControl';
 export * from './TextareaControl';

package/dist/shared/ui/formElements/inputControlMask/InputControlMask.d.ts

@@ -0,0 +1,29 @@
+import { FieldValues } from 'react-hook-form';
+import { NumberFormatValues, SourceInfo } from 'react-number-format';
+import { TCommonFieldProps } from '../model/types';
+import { IFieldAttachmentProps, TFieldAttachmentClasses, TFieldContainerConfig, TFieldWrapperClasses } from '../ui';
+import * as React from 'react';
+type TInputControlMaskClasses = TFieldAttachmentClasses & TFieldWrapperClasses & {
+    input?: string;
+    message?: string;
+    inputContainer?: string;
+};
+export type TInputMode = 'phone' | undefined;
+export type TActions = {
+    customInputChange?: (value: NumberFormatValues, source: SourceInfo) => void;
+    customPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    customFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    customBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+};
+export interface InputControlMaskProps<T extends FieldValues> extends TCommonFieldProps<T>, Omit<IFieldAttachmentProps, 'invalid' | 'isTouched'> {
+    format: string;
+    mask?: string | string[];
+    allowEmptyFormatting?: boolean;
+    classes?: TInputControlMaskClasses;
+    size?: TFieldContainerConfig['size'];
+    disabled?: boolean;
+    mode?: TInputMode;
+    actions?: TActions;
+}
+export declare const InputControlMask: <T extends FieldValues>({ format, allowEmptyFormatting, mask, control, actions, size, label, helperText, disabled, classes, badge, withValidateIcons, icon, onClickIcon, onKeyDownIcon, mode, ...props }: InputControlMaskProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formElements/inputControlMask/index.d.ts

@@ -0,0 +1 @@
+export * from './InputControlMask';

package/dist/shared/ui/formElements/inputControlMask/model/useInputControlMask.d.ts

@@ -0,0 +1,28 @@
+import { Noop } from 'react-hook-form';
+import { NumberFormatValues, SourceInfo } from 'react-number-format';
+import { TActions, TInputMode } from '../InputControlMask';
+type TOnValueChange = {
+    inputValue: NumberFormatValues;
+    source: SourceInfo;
+    onChange: (...event: any[]) => void;
+};
+type TOnPaste = {
+    event: React.ClipboardEvent<HTMLInputElement>;
+    onChange: (...event: any[]) => void;
+};
+type TOnFocus = {
+    event: React.FocusEvent<HTMLInputElement>;
+    setShowMask: React.Dispatch<React.SetStateAction<boolean>>;
+};
+type TOnBlur = {
+    event: React.FocusEvent<HTMLInputElement>;
+    setShowMask: React.Dispatch<React.SetStateAction<boolean>>;
+    hookFormBlur: Noop;
+};
+export declare const useInputControlMask: (actions?: TActions, mode?: TInputMode) => {
+    onValueChange: ({ inputValue, onChange, source }: TOnValueChange) => void;
+    onPaste: ({ event, onChange }: TOnPaste) => void;
+    onFocus: ({ event, setShowMask }: TOnFocus) => void;
+    onBlur: ({ event, setShowMask, hookFormBlur }: TOnBlur) => void;
+};
+export {};

package/dist/shared/validation/zodValidation/dadataFio.d.ts

@@ -1,2 +1,7 @@
 import { z } from 'zod';
-export declare const zodDadataFioValidate: z.ZodEffects<z.ZodString, string, string>;
+export declare const formattedDadataFio: (value: string) => {
+    surname: string;
+    name: string;
+    patronymic: string;
+};
+export declare const zodDadataFioSchema: z.ZodEffects<z.ZodString, string, string>;

package/dist/shared/validation/zodValidation/index.d.ts

@@ -1,2 +1,3 @@
 export * from './dadataFio';
 export * from './calendar';
+export * from './phone';

package/dist/shared/validation/zodValidation/phone.d.ts

@@ -0,0 +1,2 @@
+import { z } from 'zod';
+export declare const zodPhoneSchema: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "type": "module",
   "exports": {
     "./utils-tailwind.css": "./dist/utils-tailwind.css",

package/dist/shared/ui/formElements/InputControlMask.d.ts

@@ -1,19 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { TCommonFieldProps } from './model/types';
-import { IFieldAttachmentProps, TFieldAttachmentClasses, TFieldContainerConfig, TFieldWrapperClasses } from './ui';
-type TInputControlMaskClasses = TFieldAttachmentClasses & TFieldWrapperClasses & {
-    input?: string;
-    message?: string;
-    inputContainer?: string;
-};
-export interface InputControlMaskProps<T extends FieldValues> extends TCommonFieldProps<T>, Omit<IFieldAttachmentProps, 'invalid' | 'isTouched'> {
-    format: string;
-    mask?: string | string[];
-    allowEmptyFormatting?: boolean;
-    onInputChange?: (arg?: string) => void;
-    classes?: TInputControlMaskClasses;
-    size?: TFieldContainerConfig['size'];
-    disabled?: boolean;
-}
-export declare const InputControlMask: <T extends FieldValues>({ format, allowEmptyFormatting, mask, control, onInputChange, size, label, helperText, disabled, classes, badge, withValidateIcons, icon, onClickIcon, onKeyDownIcon, ...props }: InputControlMaskProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};