@scbt-ecom/ui 0.30.1 → 0.30.2
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.
- package/dist/{CustomLink-CKaoTS8A.js → CustomLink-BerIdUpJ.js} +2 -2
- package/dist/CustomLink-BerIdUpJ.js.map +1 -0
- package/dist/shared/ui/accordion/Accordion.d.ts +6 -8
- package/dist/shared/ui/accordion/index.d.ts +1 -1
- package/dist/shared/ui/accordion/ui/AccordionHeader.d.ts +9 -4
- package/dist/shared/ui/badge/Badge.d.ts +2 -2
- package/dist/shared/ui/brandLogos/BrandLogos.d.ts +3 -3
- package/dist/shared/ui/breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/shared/ui/button/Button.d.ts +3 -3
- package/dist/shared/ui/button/index.d.ts +1 -1
- package/dist/shared/ui/button/model/helpers.d.ts +2 -2
- package/dist/shared/ui/buttonIcon/ButtonIcon.d.ts +4 -4
- package/dist/shared/ui/customLink/CustomLink.d.ts +7 -7
- package/dist/shared/ui/document/Document.d.ts +3 -3
- package/dist/shared/ui/floatButton/FloatButton.d.ts +6 -6
- package/dist/shared/ui/formElements/controlled/index.d.ts +5 -9
- package/dist/shared/ui/formElements/controlled/input/InputControl.d.ts +1 -0
- package/dist/shared/ui/formElements/controlled/textarea/TextareaControl.d.ts +1 -0
- package/dist/shared/ui/formElements/uncontrolled/checkbox/Checkbox.d.ts +2 -1
- package/dist/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.d.ts +15 -2
- package/dist/shared/ui/formElements/uncontrolled/index.d.ts +5 -10
- package/dist/shared/ui/formElements/uncontrolled/radio/RadioGroup.d.ts +2 -0
- package/dist/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.d.ts +1 -2
- package/dist/shared/ui/formElements/uncontrolled/select/ui/SelectItem.d.ts +2 -0
- package/dist/shared/ui/formElements/uncontrolled/uploader/UploaderBase.d.ts +3 -3
- package/dist/shared/ui/heading/Heading.d.ts +2 -2
- package/dist/shared/ui/hint/Hint.d.ts +4 -4
- package/dist/shared/ui/icon/Icon.d.ts +2 -2
- package/dist/shared/ui/icon/index.d.ts +1 -1
- package/dist/shared/ui/keyboardShortcuts/KeyboardShortcuts.d.ts +4 -4
- package/dist/shared/ui/ligal/Ligal.d.ts +4 -4
- package/dist/shared/ui/loader/Loader.d.ts +2 -2
- package/dist/shared/ui/modal/Modal.d.ts +4 -4
- package/dist/shared/ui/modal/ui/ModalHeader.d.ts +2 -2
- package/dist/shared/ui/notification/Notification.d.ts +2 -2
- package/dist/shared/ui/notification/index.d.ts +1 -1
- package/dist/shared/ui/notification/ui/CustomToast.d.ts +2 -2
- package/dist/shared/ui/phoneView/PhoneView.d.ts +4 -4
- package/dist/shared/ui/popover/Popover.d.ts +6 -6
- package/dist/shared/ui/progressBar/ProgressBar.d.ts +2 -2
- package/dist/shared/ui/providers/NotificationProvider.d.ts +2 -2
- package/dist/shared/ui/providers/index.d.ts +1 -1
- package/dist/shared/ui/responsiveContainer/ResponsiveContainer.d.ts +2 -2
- package/dist/shared/ui/section/Section.d.ts +2 -2
- package/dist/shared/ui/skeleton/Skeleton.d.ts +2 -2
- package/dist/shared/ui/tabSwitcher/TabsSwitcher.d.ts +5 -5
- package/dist/shared/ui/tabSwitcher/model/types.d.ts +4 -4
- package/dist/shared/ui/tabSwitcher/ui/TabContent.d.ts +4 -4
- package/dist/ui.js +1342 -1341
- package/dist/ui.js.map +1 -1
- package/dist/widget.js +186 -184
- package/dist/widget.js.map +1 -1
- package/dist/widgets/advantages/Advantages.d.ts +10 -14
- package/dist/widgets/advantages/index.d.ts +1 -1
- package/dist/widgets/advantages/model/index.d.ts +1 -0
- package/dist/widgets/advantages/model/types.d.ts +4 -0
- package/dist/widgets/authProvider/AuthProvider.d.ts +2 -2
- package/dist/widgets/authProvider/model/types.d.ts +23 -23
- package/dist/widgets/authProvider/ui/ui/AuthWrapper.d.ts +6 -6
- package/dist/widgets/authProvider/ui/ui/Links.d.ts +2 -2
- package/dist/widgets/banner/Banner.d.ts +10 -25
- package/dist/widgets/banner/index.d.ts +1 -1
- package/dist/widgets/banner/model/index.d.ts +1 -0
- package/dist/widgets/banner/model/types.d.ts +18 -0
- package/dist/widgets/banner/ui/BannerButtonsGroup.d.ts +9 -9
- package/dist/widgets/banner/ui/banners/BannerImageFull.d.ts +2 -2
- package/dist/widgets/banner/ui/banners/BannerWithSeparateImg.d.ts +2 -2
- package/dist/widgets/benefit/Benefit.d.ts +9 -9
- package/dist/widgets/benefit/index.d.ts +1 -1
- package/dist/widgets/benefit/model/types.d.ts +2 -2
- package/dist/widgets/benefit/ui/BenefitItem.d.ts +10 -10
- package/dist/widgets/footer/Footer.d.ts +8 -8
- package/dist/widgets/footer/index.d.ts +1 -1
- package/dist/widgets/footer/model/defaultValues.d.ts +4 -4
- package/dist/widgets/footer/model/types.d.ts +12 -12
- package/dist/widgets/footer/ui/Copyright.d.ts +4 -4
- package/dist/widgets/footer/ui/FooterLogo.d.ts +4 -4
- package/dist/widgets/footer/ui/NavLinks.d.ts +6 -6
- package/dist/widgets/footer/ui/PhonesBlock.d.ts +6 -6
- package/dist/widgets/footer/ui/SiteMap.d.ts +4 -4
- package/dist/widgets/footer/ui/SocialLinks.d.ts +4 -4
- package/dist/widgets/interLinking/InterLinking.d.ts +11 -11
- package/dist/widgets/interLinking/model/types.d.ts +3 -3
- package/dist/widgets/interLinking/ui/Column.d.ts +8 -8
- package/dist/widgets/interLinking/ui/ColumnGroup.d.ts +11 -11
- package/dist/widgets/interLinking/ui/LinksList.d.ts +6 -6
- package/dist/widgets/longBanner/LongBanner.d.ts +4 -4
- package/dist/widgets/longBanner/index.d.ts +1 -1
- package/dist/widgets/longBanner/model/types.d.ts +10 -10
- package/dist/widgets/longBanner/ui/TextItem.d.ts +2 -2
- package/dist/widgets/longBanner/ui/TextList.d.ts +4 -4
- package/dist/widgets/longBanner/ui/Title.d.ts +4 -4
- package/dist/widgets/pageHeader/PageHeader.d.ts +2 -2
- package/dist/widgets/pageHeader/model/helpers.d.ts +2 -2
- package/dist/widgets/pageHeader/model/types.d.ts +11 -11
- package/dist/widgets/stepper/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/CustomLink-CKaoTS8A.js.map +0 -1
|
@@ -1,19 +1,17 @@
|
|
|
1
|
+
import { AccordionHeaderClasses } from './ui/AccordionHeader';
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
export type
|
|
3
|
+
export type AccordionClasses = {
|
|
3
4
|
root?: string;
|
|
4
5
|
wrapper?: string;
|
|
5
6
|
content?: string;
|
|
6
7
|
contentInner?: string;
|
|
7
|
-
header?:
|
|
8
|
-
trigger?: string;
|
|
9
|
-
label?: string;
|
|
10
|
-
icon?: string;
|
|
8
|
+
header?: AccordionHeaderClasses;
|
|
11
9
|
};
|
|
12
|
-
export interface
|
|
10
|
+
export interface AccordionProps {
|
|
13
11
|
children: React.ReactNode;
|
|
14
12
|
label: string | React.ReactElement;
|
|
15
|
-
classes?:
|
|
13
|
+
classes?: AccordionClasses;
|
|
16
14
|
defaultOpen?: boolean;
|
|
17
15
|
icon?: React.ReactElement;
|
|
18
16
|
}
|
|
19
|
-
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
17
|
+
export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Accordion, type
|
|
1
|
+
export { Accordion, type AccordionProps } from './Accordion';
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import { TAccordionClasses } from '../Accordion';
|
|
2
1
|
import * as React from 'react';
|
|
3
|
-
|
|
2
|
+
export type AccordionHeaderClasses = {
|
|
3
|
+
header?: string;
|
|
4
|
+
trigger?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
};
|
|
8
|
+
interface AccordionHeaderProps {
|
|
4
9
|
children?: React.ReactElement | string;
|
|
5
|
-
classes?:
|
|
10
|
+
classes?: AccordionHeaderClasses;
|
|
6
11
|
icon?: React.ReactElement;
|
|
7
12
|
}
|
|
8
|
-
export declare const AccordionHeader: React.ForwardRefExoticComponent<
|
|
13
|
+
export declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
14
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement } from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
3
|
children: ReactElement | string;
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const Badge: ({ children, className, ...props }:
|
|
6
|
+
export declare const Badge: ({ children, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
export type
|
|
3
|
-
type
|
|
4
|
-
export declare const brandLogos:
|
|
2
|
+
export type BrandLogoVariant = 'main' | 'white' | 'gray' | 'black' | 'business' | 'insurance';
|
|
3
|
+
type BrandLogosVariants = Record<BrandLogoVariant, ReactElement>;
|
|
4
|
+
export declare const brandLogos: BrandLogosVariants;
|
|
5
5
|
export {};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface BreadcrumbLink {
|
|
3
3
|
label: string | ReactElement;
|
|
4
4
|
path: string;
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
}
|
|
7
|
-
interface
|
|
7
|
+
interface BreadcrumbLinkWithoutPath {
|
|
8
8
|
label: string;
|
|
9
9
|
isDisabled?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export type
|
|
12
|
-
export interface
|
|
13
|
-
linksList:
|
|
11
|
+
export type LinksList = [...BreadcrumbLink[], BreadcrumbLinkWithoutPath];
|
|
12
|
+
export interface BreadcrumbsProps {
|
|
13
|
+
linksList: LinksList;
|
|
14
14
|
}
|
|
15
|
-
export declare const Breadcrumbs: ({ linksList }:
|
|
15
|
+
export declare const Breadcrumbs: ({ linksList }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -7,11 +7,11 @@ declare const buttonConfig: (props?: ({
|
|
|
7
7
|
isFull?: boolean | null | undefined;
|
|
8
8
|
isLoading?: boolean | null | undefined;
|
|
9
9
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
-
export type
|
|
11
|
-
export interface
|
|
10
|
+
export type ButtonConfig = VariantProps<typeof buttonConfig>;
|
|
11
|
+
export interface ButtonProps extends ComponentProps<'button'>, ButtonConfig {
|
|
12
12
|
iconLeft?: ReactElement;
|
|
13
13
|
iconRight?: ReactElement;
|
|
14
14
|
isLoading?: boolean;
|
|
15
15
|
}
|
|
16
|
-
export declare const Button: import('react').ForwardRefExoticComponent<Omit<
|
|
16
|
+
export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
17
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Button, type
|
|
1
|
+
export { Button, type ButtonProps } from './Button';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const setButtonLoaderIntent: (intent:
|
|
1
|
+
import { ButtonConfig } from '../Button';
|
|
2
|
+
export declare const setButtonLoaderIntent: (intent: ButtonConfig["intent"]) => "primary" | "secondary" | null | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentProps, ReactElement } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
type
|
|
3
|
+
type ButtonClasses = {
|
|
4
4
|
button: string;
|
|
5
5
|
icon: string;
|
|
6
6
|
};
|
|
@@ -8,10 +8,10 @@ declare const buttonConfig: (props?: ({
|
|
|
8
8
|
intent?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
9
9
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
10
10
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
|
-
type
|
|
12
|
-
export interface IButtonIconProps extends Omit<ComponentProps<'button'>, 'className'>,
|
|
11
|
+
type ButtonProps = VariantProps<typeof buttonConfig>;
|
|
12
|
+
export interface IButtonIconProps extends Omit<ComponentProps<'button'>, 'className'>, ButtonProps {
|
|
13
13
|
children: ReactElement;
|
|
14
|
-
classes?: Partial<
|
|
14
|
+
classes?: Partial<ButtonClasses>;
|
|
15
15
|
}
|
|
16
16
|
export declare const ButtonIcon: import('react').ForwardRefExoticComponent<Omit<IButtonIconProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
17
17
|
export {};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import {
|
|
3
|
+
import { AllowedIcons } from '..';
|
|
4
4
|
declare const customLinkConfig: (props?: ({
|
|
5
5
|
intent?: "blue" | "white" | null | undefined;
|
|
6
6
|
withUnderline?: boolean | null | undefined;
|
|
7
7
|
disabled?: boolean | null | undefined;
|
|
8
8
|
size?: "sm" | "md" | null | undefined;
|
|
9
9
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
-
type
|
|
10
|
+
type CustomLinkClasses = {
|
|
11
11
|
link?: string;
|
|
12
12
|
icon?: string;
|
|
13
13
|
};
|
|
14
|
-
type
|
|
15
|
-
export interface
|
|
16
|
-
icon?:
|
|
17
|
-
classes?:
|
|
14
|
+
type CustomLinkConfig = VariantProps<typeof customLinkConfig>;
|
|
15
|
+
export interface CustomLinkProps extends CustomLinkConfig, Omit<ComponentProps<'a'>, 'className'> {
|
|
16
|
+
icon?: AllowedIcons;
|
|
17
|
+
classes?: CustomLinkClasses;
|
|
18
18
|
}
|
|
19
|
-
export declare const CustomLink: ({ intent, children, disabled, size, icon, classes, withUnderline, ...props }:
|
|
19
|
+
export declare const CustomLink: ({ intent, children, disabled, size, icon, classes, withUnderline, ...props }: CustomLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export {};
|
|
@@ -3,12 +3,12 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
declare const iconConfig: (props?: ({
|
|
4
4
|
intent?: "outline" | "filled" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
type
|
|
7
|
-
export interface
|
|
6
|
+
type IconConfig = VariantProps<typeof iconConfig>;
|
|
7
|
+
export interface DocumentProps extends IconConfig {
|
|
8
8
|
text: string | ReactElement;
|
|
9
9
|
size: number;
|
|
10
10
|
sizeType: 'КБ' | 'МБ';
|
|
11
11
|
href: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const Document: ({ text, size, sizeType, href, intent }:
|
|
13
|
+
export declare const Document: ({ text, size, sizeType, href, intent }: DocumentProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
type
|
|
1
|
+
import { ButtonProps } from '..';
|
|
2
|
+
type FloatButtonClasses = {
|
|
3
3
|
root?: string;
|
|
4
4
|
button?: string;
|
|
5
5
|
};
|
|
6
|
-
export interface
|
|
6
|
+
export interface FloatButtonProps {
|
|
7
7
|
isVisible: boolean;
|
|
8
|
-
classes?:
|
|
8
|
+
classes?: FloatButtonClasses;
|
|
9
9
|
children: React.ReactElement;
|
|
10
|
-
buttonProps?:
|
|
10
|
+
buttonProps?: ButtonProps;
|
|
11
11
|
}
|
|
12
|
-
export declare const FloatButton: ({ isVisible, classes, children, buttonProps }:
|
|
12
|
+
export declare const FloatButton: ({ isVisible, classes, children, buttonProps }: FloatButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -5,6 +5,7 @@ export declare const Controlled: {
|
|
|
5
5
|
helperText?: string;
|
|
6
6
|
classes?: import('../uncontrolled/input/Input').InputBaseClasses & {
|
|
7
7
|
message?: string;
|
|
8
|
+
root?: string;
|
|
8
9
|
};
|
|
9
10
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
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"> & {
|
|
@@ -18,10 +19,7 @@ export declare const Controlled: {
|
|
|
18
19
|
CheckboxControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ control, classes, className, name, rules, shouldUnregister, defaultValue, disabled, children, helperText, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').CheckboxBaseProps, "classes"> & {
|
|
19
20
|
control: import('react-hook-form').Control<TFieldValues>;
|
|
20
21
|
children: React.ReactElement | string;
|
|
21
|
-
classes?: {
|
|
22
|
-
root?: string;
|
|
23
|
-
indicator?: string;
|
|
24
|
-
} & {
|
|
22
|
+
classes?: import('../uncontrolled/checkbox/Checkbox').CheckboxBaseClasses & {
|
|
25
23
|
container?: string;
|
|
26
24
|
message?: string;
|
|
27
25
|
label?: string;
|
|
@@ -48,6 +46,7 @@ export declare const Controlled: {
|
|
|
48
46
|
classes?: {
|
|
49
47
|
item?: string;
|
|
50
48
|
helperText?: string;
|
|
49
|
+
checkbox?: import('../uncontrolled/checkbox/Checkbox').CheckboxBaseClasses;
|
|
51
50
|
} & {
|
|
52
51
|
root?: string;
|
|
53
52
|
list?: string;
|
|
@@ -62,13 +61,10 @@ export declare const Controlled: {
|
|
|
62
61
|
RadioGroupControl: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues>({ classes, className, control, name, rules, shouldUnregister, disabled, defaultValue, helperText, label, ...props }: import('react-hook-form').UseControllerProps<TFieldValues, import('react-hook-form').Path<TFieldValues>> & Omit<import('..').RadioGroupBaseProps, "classes"> & {
|
|
63
62
|
label: string;
|
|
64
63
|
control: import('react-hook-form').Control<TFieldValues>;
|
|
65
|
-
classes?: {
|
|
66
|
-
item?: string;
|
|
67
|
-
indicator?: string;
|
|
68
|
-
label?: string;
|
|
69
|
-
} & {
|
|
64
|
+
classes?: import('../uncontrolled/radio/ui/RadioItem').RadioItemClasses & {
|
|
70
65
|
root?: string;
|
|
71
66
|
list?: string;
|
|
67
|
+
radioItem?: import('../uncontrolled/radio/ui/RadioItem').RadioItemClasses;
|
|
72
68
|
} & {
|
|
73
69
|
container?: string;
|
|
74
70
|
message?: string;
|
|
@@ -2,6 +2,7 @@ import { Control, FieldValues, Path, UseControllerProps } from 'react-hook-form'
|
|
|
2
2
|
import { InputBaseProps } from '../../uncontrolled';
|
|
3
3
|
type InputControlClasses = InputBaseProps['classes'] & {
|
|
4
4
|
message?: string;
|
|
5
|
+
root?: string;
|
|
5
6
|
};
|
|
6
7
|
type InputControlProps<TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = UseControllerProps<TFieldValues, TName> & Omit<InputBaseProps, 'classes'> & {
|
|
7
8
|
/**
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';
|
|
2
2
|
import { TextareaBaseProps } from '../../..';
|
|
3
3
|
type TextareaControlClasses = TextareaBaseProps['classes'] & {
|
|
4
|
+
root?: string;
|
|
4
5
|
message?: string;
|
|
5
6
|
};
|
|
6
7
|
export type TextareaControlProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & Omit<TextareaBaseProps, 'classes'> & {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { CheckboxProps as CheckboxPrimitiveProps, CheckedState } from '@radix-ui/react-checkbox';
|
|
2
|
-
type CheckboxBaseClasses = {
|
|
2
|
+
export type CheckboxBaseClasses = {
|
|
3
3
|
root?: string;
|
|
4
4
|
indicator?: string;
|
|
5
|
+
icon?: string;
|
|
5
6
|
};
|
|
6
7
|
export type { CheckedState };
|
|
7
8
|
type ExternalHandlers = {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { InputBaseClasses } from '../input/Input';
|
|
1
2
|
import { MaskInputProps } from '../../..';
|
|
2
3
|
type ExternalHandlers = {
|
|
3
4
|
onChange?: (value: string) => void;
|
|
@@ -5,7 +6,11 @@ type ExternalHandlers = {
|
|
|
5
6
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
6
7
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
7
8
|
};
|
|
8
|
-
export type
|
|
9
|
+
export type DayPickerClasses = {
|
|
10
|
+
root?: string;
|
|
11
|
+
input?: InputBaseClasses;
|
|
12
|
+
};
|
|
13
|
+
export type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask' | 'classes'> & {
|
|
9
14
|
/**
|
|
10
15
|
* Указывает, открыт ли календарь по умолчанию
|
|
11
16
|
*/
|
|
@@ -18,12 +23,16 @@ export type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask'>
|
|
|
18
23
|
* Функция изменения значения
|
|
19
24
|
*/
|
|
20
25
|
onChange?: (value: string) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Внешние классы которыми можно поменять стили
|
|
28
|
+
*/
|
|
29
|
+
classes?: DayPickerClasses;
|
|
21
30
|
/**
|
|
22
31
|
* Дополнительные хендлеры
|
|
23
32
|
*/
|
|
24
33
|
externalHandlers?: ExternalHandlers;
|
|
25
34
|
};
|
|
26
|
-
export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Omit<MaskInputProps, "value" | "onChange" | "mask"> & {
|
|
35
|
+
export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Omit<MaskInputProps, "value" | "onChange" | "mask" | "classes"> & {
|
|
27
36
|
/**
|
|
28
37
|
* Указывает, открыт ли календарь по умолчанию
|
|
29
38
|
*/
|
|
@@ -36,6 +45,10 @@ export declare const DayPickerBase: import('react').ForwardRefExoticComponent<Om
|
|
|
36
45
|
* Функция изменения значения
|
|
37
46
|
*/
|
|
38
47
|
onChange?: (value: string) => void;
|
|
48
|
+
/**
|
|
49
|
+
* Внешние классы которыми можно поменять стили
|
|
50
|
+
*/
|
|
51
|
+
classes?: DayPickerClasses;
|
|
39
52
|
/**
|
|
40
53
|
* Дополнительные хендлеры
|
|
41
54
|
*/
|
|
@@ -57,10 +57,7 @@ export declare const Uncontrolled: {
|
|
|
57
57
|
externalHandlers?: import('./select/Select').ExternalHandlers;
|
|
58
58
|
} & import('react').RefAttributes<HTMLElement>>;
|
|
59
59
|
CheckboxBase: import('react').ForwardRefExoticComponent<import('@radix-ui/react-checkbox').CheckboxProps & {
|
|
60
|
-
classes?:
|
|
61
|
-
root?: string;
|
|
62
|
-
indicator?: string;
|
|
63
|
-
};
|
|
60
|
+
classes?: import('./checkbox/Checkbox').CheckboxBaseClasses;
|
|
64
61
|
invalid?: boolean;
|
|
65
62
|
externalHandlers?: {
|
|
66
63
|
onChange?: (value: import('@radix-ui/react-checkbox').CheckedState) => void;
|
|
@@ -69,10 +66,11 @@ export declare const Uncontrolled: {
|
|
|
69
66
|
onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
|
|
70
67
|
};
|
|
71
68
|
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
72
|
-
DayPickerBase: import('react').ForwardRefExoticComponent<Omit<import('./maskInput').MaskInputProps, "value" | "onChange" | "mask"> & {
|
|
69
|
+
DayPickerBase: import('react').ForwardRefExoticComponent<Omit<import('./maskInput').MaskInputProps, "value" | "onChange" | "mask" | "classes"> & {
|
|
73
70
|
defaultOpen?: boolean;
|
|
74
71
|
value?: string;
|
|
75
72
|
onChange?: (value: string) => void;
|
|
73
|
+
classes?: import('./dayPicker/DayPicker').DayPickerClasses;
|
|
76
74
|
externalHandlers?: {
|
|
77
75
|
onChange?: (value: string) => void;
|
|
78
76
|
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
@@ -96,13 +94,10 @@ export declare const Uncontrolled: {
|
|
|
96
94
|
options: import('./radio').RadioOption[];
|
|
97
95
|
displayValue?: (option: import('./radio').RadioOption) => string;
|
|
98
96
|
returnValue?: (option: import('./radio').RadioOption) => string;
|
|
99
|
-
classes?: {
|
|
100
|
-
item?: string;
|
|
101
|
-
indicator?: string;
|
|
102
|
-
label?: string;
|
|
103
|
-
} & {
|
|
97
|
+
classes?: import('./radio/ui/RadioItem').RadioItemClasses & {
|
|
104
98
|
root?: string;
|
|
105
99
|
list?: string;
|
|
100
|
+
radioItem?: import('./radio/ui/RadioItem').RadioItemClasses;
|
|
106
101
|
};
|
|
107
102
|
invalid?: boolean;
|
|
108
103
|
externalHandlers?: {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { RadioGroupProps as RadioGroupPrimitiveProps } from '@radix-ui/react-radio-group';
|
|
2
2
|
import { RadioItemProps, RadioOption } from './ui';
|
|
3
|
+
import { RadioItemClasses } from './ui/RadioItem';
|
|
3
4
|
type RadioGroupClasses = RadioItemProps['classes'] & {
|
|
4
5
|
root?: string;
|
|
5
6
|
list?: string;
|
|
7
|
+
radioItem?: RadioItemClasses;
|
|
6
8
|
};
|
|
7
9
|
type ExternalHandlers = {
|
|
8
10
|
onChange?: (value: string) => void;
|
|
@@ -5,7 +5,7 @@ export type RadioOption = {
|
|
|
5
5
|
label: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
};
|
|
8
|
-
type RadioItemClasses = {
|
|
8
|
+
export type RadioItemClasses = {
|
|
9
9
|
item?: string;
|
|
10
10
|
indicator?: string;
|
|
11
11
|
label?: string;
|
|
@@ -33,4 +33,3 @@ export type RadioItemProps = Omit<RadioGroupItemProps, 'value'> & {
|
|
|
33
33
|
invalid?: boolean;
|
|
34
34
|
};
|
|
35
35
|
export declare const RadioItem: import('react').MemoExoticComponent<({ item, disabled, displayValue, returnValue, classes, className, invalid, ...props }: RadioItemProps) => import("react/jsx-runtime").JSX.Element>;
|
|
36
|
-
export {};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ComboboxOptionProps } from '@headlessui/react';
|
|
2
2
|
import { motion } from 'framer-motion';
|
|
3
|
+
import { CheckboxBaseClasses } from '../../checkbox/Checkbox';
|
|
3
4
|
import { SelectItemOption } from '../model';
|
|
4
5
|
type SelectItemClasses = {
|
|
5
6
|
item?: string;
|
|
6
7
|
helperText?: string;
|
|
8
|
+
checkbox?: CheckboxBaseClasses;
|
|
7
9
|
};
|
|
8
10
|
export type SelectItemProps = Omit<ComboboxOptionProps, 'className' | 'value'> & {
|
|
9
11
|
option: SelectItemOption;
|
|
@@ -21,16 +21,16 @@ export interface UploaderBaseProps extends Omit<InputHTMLAttributes<HTMLInputEle
|
|
|
21
21
|
*/
|
|
22
22
|
helperText?: string;
|
|
23
23
|
/**
|
|
24
|
-
* Сеттер
|
|
24
|
+
* Сеттер значение
|
|
25
25
|
* @param file - файлы
|
|
26
26
|
*/
|
|
27
27
|
onChange: (file: File[]) => void;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* Валидное ли значение
|
|
30
30
|
*/
|
|
31
31
|
invalid?: boolean;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Значение
|
|
34
34
|
*/
|
|
35
35
|
value: File[];
|
|
36
36
|
}
|
|
@@ -3,10 +3,10 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
declare const headingConfig: (props?: ({
|
|
4
4
|
as?: "h1" | "h2" | "h3" | "h4" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
export interface
|
|
6
|
+
export interface HeadingProps extends VariantProps<typeof headingConfig> {
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
className?: string;
|
|
9
9
|
as?: 'h1' | 'h2' | 'h3' | 'h4';
|
|
10
10
|
}
|
|
11
|
-
export declare const Heading: ({ as, children, className, ...props }:
|
|
11
|
+
export declare const Heading: ({ as, children, className, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
3
|
-
type
|
|
3
|
+
type HintClasses = {
|
|
4
4
|
content?: string;
|
|
5
5
|
arrow?: string;
|
|
6
6
|
trigger?: string;
|
|
7
7
|
};
|
|
8
|
-
export interface
|
|
8
|
+
export interface HintContentProps extends TooltipPrimitive.TooltipContentProps {
|
|
9
9
|
delayDuration?: number;
|
|
10
10
|
sideOffset?: number;
|
|
11
11
|
align?: 'end' | 'center' | 'start';
|
|
12
12
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
13
13
|
defaultOpen?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export interface IHintProps extends
|
|
15
|
+
export interface IHintProps extends HintContentProps {
|
|
16
16
|
triggerElement: React.ReactElement;
|
|
17
17
|
children: React.ReactElement | string;
|
|
18
|
-
classes?:
|
|
18
|
+
classes?: HintClasses;
|
|
19
19
|
}
|
|
20
20
|
export declare const Hint: ({ triggerElement, children, delayDuration, sideOffset, align, side, defaultOpen, classes, ...contentProps }: IHintProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { SpritesMap } from './sprite.gen';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
export type IconName<Key extends keyof SpritesMap> = `${Key}/${SpritesMap[Key]}`;
|
|
4
|
-
export type
|
|
4
|
+
export type AllowedIcons = {
|
|
5
5
|
[Key in keyof SpritesMap]: IconName<Key>;
|
|
6
6
|
}[keyof SpritesMap];
|
|
7
7
|
export interface IconProps extends React.SVGProps<SVGSVGElement> {
|
|
8
|
-
name:
|
|
8
|
+
name: AllowedIcons;
|
|
9
9
|
}
|
|
10
10
|
export declare const Icon: ({ name, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Icon, type IconProps, type
|
|
1
|
+
export { Icon, type IconProps, type AllowedIcons } from './Icon';
|
|
2
2
|
export type { SpritesMap } from './sprite.gen';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
type
|
|
1
|
+
type KeyboardShortcutsClasses = {
|
|
2
2
|
root?: string;
|
|
3
3
|
keys?: string;
|
|
4
4
|
key?: string;
|
|
5
5
|
};
|
|
6
|
-
export interface
|
|
6
|
+
export interface KeyboardShortcutsProps {
|
|
7
7
|
keyList: string[];
|
|
8
|
-
classes?:
|
|
8
|
+
classes?: KeyboardShortcutsClasses;
|
|
9
9
|
}
|
|
10
|
-
export declare const KeyboardShortcuts: ({ keyList, classes }:
|
|
10
|
+
export declare const KeyboardShortcuts: ({ keyList, classes }: KeyboardShortcutsProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
type
|
|
2
|
+
type LigalClasses = {
|
|
3
3
|
ligalRoot?: string;
|
|
4
4
|
ligalText?: string;
|
|
5
5
|
ligalButton?: string;
|
|
6
6
|
};
|
|
7
|
-
export interface
|
|
7
|
+
export interface LigalProps {
|
|
8
8
|
text: string | React.ReactElement;
|
|
9
|
-
classes?:
|
|
9
|
+
classes?: LigalClasses;
|
|
10
10
|
}
|
|
11
|
-
export declare const Ligal: ({ text, classes }:
|
|
11
|
+
export declare const Ligal: ({ text, classes }: LigalProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -12,10 +12,10 @@ type TLoaderClasses = {
|
|
|
12
12
|
loader?: string;
|
|
13
13
|
text?: string;
|
|
14
14
|
};
|
|
15
|
-
export interface
|
|
15
|
+
export interface LoaderProps extends VariantProps<typeof loaderConfig>, VariantProps<typeof wrapperConfig>, Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
16
16
|
intent?: 'primary' | 'secondary' | null;
|
|
17
17
|
text?: ReactElement | string;
|
|
18
18
|
classes?: TLoaderClasses;
|
|
19
19
|
}
|
|
20
|
-
export declare const Loader: ({ size, classes, intent, position, text, ...props }:
|
|
20
|
+
export declare const Loader: ({ size, classes, intent, position, text, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { TModalHeaderClasses } from './ui/ModalHeader';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
type
|
|
3
|
+
type ModalClasses = {
|
|
4
4
|
overlay?: string;
|
|
5
5
|
modal?: string;
|
|
6
6
|
content?: string;
|
|
7
7
|
modalHeader?: TModalHeaderClasses;
|
|
8
8
|
};
|
|
9
|
-
export interface
|
|
9
|
+
export interface ModalProps {
|
|
10
10
|
children: React.ReactElement;
|
|
11
11
|
isModalOpen: boolean;
|
|
12
|
-
classes?:
|
|
12
|
+
classes?: ModalClasses;
|
|
13
13
|
isPortal?: boolean;
|
|
14
14
|
portalContainer?: HTMLElement;
|
|
15
15
|
title?: string | React.ReactElement;
|
|
16
16
|
closeModal: () => void;
|
|
17
17
|
}
|
|
18
|
-
export declare const Modal: ({ title, children, isModalOpen, isPortal, portalContainer, closeModal, classes }:
|
|
18
|
+
export declare const Modal: ({ title, children, isModalOpen, isPortal, portalContainer, closeModal, classes }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ModalProps } from '../Modal';
|
|
2
2
|
export type TModalHeaderClasses = {
|
|
3
3
|
header?: string;
|
|
4
4
|
title?: string;
|
|
5
5
|
icon?: string;
|
|
6
6
|
};
|
|
7
|
-
export interface IModalHeaderProps extends Pick<
|
|
7
|
+
export interface IModalHeaderProps extends Pick<ModalProps, 'closeModal' | 'title'> {
|
|
8
8
|
classes?: TModalHeaderClasses;
|
|
9
9
|
}
|
|
10
10
|
export declare const ModalHeader: ({ title, closeModal, classes }: IModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface NotificationProps {
|
|
3
3
|
duration?: number;
|
|
4
4
|
intent: 'info' | 'error';
|
|
5
5
|
text: string | ReactElement;
|
|
@@ -7,4 +7,4 @@ export interface INotificationProps {
|
|
|
7
7
|
content?: ReactElement;
|
|
8
8
|
closure?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const Notification: (props:
|
|
10
|
+
export declare const Notification: (props: NotificationProps) => string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Notification, type
|
|
1
|
+
export { Notification, type NotificationProps } from './Notification';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Toast } from 'react-hot-toast';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import {
|
|
3
|
+
import { NotificationProps } from '../Notification';
|
|
4
4
|
declare const toastContainerConfig: (props?: ({
|
|
5
5
|
intent?: "error" | "info" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
type TContainerConfig = VariantProps<typeof toastContainerConfig>;
|
|
8
|
-
export type ICustomToastProps =
|
|
8
|
+
export type ICustomToastProps = NotificationProps & TContainerConfig & Toast;
|
|
9
9
|
export declare const CustomToast: ({ intent, text, customIcon, closure, content, id }: ICustomToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|