@scbt-ecom/ui 0.68.1 → 0.70.0

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

@@ -23,7 +23,9 @@ export declare const Uncontrolled: {
             onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
         };
     } & import('react').RefAttributes<HTMLInputElement>>;
-    SliderBase: import('react').ForwardRefExoticComponent<import('./slider/SliderBase').SliderBaseProps & import('react').RefAttributes<HTMLInputElement>>;
+    SliderBase: <Type extends import('./slider/model/types').ComponentType>(props: import('./slider/model/types').SliderGatewayProps<Type> & {
+        ref?: React.Ref<HTMLInputElement>;
+    }) => React.ReactElement;
     AutocompleteBase: <TData>(props: import('./autocomplete').AutocompleteBaseProps<TData> & {
         ref: React.Ref<HTMLInputElement>;
     }) => React.JSX.Element;

package/dist/shared/ui/formElements/uncontrolled/slider/SliderBase.d.ts

@@ -1,74 +1,4 @@
-import { TSliderVariants } from './model/types';
-import { InputBaseProps } from '../../..';
-import { InputBaseClasses } from '../input/Input';
-import * as React from 'react';
-export type SliderBaseClasses = {
-    root?: string;
-    textContainer?: string;
-    input?: string;
-    labelClasses?: string;
-    textRight?: string;
-    textLeft?: string;
-    field?: string;
-    slider?: SliderBaseClasses;
-    inputRoot?: InputBaseClasses;
-};
-export type ExternalHandlers = {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
-    onInputChange?: (value?: number) => void;
-};
-export interface SliderBaseProps extends Omit<InputBaseProps, 'externalHandlers' | 'onChange' | 'value' | 'defaultValue' | 'type'> {
-    /**
-     * Объект classes с помощью которого можно поменять стили у компонента
-     */
-    classes?: SliderBaseClasses;
-    /**
-     * Левый текст под слайдером
-     */
-    leftText: string | React.ReactElement;
-    /**
-     * Правый текст под слайдером
-     */
-    rightText: string | React.ReactElement;
-    /**
-     * Значение
-     */
-    value?: number;
-    /**
-     * Значение
-     */
-    defaultValue?: number;
-    /**
-     * Сеттер инпута
-     * @param value значение инпута
-     */
-    onChange: (value: number | undefined) => void;
-    /**
-     * Минимальное значение инпута
-     */
-    min: number;
-    /**
-     * Максимальное значение инпута
-     */
-    max: number;
-    /**
-     * Вариант инпута по дефолту credit (если использовать years то префикс поменяется на (лет, год, года в зависимости от склонения value)
-     */
-    variant: TSliderVariants;
-    /**
-     * Label инпута
-     */
-    label: string;
-    /**
-     * Шаг слайдера (если использовать вариант credit, то step будет проигнорирован)
-     */
-    step?: number;
-    /**
-     * Дополнительные хендлеры
-     */
-    externalHandlers?: ExternalHandlers;
-    type?: 'text' | 'tel' | 'password';
-}
-export declare const SliderBase: React.ForwardRefExoticComponent<SliderBaseProps & React.RefAttributes<HTMLInputElement>>;
+import { ComponentType, SliderGatewayProps } from './model/types';
+export declare const SliderBase: <Type extends ComponentType>(props: SliderGatewayProps<Type> & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => React.ReactElement;

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/dates/getDayIntl.d.ts

@@ -0,0 +1 @@
+export declare const getDayIntl: (years: number) => string;

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/dates/index.d.ts

@@ -1,2 +1,3 @@
 export { getIntlMonth } from './getIntlMonth';
 export { getYearIntl } from './getYearIntl';
+export { getDayIntl } from './getDayIntl';

package/dist/shared/ui/formElements/uncontrolled/slider/model/helpers/getInputSliderSuffix.d.ts

@@ -1,2 +1,2 @@
-import { TSliderVariants } from '../types';
-export declare const getInputSliderSuffix: (variant: TSliderVariants, value: number) => string;
+import { TSuffixVariants } from '../types';
+export declare const getInputSliderSuffix: (suffix: TSuffixVariants, value?: number) => string;

package/dist/shared/ui/formElements/uncontrolled/slider/model/types.d.ts

@@ -1 +1,103 @@
-export type TSliderVariants = 'years' | 'credit';
+import { InputBaseProps } from '../../input';
+import { InputBaseClasses } from '../../input/Input';
+import { SliderClasses } from '../ui';
+export type TSuffixVariants = 'year' | 'month' | 'day' | 'currency' | 'percent';
+export type ExternalHandlers = {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
+    onInputChange?: (value?: number) => void;
+};
+export type SliderBaseClasses = {
+    root?: string;
+    textContainer?: string;
+    input?: string;
+    labelClasses?: string;
+    textRight?: string;
+    textLeft?: string;
+    field?: string;
+    slider?: SliderClasses;
+    inputRoot?: InputBaseClasses;
+};
+export type ComponentType = 'marks' | 'step' | 'algoritmic';
+export interface SliderCommonProps extends Omit<InputBaseProps, 'externalHandlers' | 'onChange' | 'value' | 'defaultValue' | 'type'> {
+    /**
+     * Объект classes с помощью которого можно поменять стили у компонента
+     */
+    classes?: SliderBaseClasses;
+    /**
+     * Левый текст под слайдером
+     */
+    leftText: string | React.ReactElement;
+    /**
+     * Правый текст под слайдером
+     */
+    rightText: string | React.ReactElement;
+    /**
+     * Значение
+     */
+    value?: number;
+    /**
+     * Значение
+     */
+    defaultValue?: number;
+    /**
+     * Сеттер инпута
+     * @param value значение инпута
+     */
+    onChange?: (value: number | undefined) => void;
+    /**
+     * Вариант инпута по дефолту credit (если использовать years то префикс поменяется на (лет, год, года в зависимости от склонения value)
+     */
+    suffix: TSuffixVariants;
+    /**
+     * Label инпута
+     */
+    label: string;
+    /**
+     * Шаг слайдера (если использовать вариант credit, то step будет проигнорирован)
+     */
+    externalHandlers?: ExternalHandlers;
+    type?: 'text' | 'tel' | 'password';
+    /**
+     * Суффикс для слайдер value (например) 74% / 400_000 рублей - / 400_000 это суффикс
+     */
+    additionalSuffix?: string;
+    /**
+     * Значения только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Увеличение значения через слайдер в алгоритимеческой прогрессии
+     */
+    componentType: ComponentType;
+}
+export type SliderMarksProps = SliderCommonProps & {
+    componentType: 'marks';
+    marks: number[];
+    readOnly?: true;
+};
+export type SliderStepProps = SliderCommonProps & {
+    componentType: 'step';
+    step: number;
+    /**
+     * Минимальное значение инпута
+     */
+    min: number;
+    /**
+     * Максимальное значение инпута
+     */
+    max: number;
+};
+export type SliderAlgorithmicProps = SliderCommonProps & {
+    componentType: 'algoritmic';
+    /**
+     * Минимальное значение инпута
+     */
+    min: number;
+    /**
+     * Максимальное значение инпута
+     */
+    max: number;
+};
+export type SliderGatewayProps<Type extends ComponentType> = Type extends 'marks' ? SliderMarksProps : Type extends 'algoritmic' ? SliderAlgorithmicProps : SliderStepProps;

package/dist/shared/ui/formElements/uncontrolled/slider/ui/Slider.d.ts

@@ -1,20 +1,17 @@
-import { TSliderVariants } from '../model/types';
-import * as React from 'react';
 export type SliderClasses = {
-    root?: string;
-    sliderRoot?: string;
-    sliderTrack?: string;
-    sliderThumb?: string;
-    sliderRange?: string;
+    track?: string;
+    rail?: string;
+    handle?: string;
+    tracks?: string;
 };
-export interface SliderProps {
+export interface SliderInnerProps {
     classes?: SliderClasses;
-    onValueChange?: (value: number[]) => void;
-    value: number[];
+    onChange: (value: number) => void;
+    value: number;
     disabled?: boolean;
     min?: number;
     max?: number;
-    step?: number;
-    variant?: TSliderVariants;
+    step?: number | null;
+    marks?: number[];
 }
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SliderInner: ({ classes, min, max, value, step, marks, disabled, onChange, ...props }: SliderInnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const SliderAlgorithmic: React.ForwardRefExoticComponent<import('../../model/types').SliderCommonProps & {
+    componentType: "algoritmic";
+    min: number;
+    max: number;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useSliderAlgorithmic } from './useSliderAlgorithmic';

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/hooks/useSliderAlgorithmic.d.ts

@@ -0,0 +1,18 @@
+interface UseSliderAlgorithmic {
+    min: number;
+    max: number;
+    defaultValue: number;
+    value: number | undefined;
+    onChange?: (value: number) => void;
+}
+export declare const useSliderAlgorithmic: ({ min, max, defaultValue, value, onChange }: UseSliderAlgorithmic) => {
+    handleBlur: (value: number | undefined) => void;
+    handleChangeSlider: (value?: number) => void;
+    toSlider: (value: number | undefined) => number;
+    fromSlider: (value: number) => number;
+    sliderValue: number;
+    sliderStep: number;
+    sliderMin: number;
+    sliderMax: number;
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/index.d.ts

@@ -0,0 +1 @@
+export { SliderAlgorithmic } from './SliderAlgorithmic';

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const SliderMarks: React.ForwardRefExoticComponent<import('../../model/types').SliderCommonProps & {
+    componentType: "marks";
+    marks: number[];
+    readOnly?: true;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useSliderMarks } from './useSliderMarks';

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/hooks/useSliderMarks.d.ts

@@ -0,0 +1,10 @@
+interface UseSliderMarks {
+    marks: number[];
+    onChange?: (value: number) => void;
+}
+export declare const useSliderMarks: ({ marks, onChange }: UseSliderMarks) => {
+    handleChangeSlider: (value?: number) => void;
+    sliderMin: number;
+    sliderMax: number;
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/index.d.ts

@@ -0,0 +1 @@
+export { SliderMarks } from './SliderMarks';

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const SliderStep: React.ForwardRefExoticComponent<import('../../model/types').SliderCommonProps & {
+    componentType: "step";
+    step: number;
+    min: number;
+    max: number;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useSliderStep } from './useSliderStep';

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/hooks/useSliderStep.d.ts

@@ -0,0 +1,14 @@
+interface UseSliderStep {
+    min: number;
+    max: number;
+    step: number;
+    onChange?: (value: number) => void;
+}
+export declare const useSliderStep: ({ min, max, step, onChange }: UseSliderStep) => {
+    handleBlur: (value: number | undefined) => void;
+    handleChangeSlider: (value?: number) => void;
+    sliderStep: number;
+    sliderMin: number;
+    sliderMax: number;
+};
+export {};

package/dist/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/index.d.ts

@@ -0,0 +1 @@
+export { SliderStep } from './SliderStep';

package/dist/shared/utils/typeGuards.d.ts

@@ -9,4 +9,5 @@ export declare class TypeGuards {
     static isArrayEmpty(value: unknown): value is boolean;
     static isObject(value: unknown): value is Record<string, unknown>;
     static isFunction(value: unknown): value is (...args: unknown[]) => unknown;
+    static isObjectEmpty(value: unknown): value is Record<string, never>;
 }

package/dist/shared/validation/base/boolean.validators.d.ts

@@ -1,7 +1,14 @@
 import { default as z } from 'zod';
 export type BooleanValidationOptions<Required extends boolean> = {
-    defaultValue?: boolean;
+    /**
+     * указывает что поле обязательное
+     */
     required?: Required;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
+    defaultValue?: boolean;
     message?: Partial<Record<keyof Omit<BooleanValidationOptions<Required>, 'message'>, string>>;
 };
 declare const getBooleanRequired: (props?: Omit<BooleanValidationOptions<true>, "required">) => z.ZodDefault<z.ZodBoolean>;

package/dist/shared/validation/base/date.validators.d.ts

@@ -24,6 +24,11 @@ export type DateValidationOptions<Required extends boolean> = {
      * указывает что поле обязательное
      */
     required?: Required;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
+    defaultValue?: string;
     message?: {
         min?: string;
         max?: string;

package/dist/shared/validation/base/email.validators.d.ts

@@ -9,6 +9,11 @@ export type EmailValidationOptions<Required extends boolean> = {
      * Регулярное выражение для проверки email на валидность
      */
     regexp?: RegExp | string;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
+    defaultValue?: string;
     message?: {
         min?: string;
         invalid?: string;

package/dist/shared/validation/base/number.validators.d.ts

@@ -14,8 +14,12 @@ export type NumberValidationOptions<Required extends boolean> = {
      * указывает что поле обязательное
      * @default true
      */
-    defaultValue?: number;
     required?: Required;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
+    defaultValue?: number;
     message?: Partial<Record<keyof Omit<NumberValidationOptions<Required>, 'message'>, string>>;
 };
 /**

package/dist/shared/validation/base/phone.validators.d.ts

@@ -14,6 +14,11 @@ export type PhoneValidationOptions<Required extends boolean> = {
      * указывает что поле обязательное
      */
     required?: Required;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
+    defaultValue?: string;
     message?: {
         min?: string;
         invalidOperator?: string;

package/dist/shared/validation/base/select.validators.d.ts

@@ -10,6 +10,10 @@ export type SelectSingleValidationOptions<Required extends boolean, Multi extend
      * @default true
      */
     required?: Required;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
     defaultValue?: string;
     message?: {
         single?: string;

package/dist/shared/validation/base/string.validators.d.ts

@@ -19,6 +19,10 @@ export type StringValidationOptions<Required extends boolean> = {
      * @default true
      */
     required?: Required;
+    /**
+     * значение по умолчанию
+     * @default undefined
+     */
     defaultValue?: string;
     message?: Partial<Record<keyof Omit<StringValidationOptions<Required>, 'message'> | 'root', string>>;
 };

package/dist/shared/validation/base/url.validators.d.ts

@@ -8,6 +8,10 @@ export type UrlValidationOptions<Required extends boolean> = {
      * Регулярное выражение для проверки url на валидность
      */
     regexp?: RegExp | string;
+    /**
+     * значение по умолчанию
+     */
+    defaultValue?: string;
     message?: {
         min?: string;
         invalid?: string;