@scbt-ecom/ui 0.28.1 → 0.29.0

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

@@ -3,21 +3,13 @@ export declare const Controlled: {
     InputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, helperText, classes, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').InputBaseProps, "classes"> & {
         control: import('react-hook-form').Control<TFieldValues>;
         helperText?: string;
-        classes?: {
-            container?: string;
-            input?: string;
-            label?: string;
-        } & {
+        classes?: import('../uncontrolled/input/Input').InputBaseClasses & {
             message?: string;
         };
     }) => import("react/jsx-runtime").JSX.Element;
     MaskInputControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, helperText, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').MaskInputProps, "classes"> & {
         control: import('react-hook-form').Control<TFieldValues>;
-        classes?: {
-            container?: string;
-            input?: string;
-            label?: string;
-        } & {
+        classes?: import('../uncontrolled/input/Input').InputBaseClasses & {
             message?: string;
         };
         helperText?: string;
@@ -106,6 +98,12 @@ export declare const Controlled: {
         dadataBaseUrl: string;
         formatter?: (item: import('./dadata/types').IDadataOrganizationOption) => import('..').SelectItemOption;
     }) => import("react/jsx-runtime").JSX.Element;
+    SliderControl: ({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, ...props }: Omit<import('../uncontrolled/slider/SliderBase').SliderBaseProps, "value" | "onChange" | "classes"> & import('react-hook-form').UseControllerProps<import('react-hook-form').FieldValues, string> & {
+        control: import('react-hook-form').Control<import('react-hook-form').FieldValues>;
+        classes?: import('../uncontrolled/slider/SliderBase').SliderBaseClasses & {
+            container?: string;
+        };
+    }) => import("react/jsx-runtime").JSX.Element;
     TextareaControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, control, name, rules, disabled, defaultValue, shouldUnregister, helperText, ...props }: import('./textarea').TextareaControlProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
     UploaderControl: ({ control, name, defaultValue, rules, shouldUnregister, classes, helperText, disabled, ...props }: import('react-hook-form').UseControllerProps<import('react-hook-form').FieldValues, string> & import('../uncontrolled/uploader').UploaderBaseProps & {
         control: import('react-hook-form').Control<import('react-hook-form').FieldValues>;

package/dist/shared/ui/formElements/controlled/slider/SliderControl.d.ts

@@ -0,0 +1,12 @@
+import { Control, FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import { SliderBaseClasses, SliderBaseProps } from '../../uncontrolled/slider/SliderBase';
+type SliderControlClasses = SliderBaseClasses & {
+    container?: string;
+};
+type SliderControlProps<TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = Omit<SliderBaseProps, 'value' | 'onChange' | 'classes'> & UseControllerProps<TFieldValues, TName> & {
+    control: Control<TFieldValues>;
+    classes?: SliderControlClasses;
+};
+export declare const InnerComponent: ({ control, name, defaultValue, disabled, rules, shouldUnregister, classes, ...props }: SliderControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderControl: typeof InnerComponent;
+export {};

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

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

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

@@ -5,7 +5,6 @@ export * from './SwitchControl';
 export * from './TextareaControl';
 export * from './dadataControl';
 export * from './comboboxControl';
-export * from './sliderControl';
 export * from './editorControl';
 export * from './radioControl';
 export * from './inputCurrencyControl';

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

@@ -7,13 +7,10 @@ export type { SwitchBaseProps } from './switch';
 export type { AutocompleteBaseProps } from './autocomplete';
 export type { RadioGroupBaseProps, RadioOption } from './radio';
 export type { TextareaBaseProps } from './textarea';
+export { isSingleOption } from './select';
 export declare const Uncontrolled: {
     InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
-        classes?: {
-            container?: string;
-            input?: string;
-            label?: string;
-        };
+        classes?: import('./input/Input').InputBaseClasses;
         label: string;
         invalid?: boolean;
         attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
@@ -25,12 +22,10 @@ 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>>;
+    AutocompleteBase: <TData>({ formatter, query, value, returnValue, onChange, ...props }: import('./autocomplete').AutocompleteBaseProps<TData>) => import("react/jsx-runtime").JSX.Element;
     MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
-        classes?: {
-            container?: string;
-            input?: string;
-            label?: string;
-        };
+        classes?: import('./input/Input').InputBaseClasses;
         label: string;
         invalid?: boolean;
         attachmentProps?: import('../../../types').DeepPartial<import('../ui').IFieldAttachmentProps>;
@@ -85,7 +80,6 @@ export declare const Uncontrolled: {
             onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
         };
     } & import('react').RefAttributes<HTMLInputElement>>;
-    AutocompleteBase: <TData>({ formatter, query, value, returnValue, onChange, ...props }: import('./autocomplete').AutocompleteBaseProps<TData>) => import("react/jsx-runtime").JSX.Element;
     SwitchBase: import('react').ForwardRefExoticComponent<import('@radix-ui/react-switch').SwitchProps & {
         classes?: {
             root?: string;

package/dist/shared/ui/formElements/uncontrolled/input/Input.d.ts

@@ -1,6 +1,6 @@
 import { FieldAttachment } from '../../ui';
 import { DeepPartial } from '../../../../types';
-type InputBaseClasses = {
+export type InputBaseClasses = {
     container?: string;
     input?: string;
     label?: string;

package/dist/shared/ui/formElements/uncontrolled/maskInput/MaskInput.d.ts

@@ -26,11 +26,7 @@ export type MaskInputProps = InputBaseProps & {
  * @typeParam `C` позволяет вводить любые буквы, которые определены для использования в гос номерах автомобилей (regexp: `/([АВЕКМНОРСТУХавекмнорстух])/`)
  */
 export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
-    classes?: {
-        container?: string;
-        input?: string;
-        label?: string;
-    };
+    classes?: import('../input/Input').InputBaseClasses;
     label: string;
     invalid?: boolean;
     attachmentProps?: import('../../../../types').DeepPartial<import('../../ui').IFieldAttachmentProps>;

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

@@ -1,2 +1,3 @@
+export { isSingleOption } from './model/typeGuards';
 export { SelectBase, type SelectBaseProps } from './Select';
 export type { SelectItemOption } from './model';

package/dist/shared/ui/formElements/uncontrolled/select/model/typeGuards.d.ts

@@ -0,0 +1,2 @@
+import { SelectItemOption } from '../../../..';
+export declare const isSingleOption: (value?: SelectItemOption | SelectItemOption[]) => value is SelectItemOption;

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

@@ -0,0 +1,74 @@
+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>>;

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

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

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

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

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

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

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

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

package/dist/shared/ui/formElements/{sliderControl → uncontrolled/slider}/model/helpers/index.d.ts

@@ -1,3 +1,2 @@
 export { formatNumber } from './formatNumber';
 export { getInputSliderSuffix } from './getInputSliderSuffix';
-export { getStepByVariant } from './getStepByVariant';

package/dist/shared/ui/formElements/{sliderControl → uncontrolled/slider}/model/useLogarithmic.d.ts

@@ -9,7 +9,7 @@ export declare const useLogarithmic: ({ min, max, defaultSum }: UseLogarithmicPr
     initSum: number;
     startSum: number;
     fromSlider: (value: number) => number;
-    toSlider: (value: number) => number;
+    toSlider: (value: number | undefined) => number;
     round: (sum: number, threshold?: number) => number;
 };
 export {};

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

@@ -0,0 +1,17 @@
+import { TSliderVariants } from './types';
+interface UseSlider {
+    min: number;
+    max: number;
+    defaultValue: number;
+    value: number | undefined;
+    variant: TSliderVariants;
+}
+export declare const useSlider: ({ min, max, defaultValue, value, variant }: UseSlider) => {
+    getSuffixText: (value: number | undefined, variant: TSliderVariants) => string;
+    handleBlur: (value: number | undefined, onChange: (value: number) => void) => void;
+    handleChange: (onChange: (...event: unknown[]) => void, val?: number) => void;
+    toSlider: (value: number | undefined) => number;
+    fromSlider: (value: number) => number;
+    sliderValue: number;
+};
+export {};

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

@@ -0,0 +1,20 @@
+import { TSliderVariants } from '../model/types';
+import * as React from 'react';
+export type SliderClasses = {
+    root?: string;
+    sliderRoot?: string;
+    sliderTrack?: string;
+    sliderThumb?: string;
+    sliderRange?: string;
+};
+export interface SliderProps {
+    classes?: SliderClasses;
+    onValueChange?: (value: number[]) => void;
+    value: number[];
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: TSliderVariants;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.d.ts

@@ -1,5 +1,5 @@
 export type UploaderFileNameClasses = {
-    text?: string;
+    fileText?: string;
 };
 interface UploaderFilenameProps {
     file: File;