@scbt-ecom/ui 0.57.0 → 0.59.0
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/{index-C8bHj4_Y.js → index-Bnb3sS3q.js} +6 -3
- package/dist/{index-C8bHj4_Y.js.map → index-Bnb3sS3q.js.map} +1 -1
- package/dist/shared/ui/button/model/helpers.d.ts +1 -1
- package/dist/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.d.ts +1 -1
- package/dist/shared/ui/formElements/uncontrolled/index.d.ts +3 -3
- package/dist/shared/ui/formElements/uncontrolled/select/Select.d.ts +1 -1
- package/dist/shared/ui/formElements/uncontrolled/select/ui/SelectItem.d.ts +1 -1
- package/dist/shared/ui/formElements/uncontrolled/textarea/Textarea.d.ts +1 -1
- package/dist/ui.js +2 -2
- package/dist/widget.js +861 -744
- package/dist/widget.js.map +1 -1
- package/dist/widgets/advantages/Advantages.d.ts +4 -3
- package/dist/widgets/banner/Banner.d.ts +17 -3
- package/dist/widgets/banner/ui/banners/BannerWithSeparateImg.d.ts +1 -1
- package/dist/widgets/benefit/model/types.d.ts +5 -1
- package/dist/widgets/benefit/ui/BenefitItem.d.ts +6 -2
- package/dist/widgets/footer/Footer.d.ts +10 -9
- package/dist/widgets/footer/model/types.d.ts +34 -12
- package/dist/widgets/footer/ui/NavLinks.d.ts +3 -3
- package/dist/widgets/header/Header.d.ts +2 -2
- package/dist/widgets/header/model/helpers.d.ts +2 -2
- package/dist/widgets/header/model/types.d.ts +4 -5
- package/dist/widgets/interLinking/InterLinking.d.ts +1 -1
- package/dist/widgets/interLinking/model/types.d.ts +2 -4
- package/dist/widgets/longBanner/LongBanner.d.ts +13 -6
- package/dist/widgets/longBanner/model/types.d.ts +12 -15
- package/dist/widgets/longBanner/ui/TextItem.d.ts +1 -1
- package/dist/widgets/longBanner/ui/TextList.d.ts +3 -3
- package/dist/widgets/model/helpers.d.ts +2 -1
- package/dist/widgets/stepper/Stepper.d.ts +3 -5
- package/dist/widgets/usefulInfo/UsefulInfo.d.ts +14 -2
- package/dist/widgets/usefulInfo/model/types.d.ts +9 -34
- package/dist/widgets/usefulInfo/ui/RenderEntity.d.ts +13 -2
- package/dist/widgets/usefulInfo/ui/Tabs.d.ts +6 -1
- package/dist/widgets/usefulInfo/ui/subEntities/documents/Documents.d.ts +23 -2
- package/dist/widgets/usefulInfo/ui/subEntities/documents/ui/document/Document.d.ts +9 -1
- package/dist/widgets/usefulInfo/ui/subEntities/html/Html.d.ts +11 -2
- package/dist/widgets/usefulInfo/ui/subEntities/table/Table.d.ts +32 -2
- package/dist/widgets/usefulInfo/ui/subEntities/table/model/utils.d.ts +2 -1
- package/dist/widgets/usefulInfo/ui/subEntities/table/ui/DesktopHeadings.d.ts +9 -4
- package/dist/widgets/usefulInfo/ui/subEntities/table/ui/DesktopRow.d.ts +9 -4
- package/dist/widgets/usefulInfo/ui/subEntities/table/ui/MobileRow.d.ts +13 -6
- package/dist/widgets/usefulInfo/ui/subEntities/table/ui/TableBody.d.ts +16 -6
- package/package.json +1 -1
|
@@ -6,10 +6,11 @@ export interface AdvantageClasses {
|
|
|
6
6
|
description?: string;
|
|
7
7
|
}
|
|
8
8
|
export interface AdvantagesProps {
|
|
9
|
-
|
|
9
|
+
details: {
|
|
10
10
|
variant: 'threeCards' | 'fourCards';
|
|
11
|
-
|
|
11
|
+
items: AdvantageItem[];
|
|
12
12
|
};
|
|
13
|
+
enabled?: boolean;
|
|
13
14
|
classes?: AdvantageClasses;
|
|
14
15
|
}
|
|
15
|
-
export declare const Advantages: ({
|
|
16
|
+
export declare const Advantages: ({ details, classes }: AdvantagesProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +1,32 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { ButtonProps } from '../../shared/ui';
|
|
2
3
|
import { AdvantageClasses, AdvantagesProps } from '../advantages/Advantages';
|
|
4
|
+
import { ButtonHandlerOptions } from '../buttonWithHandlers';
|
|
3
5
|
import { BackgroundBannerColorsValues } from './model/constants';
|
|
4
|
-
import { BannerClasses,
|
|
6
|
+
import { BannerClasses, ImgBanner } from './model/types';
|
|
5
7
|
export interface BannerProps {
|
|
6
8
|
headTitle: string | ReactElement;
|
|
7
9
|
subtitle: string | ReactElement;
|
|
8
10
|
imgDesktop: ImgBanner;
|
|
9
11
|
imgMobile: ImgBanner;
|
|
10
|
-
buttonsConfig:
|
|
12
|
+
buttonsConfig: {
|
|
13
|
+
primary: {
|
|
14
|
+
buttonContent: ButtonProps & {
|
|
15
|
+
handlerOptions: ButtonHandlerOptions;
|
|
16
|
+
};
|
|
17
|
+
enabled: boolean;
|
|
18
|
+
};
|
|
19
|
+
secondary?: {
|
|
20
|
+
buttonContent: ButtonProps & {
|
|
21
|
+
handlerOptions: ButtonHandlerOptions;
|
|
22
|
+
};
|
|
23
|
+
enabled: boolean;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
11
26
|
advantages?: AdvantagesProps;
|
|
12
27
|
classes?: BannerClasses & {
|
|
13
28
|
advantages?: AdvantageClasses;
|
|
14
29
|
};
|
|
15
|
-
withAdvantages?: boolean;
|
|
16
30
|
variant?: 'separateImg' | 'fullImg';
|
|
17
31
|
color?: BackgroundBannerColorsValues;
|
|
18
32
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { BannerProps } from '../../..';
|
|
2
|
-
export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile,
|
|
2
|
+
export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, color }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { ButtonProps } from '../../../shared/ui';
|
|
3
|
+
import { ButtonHandlerOptions } from '../../buttonWithHandlers';
|
|
2
4
|
import { allowedBannersBackgroundColors } from '../../../shared/constants';
|
|
3
5
|
import { backgroundBenefitColors, BackgroundBenefitColorsValues } from './constants';
|
|
4
6
|
export type Colors = keyof typeof allowedBannersBackgroundColors;
|
|
@@ -7,7 +9,9 @@ export type Img = {
|
|
|
7
9
|
url: string;
|
|
8
10
|
};
|
|
9
11
|
export type Details = {
|
|
10
|
-
|
|
12
|
+
button?: ButtonProps & {
|
|
13
|
+
handlerOptions: ButtonHandlerOptions;
|
|
14
|
+
};
|
|
11
15
|
img?: ReactElement | Img;
|
|
12
16
|
title: string;
|
|
13
17
|
subtitle: string;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { BackgroundBenefitColorsValues } from '../model/constants';
|
|
3
|
+
import { ButtonProps } from '../../../shared/ui';
|
|
3
4
|
import { Img } from '../model/types';
|
|
5
|
+
import { ButtonHandlerOptions } from '../../buttonWithHandlers';
|
|
4
6
|
export type BenefitItemClasses = {
|
|
5
7
|
root?: string;
|
|
6
8
|
button?: string;
|
|
@@ -18,8 +20,10 @@ export interface BenefitItemProps {
|
|
|
18
20
|
mobileImg?: boolean;
|
|
19
21
|
classes?: BenefitItemClasses;
|
|
20
22
|
withButton?: boolean;
|
|
21
|
-
|
|
23
|
+
button?: ButtonProps & {
|
|
24
|
+
handlerOptions: ButtonHandlerOptions;
|
|
25
|
+
};
|
|
22
26
|
variant?: 'twoCards' | 'threeCards' | 'fourCards';
|
|
23
27
|
color?: BackgroundBenefitColorsValues;
|
|
24
28
|
}
|
|
25
|
-
export declare const BenefitItem: ({ subtitle, title, img, mobileImg, classes, withButton,
|
|
29
|
+
export declare const BenefitItem: ({ subtitle, title, img, mobileImg, classes, withButton, button, variant, color }: BenefitItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface FooterProps {
|
|
1
|
+
import { CopyrightType, Details, FooterClasses, LigalType, PhonesType, SocialsLinksType } from './model/types';
|
|
2
|
+
export interface FooterProps<Enabled extends boolean> {
|
|
3
|
+
variant: 'fourCols';
|
|
4
|
+
socialsLinks: SocialsLinksType<Enabled>;
|
|
5
|
+
phones: PhonesType<Enabled>;
|
|
6
|
+
ligal: LigalType<Enabled>;
|
|
7
|
+
copyright: CopyrightType<Enabled>;
|
|
8
|
+
siteMap?: boolean;
|
|
9
|
+
details: Details[];
|
|
3
10
|
classes?: FooterClasses;
|
|
4
|
-
renderBlocks?: FooterRenderBlocks;
|
|
5
|
-
socialsLinks?: FooterSocialLinks[];
|
|
6
|
-
phones?: FooterPhones[];
|
|
7
|
-
ligal?: string;
|
|
8
|
-
copyright?: string;
|
|
9
|
-
config: Config;
|
|
10
11
|
}
|
|
11
|
-
export declare const Footer:
|
|
12
|
+
export declare const Footer: <Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,11 +4,7 @@ export interface FooterSocialLinks {
|
|
|
4
4
|
iconName: `social/${SpritesMap['social']}`;
|
|
5
5
|
href: string;
|
|
6
6
|
}
|
|
7
|
-
export interface
|
|
8
|
-
variant?: string;
|
|
9
|
-
details: Detail[];
|
|
10
|
-
}
|
|
11
|
-
export interface Detail {
|
|
7
|
+
export interface Details {
|
|
12
8
|
column: Column[];
|
|
13
9
|
}
|
|
14
10
|
export interface Column {
|
|
@@ -23,14 +19,39 @@ export interface FooterPhones {
|
|
|
23
19
|
phone: string;
|
|
24
20
|
text: string;
|
|
25
21
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
type SocialsLinksEnabled = {
|
|
23
|
+
enabled: true;
|
|
24
|
+
links: FooterSocialLinks[];
|
|
25
|
+
};
|
|
26
|
+
type SocialsLinksDisabled = {
|
|
27
|
+
enabled: false;
|
|
28
|
+
};
|
|
29
|
+
export type SocialsLinksType<Enabled extends boolean> = Enabled extends true ? SocialsLinksEnabled : SocialsLinksDisabled;
|
|
30
|
+
type PhonesEnabled = {
|
|
31
|
+
enabled: true;
|
|
32
|
+
items: FooterPhones[];
|
|
33
|
+
};
|
|
34
|
+
type PhonesDisabled = {
|
|
35
|
+
enabled: false;
|
|
36
|
+
};
|
|
37
|
+
export type PhonesType<Enabled extends boolean> = Enabled extends true ? PhonesEnabled : PhonesDisabled;
|
|
38
|
+
type LigalEnabled = {
|
|
39
|
+
enabled: true;
|
|
40
|
+
text: string;
|
|
41
|
+
};
|
|
42
|
+
type LigalDisabled = {
|
|
43
|
+
enabled: false;
|
|
44
|
+
};
|
|
45
|
+
export type LigalType<Enabled extends boolean> = Enabled extends true ? LigalEnabled : LigalDisabled;
|
|
46
|
+
type CopyrightEnabled = {
|
|
47
|
+
enabled: true;
|
|
48
|
+
text: string;
|
|
49
|
+
};
|
|
50
|
+
type CopyrightDisabled = {
|
|
51
|
+
enabled: true;
|
|
52
|
+
text: string;
|
|
33
53
|
};
|
|
54
|
+
export type CopyrightType<Enabled extends boolean> = Enabled extends true ? CopyrightEnabled : CopyrightDisabled;
|
|
34
55
|
export type FooterClasses = {
|
|
35
56
|
root?: string;
|
|
36
57
|
footerContainer?: string;
|
|
@@ -45,3 +66,4 @@ export type FooterClasses = {
|
|
|
45
66
|
siteMap?: SiteMapClasses;
|
|
46
67
|
copyright?: CopyrightClasses;
|
|
47
68
|
};
|
|
69
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Details } from '../model/types';
|
|
2
2
|
export type NavigationLinksClasses = {
|
|
3
3
|
navRoot?: string;
|
|
4
4
|
navGroup?: string;
|
|
@@ -9,7 +9,7 @@ export type NavigationLinksClasses = {
|
|
|
9
9
|
};
|
|
10
10
|
interface NavLinksProps {
|
|
11
11
|
classes?: NavigationLinksClasses;
|
|
12
|
-
|
|
12
|
+
details: Details[];
|
|
13
13
|
}
|
|
14
|
-
export declare const NavLinks: ({ classes,
|
|
14
|
+
export declare const NavLinks: ({ classes, details }: NavLinksProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { HeaderProps } from './model/types';
|
|
2
|
-
export declare const Header:
|
|
1
|
+
import { HeaderProps, HeaderVariantType } from './model/types';
|
|
2
|
+
export declare const Header: <Type extends HeaderVariantType>(props: HeaderProps<Type>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { HeaderProps } from './types';
|
|
2
|
-
export declare const renderContentVariant: (
|
|
1
|
+
import { HeaderProps, HeaderVariantType } from './types';
|
|
2
|
+
export declare const renderContentVariant: <Type extends HeaderVariantType>({ variant, details }: HeaderProps<Type>) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -11,9 +11,10 @@ interface CommonHeaderProps {
|
|
|
11
11
|
logoType?: BrandLogoVariant;
|
|
12
12
|
classes?: HeaderClasses;
|
|
13
13
|
}
|
|
14
|
+
export type HeaderVariantType = 'empty' | 'withPhone' | 'withButton';
|
|
14
15
|
export interface HeaderEmptyProps {
|
|
15
16
|
variant: 'empty';
|
|
16
|
-
details
|
|
17
|
+
details?: {};
|
|
17
18
|
}
|
|
18
19
|
export interface HeaderWithPhone {
|
|
19
20
|
variant: 'withPhone';
|
|
@@ -25,8 +26,6 @@ export interface HeaderWithButton {
|
|
|
25
26
|
handlerOptions: ButtonHandlerOptions;
|
|
26
27
|
};
|
|
27
28
|
}
|
|
28
|
-
export type HeaderVariant = HeaderWithButton
|
|
29
|
-
export type HeaderProps = CommonHeaderProps &
|
|
30
|
-
config: HeaderVariant;
|
|
31
|
-
};
|
|
29
|
+
export type HeaderVariant<Type extends HeaderVariantType> = Type extends 'withButton' ? HeaderWithButton : Type extends 'withPhone' ? HeaderWithPhone : HeaderEmptyProps;
|
|
30
|
+
export type HeaderProps<Type extends HeaderVariantType> = CommonHeaderProps & HeaderVariant<Type>;
|
|
32
31
|
export {};
|
|
@@ -12,4 +12,4 @@ export interface InterLinkingProps extends InterLinkingRoot {
|
|
|
12
12
|
rootAccordionProps?: Partial<AccordionProps>;
|
|
13
13
|
classes?: InterLinkingClasses;
|
|
14
14
|
}
|
|
15
|
-
export declare const InterLinking: ({
|
|
15
|
+
export declare const InterLinking: ({ variant, details, headline, mobileAccordionProps, rootAccordionProps, classes }: InterLinkingProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,8 +12,6 @@ export interface Column {
|
|
|
12
12
|
export type InterLinkingVariant = 'twoCols' | 'threeCols' | 'fourCols';
|
|
13
13
|
export interface InterLinkingRoot {
|
|
14
14
|
headline: string;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
details: Column[];
|
|
18
|
-
};
|
|
15
|
+
variant: InterLinkingVariant;
|
|
16
|
+
details: Column[];
|
|
19
17
|
}
|
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { ButtonHandlerOptions } from '../buttonWithHandlers';
|
|
3
|
+
import { Details, LongBannerClasses, LongBannerConfig } from './model/types';
|
|
4
|
+
import { ButtonProps } from '../../shared/ui';
|
|
5
|
+
export interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {
|
|
4
6
|
headline: string | ReactElement;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
+
details: Details<Enabled>[];
|
|
8
|
+
intent?: 'twoItems' | 'fourItems';
|
|
9
|
+
buttonConfig?: {
|
|
10
|
+
buttonContent: ButtonProps & {
|
|
11
|
+
handlerOptions: ButtonHandlerOptions;
|
|
12
|
+
};
|
|
13
|
+
enabled: boolean;
|
|
14
|
+
};
|
|
7
15
|
image: ReactElement | {
|
|
8
16
|
url: string;
|
|
9
17
|
};
|
|
10
|
-
withButton?: boolean;
|
|
11
18
|
classes?: LongBannerClasses;
|
|
12
19
|
}
|
|
13
|
-
export declare const LongBanner: ({ headline, buttonConfig,
|
|
20
|
+
export declare const LongBanner: <Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,23 +2,19 @@ import { ReactElement } from 'react';
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { itemConfig } from './cva';
|
|
4
4
|
export type LongBannerConfig = VariantProps<typeof itemConfig>;
|
|
5
|
-
export type
|
|
6
|
-
intent?: 'twoItems' | 'fourItems';
|
|
7
|
-
details: Details[];
|
|
8
|
-
};
|
|
9
|
-
export type Details = {
|
|
5
|
+
export type Details<Enabled extends boolean> = {
|
|
10
6
|
title: string;
|
|
11
7
|
description: string;
|
|
12
|
-
popover?: Popover
|
|
8
|
+
popover?: Popover<Enabled>;
|
|
13
9
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
enabled:
|
|
20
|
-
text?: string;
|
|
10
|
+
type PopoverEnabled = {
|
|
11
|
+
enabled: true;
|
|
12
|
+
text: string;
|
|
13
|
+
};
|
|
14
|
+
type PopoverDisabled = {
|
|
15
|
+
enabled: false;
|
|
21
16
|
};
|
|
17
|
+
export type Popover<Enabled extends boolean> = Enabled extends true ? PopoverEnabled : PopoverDisabled;
|
|
22
18
|
export interface LongBannerClasses {
|
|
23
19
|
root?: string;
|
|
24
20
|
container?: string;
|
|
@@ -29,10 +25,11 @@ export interface LongBannerClasses {
|
|
|
29
25
|
image?: string;
|
|
30
26
|
button?: string;
|
|
31
27
|
}
|
|
32
|
-
export interface TextItemProps extends LongBannerConfig {
|
|
28
|
+
export interface TextItemProps<Enabled extends boolean> extends LongBannerConfig {
|
|
33
29
|
data: {
|
|
34
30
|
title: string | ReactElement;
|
|
35
31
|
description: string | ReactElement;
|
|
36
|
-
popover?: Popover
|
|
32
|
+
popover?: Popover<Enabled>;
|
|
37
33
|
};
|
|
38
34
|
}
|
|
35
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { TextItemProps } from '../model/types';
|
|
2
|
-
export declare const TextItem: ({ data, intent }: TextItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const TextItem: <Enabled extends boolean>({ data, intent }: TextItemProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Details, LongBannerConfig } from '../model/types';
|
|
2
|
-
interface ListItemsProps {
|
|
3
|
-
details: Details[];
|
|
2
|
+
interface ListItemsProps<Enabled extends boolean> {
|
|
3
|
+
details: Details<Enabled>[];
|
|
4
4
|
intent: LongBannerConfig['intent'];
|
|
5
5
|
withButton: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare const TextList: ({ details, intent, withButton }: ListItemsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const TextList: <Enabled extends boolean>({ details, intent, withButton }: ListItemsProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export declare const WIDGET_LIST: readonly ["header", "footer", "interLinking", "stepper", "usefulInfo", "longBanner", "banner", "benefit"];
|
|
1
|
+
export declare const WIDGET_LIST: readonly ["header", "footer", "interLinking", "stepper", "usefulInfo", "longBanner", "banner", "benefit", "form", "seoHeader"];
|
|
2
|
+
export declare const widgetIds: Record<"header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader", "header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader">;
|
|
@@ -11,10 +11,8 @@ export type StepperClasses = {
|
|
|
11
11
|
};
|
|
12
12
|
export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
|
|
13
13
|
headline: string;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
details: SingleStepItem[];
|
|
17
|
-
};
|
|
14
|
+
variant: StepperVariant;
|
|
15
|
+
details: SingleStepItem[];
|
|
18
16
|
classes?: StepperClasses;
|
|
19
17
|
}
|
|
20
|
-
export declare const Stepper: ({ headline,
|
|
18
|
+
export declare const Stepper: ({ headline, details, variant, classes }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,18 @@
|
|
|
1
|
-
import { Tab } from './model';
|
|
1
|
+
import { EntitiesAccordionsConfig, Tab } from './model';
|
|
2
|
+
import { EntityClasses, TabsClasses } from './ui';
|
|
3
|
+
export type UsefulInfoClasses = {
|
|
4
|
+
root?: string;
|
|
5
|
+
container?: string;
|
|
6
|
+
tabsWrapper?: string;
|
|
7
|
+
tabs?: TabsClasses;
|
|
8
|
+
headline?: string;
|
|
9
|
+
contentWrapper?: string;
|
|
10
|
+
entityClasses?: EntityClasses;
|
|
11
|
+
};
|
|
2
12
|
export type UsefulInfoProps = {
|
|
3
13
|
headline: string;
|
|
4
14
|
tabs: Tab[];
|
|
15
|
+
classes?: UsefulInfoClasses;
|
|
16
|
+
accordionsConfig?: EntitiesAccordionsConfig;
|
|
5
17
|
};
|
|
6
|
-
export declare const UsefulInfo: ({ headline, tabs }: UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
18
|
+
export declare const UsefulInfo: ({ headline, tabs, classes, accordionsConfig }: UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,50 +1,25 @@
|
|
|
1
|
+
import { EntityDocumentsProps, EntityHtmlProps, EntityTableProps } from '../ui/subEntities';
|
|
2
|
+
import { AccordionProps } from '../../../shared/ui';
|
|
1
3
|
export type SubEntityDetailsConfig = {
|
|
2
4
|
isAccordion: boolean;
|
|
3
5
|
accordionTitle: string;
|
|
4
6
|
};
|
|
5
|
-
export type
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
row: TableCell[];
|
|
10
|
-
};
|
|
11
|
-
export type TableHeading = {
|
|
12
|
-
heading: string;
|
|
13
|
-
};
|
|
14
|
-
export type EntityTable = {
|
|
15
|
-
title?: string;
|
|
16
|
-
description?: string;
|
|
17
|
-
columnsVariant: 'twoCols' | 'threeCols';
|
|
18
|
-
tableVariant: 'separator' | 'filled';
|
|
19
|
-
headings?: TableHeading[];
|
|
20
|
-
rows: TableRow[];
|
|
21
|
-
config?: SubEntityDetailsConfig;
|
|
22
|
-
};
|
|
23
|
-
export type EntityDocuments = {
|
|
24
|
-
iconType: 'documentOutline' | 'documentFilled';
|
|
25
|
-
title?: string;
|
|
26
|
-
description?: string;
|
|
27
|
-
docs: {
|
|
28
|
-
url: string;
|
|
29
|
-
size: string;
|
|
30
|
-
label: string;
|
|
31
|
-
}[];
|
|
32
|
-
config?: SubEntityDetailsConfig;
|
|
33
|
-
};
|
|
34
|
-
export type EntityHtml = {
|
|
35
|
-
html: string;
|
|
36
|
-
config?: SubEntityDetailsConfig;
|
|
7
|
+
export type EntitiesAccordionsConfig = {
|
|
8
|
+
htmlAccordion?: Partial<AccordionProps>;
|
|
9
|
+
documentAccordion?: Partial<AccordionProps>;
|
|
10
|
+
tableAccordion?: Partial<AccordionProps>;
|
|
37
11
|
};
|
|
38
12
|
export type EntityVariant = 'HTML' | 'TABLE' | 'DOCUMENTS';
|
|
39
|
-
export type EntityDetailsVariant = EntityHtml | EntityDocuments | EntityTable;
|
|
40
13
|
export type Entity<Variant extends EntityVariant = EntityVariant> = {
|
|
41
14
|
variant: Variant;
|
|
42
|
-
details: Variant extends 'HTML' ?
|
|
15
|
+
details: Variant extends 'HTML' ? EntityHtmlProps[] : Variant extends 'TABLE' ? EntityTableProps[] : EntityDocumentsProps[];
|
|
43
16
|
};
|
|
44
17
|
export type Contents = {
|
|
45
18
|
entity: Entity;
|
|
19
|
+
entityId: string;
|
|
46
20
|
};
|
|
47
21
|
export type Tab = {
|
|
48
22
|
tabName: string;
|
|
49
23
|
contents: Contents[];
|
|
24
|
+
tabId: string;
|
|
50
25
|
};
|
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
import { Entity } from '../model';
|
|
1
|
+
import { EntitiesAccordionsConfig, Entity } from '../model';
|
|
2
|
+
import { EntityDocumentsClasses, EntityHtmlClasses, EntityTableClasses } from './subEntities';
|
|
3
|
+
export type EntityClasses = {
|
|
4
|
+
entityWrapper?: string;
|
|
5
|
+
entities?: {
|
|
6
|
+
html?: EntityHtmlClasses;
|
|
7
|
+
documents?: EntityDocumentsClasses;
|
|
8
|
+
table?: EntityTableClasses;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
2
11
|
export interface RenderEntityProps {
|
|
3
12
|
entity: Entity;
|
|
13
|
+
classes?: EntityClasses;
|
|
14
|
+
accordionsConfig?: EntitiesAccordionsConfig;
|
|
4
15
|
}
|
|
5
|
-
export declare const RenderEntity: ({ entity }: RenderEntityProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const RenderEntity: ({ entity, classes, accordionsConfig }: RenderEntityProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
export type TabsClasses = {
|
|
3
|
+
tabs?: string;
|
|
4
|
+
button?: string;
|
|
5
|
+
};
|
|
2
6
|
export interface TabsProps {
|
|
3
7
|
tabsNames?: string[];
|
|
4
8
|
activeTab?: number;
|
|
5
9
|
setActiveTab: Dispatch<SetStateAction<number>>;
|
|
10
|
+
classes?: TabsClasses;
|
|
6
11
|
}
|
|
7
|
-
export declare const Tabs: ({ tabsNames, activeTab, setActiveTab }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Tabs: ({ tabsNames, activeTab, setActiveTab, classes }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { EntitiesAccordionsConfig, SubEntityDetailsConfig } from '../../../model';
|
|
2
|
+
import { DocumentClasses } from './ui/document';
|
|
3
|
+
export type EntityDocumentsClasses = {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
headline?: string;
|
|
6
|
+
documentsWrapper?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
singleDocument?: DocumentClasses;
|
|
9
|
+
};
|
|
10
|
+
export type EntityDocumentsProps = {
|
|
11
|
+
iconType: 'documentOutline' | 'documentFilled';
|
|
12
|
+
title?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
docs: {
|
|
15
|
+
url: string;
|
|
16
|
+
size: string;
|
|
17
|
+
label: string;
|
|
18
|
+
}[];
|
|
19
|
+
config?: SubEntityDetailsConfig;
|
|
20
|
+
classes?: EntityDocumentsClasses;
|
|
21
|
+
accordionConfig?: EntitiesAccordionsConfig['documentAccordion'];
|
|
22
|
+
};
|
|
23
|
+
export declare const Documents: ({ docs, config, title, iconType, description, classes, accordionConfig }: EntityDocumentsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import { IconNames } from './model/utils';
|
|
2
|
+
export type DocumentClasses = {
|
|
3
|
+
link?: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
wrapper?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
size?: string;
|
|
8
|
+
};
|
|
2
9
|
export interface DocumentProps {
|
|
3
10
|
label: string;
|
|
4
11
|
size: string;
|
|
5
12
|
url: string;
|
|
6
13
|
iconType: IconNames;
|
|
14
|
+
classes?: DocumentClasses;
|
|
7
15
|
}
|
|
8
|
-
export declare const Document: ({ label, size, url, iconType }: DocumentProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Document: ({ label, size, url, iconType, classes }: DocumentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export
|
|
1
|
+
import { EntitiesAccordionsConfig, SubEntityDetailsConfig } from '../../../model';
|
|
2
|
+
export type EntityHtmlClasses = {
|
|
3
|
+
html?: string;
|
|
4
|
+
};
|
|
5
|
+
export type EntityHtmlProps = {
|
|
6
|
+
html: string;
|
|
7
|
+
config?: SubEntityDetailsConfig;
|
|
8
|
+
classes?: EntityHtmlClasses;
|
|
9
|
+
accordionConfig?: EntitiesAccordionsConfig['htmlAccordion'];
|
|
10
|
+
};
|
|
11
|
+
export declare const Html: ({ html, config, classes, accordionConfig }: EntityHtmlProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { EntitiesAccordionsConfig, SubEntityDetailsConfig } from '../../../model';
|
|
2
|
+
import { TableBodyClasses } from './ui/TableBody';
|
|
3
|
+
export type EntityTableClasses = {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
headline?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
tableBody?: TableBodyClasses;
|
|
8
|
+
};
|
|
9
|
+
export type TableCell = {
|
|
10
|
+
cell: string;
|
|
11
|
+
cellId: string;
|
|
12
|
+
};
|
|
13
|
+
export type TableRow = {
|
|
14
|
+
row: TableCell[];
|
|
15
|
+
rowId: string;
|
|
16
|
+
};
|
|
17
|
+
export type TableHeading = {
|
|
18
|
+
heading: string;
|
|
19
|
+
headingId: string;
|
|
20
|
+
};
|
|
21
|
+
export type EntityTableProps = {
|
|
22
|
+
title?: string;
|
|
23
|
+
description?: string;
|
|
24
|
+
columnsVariant: 'twoCols' | 'threeCols';
|
|
25
|
+
tableVariant: 'separator' | 'filled';
|
|
26
|
+
headings?: TableHeading[];
|
|
27
|
+
rows: TableRow[];
|
|
28
|
+
config?: SubEntityDetailsConfig;
|
|
29
|
+
classes?: EntityTableClasses;
|
|
30
|
+
accordionConfig?: EntitiesAccordionsConfig['documentAccordion'];
|
|
31
|
+
};
|
|
32
|
+
export declare const Table: ({ tableVariant, description, columnsVariant, config, rows, title, headings, accordionConfig, classes }: EntityTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { TableHeading, TableRow } from '
|
|
1
|
+
import { TableHeading, TableRow } from '../Table';
|
|
2
2
|
export declare const transformMobileRows: (rows: TableRow[], headings?: TableHeading[]) => {
|
|
3
3
|
rows: {
|
|
4
4
|
row: {
|
|
5
5
|
heading: string | undefined;
|
|
6
6
|
cell: string;
|
|
7
|
+
cellId: string;
|
|
7
8
|
}[];
|
|
8
9
|
}[];
|
|
9
10
|
};
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EntityTableProps } from '../Table';
|
|
2
|
+
export type DesktopHeadingClasses = {
|
|
3
|
+
row?: string;
|
|
4
|
+
cell?: string;
|
|
5
|
+
};
|
|
2
6
|
interface DesktopHeadingsProps {
|
|
3
|
-
headings:
|
|
4
|
-
columnsVariant:
|
|
7
|
+
headings: EntityTableProps['headings'];
|
|
8
|
+
columnsVariant: EntityTableProps['columnsVariant'];
|
|
9
|
+
classes?: DesktopHeadingClasses;
|
|
5
10
|
}
|
|
6
|
-
export declare const DesktopHeadings: ({ headings, columnsVariant }: DesktopHeadingsProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const DesktopHeadings: ({ headings, columnsVariant, classes }: DesktopHeadingsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
12
|
export {};
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EntityTableProps, TableRow } from '../Table';
|
|
2
|
+
export type DesktopRowClasses = {
|
|
3
|
+
row?: string;
|
|
4
|
+
cell?: string;
|
|
5
|
+
};
|
|
2
6
|
type DesktopRowProps = {
|
|
3
7
|
row: TableRow['row'];
|
|
4
|
-
tableVariant:
|
|
5
|
-
columnsVariant:
|
|
8
|
+
tableVariant: EntityTableProps['tableVariant'];
|
|
9
|
+
columnsVariant: EntityTableProps['columnsVariant'];
|
|
6
10
|
rowIndex: number;
|
|
11
|
+
classes?: DesktopRowClasses;
|
|
7
12
|
};
|
|
8
|
-
export declare const DesktopRow: ({ row, tableVariant, columnsVariant, rowIndex }: DesktopRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const DesktopRow: ({ row, tableVariant, columnsVariant, rowIndex, classes }: DesktopRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
export {};
|