@zealicsolutions/web-ui 0.3.41 → 0.3.42
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/Container.d.ts +9 -5
- package/dist/cjs/src/containers/mock-data.d.ts +5 -0
- package/dist/cjs/src/containers/styles.d.ts +6 -2
- package/dist/cjs/src/containers/types/types.d.ts +3 -1
- package/dist/cjs/src/molecules/Consent/Consent.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/Container.d.ts +9 -5
- package/dist/esm/src/containers/mock-data.d.ts +5 -0
- package/dist/esm/src/containers/styles.d.ts +6 -2
- package/dist/esm/src/containers/types/types.d.ts +3 -1
- package/dist/esm/src/molecules/Consent/Consent.d.ts +1 -1
- package/dist/index.d.ts +29 -20
- package/package.json +1 -1
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ContainerComponentProps, ContainerProps } from 'containers';
|
3
|
-
export declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
|
3
|
+
export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
|
4
4
|
type: import("containers").ContainerType;
|
5
5
|
containerTemplateType: "row_content_container";
|
6
6
|
wide: Partial<{
|
@@ -8,12 +8,13 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
|
|
8
8
|
containerProps: Partial<{
|
9
9
|
position: import("containers").ContainerPositionType;
|
10
10
|
scrollBehaviour: import("containers").ContainerScrollBehaviourType;
|
11
|
-
cornerRadius: number;
|
11
|
+
cornerRadius: number | import("theme").SizesTypes;
|
12
12
|
gap: import("theme").SizesTypes;
|
13
13
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
14
14
|
formProps: import("containers").FormContainerProps;
|
15
15
|
formStepProps: import("containers").FormStepContainerProps;
|
16
16
|
padding: import("containers").Padding;
|
17
|
+
border: string;
|
17
18
|
}>;
|
18
19
|
}>;
|
19
20
|
compact: Partial<{
|
@@ -21,27 +22,30 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
|
|
21
22
|
containerProps: Partial<{
|
22
23
|
position: import("containers").ContainerPositionType;
|
23
24
|
scrollBehaviour: import("containers").ContainerScrollBehaviourType;
|
24
|
-
cornerRadius: number;
|
25
|
+
cornerRadius: number | import("theme").SizesTypes;
|
25
26
|
gap: import("theme").SizesTypes;
|
26
27
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
27
28
|
formProps: import("containers").FormContainerProps;
|
28
29
|
formStepProps: import("containers").FormStepContainerProps;
|
29
30
|
padding: import("containers").Padding;
|
31
|
+
border: string;
|
30
32
|
}>;
|
31
33
|
}>;
|
32
34
|
props: Partial<{
|
33
35
|
position: import("containers").ContainerPositionType;
|
34
36
|
scrollBehaviour: import("containers").ContainerScrollBehaviourType;
|
35
|
-
cornerRadius: number;
|
37
|
+
cornerRadius: number | import("theme").SizesTypes;
|
36
38
|
gap: import("theme").SizesTypes;
|
37
39
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
38
40
|
formProps: import("containers").FormContainerProps;
|
39
41
|
formStepProps: import("containers").FormStepContainerProps;
|
40
42
|
padding: import("containers").Padding;
|
43
|
+
border: string;
|
41
44
|
}>;
|
45
|
+
metadata: import("../typescript").AnyObject;
|
42
46
|
}> & {
|
43
47
|
children?: import("react").ReactNode;
|
44
48
|
} & {
|
45
49
|
id: string;
|
46
50
|
}) => JSX.Element;
|
47
|
-
export declare const ContainerComponent: ({ config, tabsProps, id, type, items, }: ContainerComponentProps) => JSX.Element | null;
|
51
|
+
export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps) => JSX.Element | null;
|
@@ -6,3 +6,8 @@ export declare const dynamicContainerMock: ContainerComponentProps;
|
|
6
6
|
export declare const columnContainerProps: ContainerComponentProps;
|
7
7
|
export declare const formBuilderData: ContainerComponentProps;
|
8
8
|
export declare const rowContainer: ContainerComponentProps;
|
9
|
+
export declare const rowRepeaterContainer: ContainerComponentProps;
|
10
|
+
export declare const rowRepeaterContainerSingle: ContainerComponentProps;
|
11
|
+
export declare const columnRepeaterContainer: ContainerComponentProps;
|
12
|
+
export declare const outlinedColumnContainer: ContainerComponentProps;
|
13
|
+
export declare const headerContainer: ContainerComponentProps;
|
@@ -1,13 +1,17 @@
|
|
1
1
|
import { ContainerProps } from 'containers/types/types';
|
2
|
+
import { SizesTypes } from 'theme';
|
3
|
+
import { AnyObject } from '../typescript';
|
2
4
|
export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
|
3
5
|
containerProps?: Partial<{
|
4
6
|
position: import("containers/types/types").ContainerPositionType;
|
5
7
|
scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
|
6
|
-
cornerRadius: number;
|
7
|
-
gap:
|
8
|
+
cornerRadius: number | SizesTypes;
|
9
|
+
gap: SizesTypes;
|
8
10
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
9
11
|
formProps: import("containers/types/types").FormContainerProps;
|
10
12
|
formStepProps: import("containers/types/types").FormStepContainerProps;
|
11
13
|
padding: import("containers/types/types").Padding;
|
14
|
+
border: string;
|
12
15
|
}> | undefined;
|
16
|
+
metadata?: AnyObject | undefined;
|
13
17
|
}, never>;
|
@@ -22,12 +22,13 @@ export declare type Padding = Record<PaddingVariants, SizesTypes | string> | Siz
|
|
22
22
|
export declare type ContainerPropsType = Partial<{
|
23
23
|
position: ContainerPositionType;
|
24
24
|
scrollBehaviour: ContainerScrollBehaviourType;
|
25
|
-
cornerRadius: number;
|
25
|
+
cornerRadius: SizesTypes | number;
|
26
26
|
gap: SizesTypes;
|
27
27
|
styles: StylesType;
|
28
28
|
formProps: FormContainerProps;
|
29
29
|
formStepProps: FormStepContainerProps;
|
30
30
|
padding: Padding;
|
31
|
+
border: string;
|
31
32
|
}>;
|
32
33
|
export declare type AdditionalContainerProps = Partial<{
|
33
34
|
containerStyle: CSSProperties;
|
@@ -39,6 +40,7 @@ export declare type ContainerProps = PropsWithChildren<Partial<{
|
|
39
40
|
wide: AdditionalContainerProps;
|
40
41
|
compact: AdditionalContainerProps;
|
41
42
|
props: ContainerPropsType;
|
43
|
+
metadata: AnyObject;
|
42
44
|
}>>;
|
43
45
|
export declare type ContainerComponentProps = {
|
44
46
|
id: string;
|
@@ -10,7 +10,7 @@ export declare type Consent = {
|
|
10
10
|
acknowledgment: CustomDescendant[];
|
11
11
|
methodOfCapture: ConsentCaptureMethod;
|
12
12
|
description: string;
|
13
|
-
language:
|
13
|
+
language: string;
|
14
14
|
expiration: string;
|
15
15
|
confirmationButtonText: string;
|
16
16
|
rejectionButtonText: string;
|
package/dist/index.d.ts
CHANGED
@@ -6,7 +6,7 @@ import { CSSProperties, DefaultTheme } from 'styled-components';
|
|
6
6
|
import * as theme from 'theme';
|
7
7
|
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
8
8
|
import * as typescript from 'typescript';
|
9
|
-
import { StylesType, AnyObject, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
|
9
|
+
import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
|
10
10
|
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
11
11
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
12
12
|
import * as containers from 'containers';
|
@@ -88,7 +88,7 @@ declare type SelectOption = {
|
|
88
88
|
id: string;
|
89
89
|
label: string;
|
90
90
|
value?: string;
|
91
|
-
config?: AnyObject;
|
91
|
+
config?: AnyObject$1;
|
92
92
|
};
|
93
93
|
declare type SelectInternalConfigurationOptions = {
|
94
94
|
placeholderTextColor: ThemeColors$1 | string;
|
@@ -117,6 +117,7 @@ declare type SelectProps = Partial<{
|
|
117
117
|
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
118
118
|
|
119
119
|
declare type Callback = () => void;
|
120
|
+
declare type AnyObject = Record<string, unknown>;
|
120
121
|
|
121
122
|
declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
|
122
123
|
|
@@ -400,8 +401,8 @@ declare type RichTextEditorProps = Partial<{
|
|
400
401
|
textStyles: StylesType;
|
401
402
|
numberOfLines: number;
|
402
403
|
extraTextProps: TextProps$1;
|
403
|
-
renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
|
404
|
-
renderElementWrapperProps: AnyObject;
|
404
|
+
renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
|
405
|
+
renderElementWrapperProps: AnyObject$1;
|
405
406
|
}>;
|
406
407
|
declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
|
407
408
|
|
@@ -1442,7 +1443,7 @@ declare type Consent = {
|
|
1442
1443
|
acknowledgment: CustomDescendant[];
|
1443
1444
|
methodOfCapture: ConsentCaptureMethod;
|
1444
1445
|
description: string;
|
1445
|
-
language:
|
1446
|
+
language: string;
|
1446
1447
|
expiration: string;
|
1447
1448
|
confirmationButtonText: string;
|
1448
1449
|
rejectionButtonText: string;
|
@@ -1459,7 +1460,7 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
|
1459
1460
|
}>;
|
1460
1461
|
declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
|
1461
1462
|
|
1462
|
-
declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
|
1463
|
+
declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
|
1463
1464
|
type: containers.ContainerType;
|
1464
1465
|
containerTemplateType: "row_content_container";
|
1465
1466
|
wide: Partial<{
|
@@ -1467,12 +1468,13 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
|
|
1467
1468
|
containerProps: Partial<{
|
1468
1469
|
position: containers.ContainerPositionType;
|
1469
1470
|
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
1470
|
-
cornerRadius: number;
|
1471
|
+
cornerRadius: number | theme.SizesTypes;
|
1471
1472
|
gap: theme.SizesTypes;
|
1472
1473
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1473
1474
|
formProps: containers.FormContainerProps;
|
1474
1475
|
formStepProps: containers.FormStepContainerProps;
|
1475
1476
|
padding: containers.Padding;
|
1477
|
+
border: string;
|
1476
1478
|
}>;
|
1477
1479
|
}>;
|
1478
1480
|
compact: Partial<{
|
@@ -1480,30 +1482,33 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
|
|
1480
1482
|
containerProps: Partial<{
|
1481
1483
|
position: containers.ContainerPositionType;
|
1482
1484
|
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
1483
|
-
cornerRadius: number;
|
1485
|
+
cornerRadius: number | theme.SizesTypes;
|
1484
1486
|
gap: theme.SizesTypes;
|
1485
1487
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1486
1488
|
formProps: containers.FormContainerProps;
|
1487
1489
|
formStepProps: containers.FormStepContainerProps;
|
1488
1490
|
padding: containers.Padding;
|
1491
|
+
border: string;
|
1489
1492
|
}>;
|
1490
1493
|
}>;
|
1491
1494
|
props: Partial<{
|
1492
1495
|
position: containers.ContainerPositionType;
|
1493
1496
|
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
1494
|
-
cornerRadius: number;
|
1497
|
+
cornerRadius: number | theme.SizesTypes;
|
1495
1498
|
gap: theme.SizesTypes;
|
1496
1499
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1497
1500
|
formProps: containers.FormContainerProps;
|
1498
1501
|
formStepProps: containers.FormStepContainerProps;
|
1499
1502
|
padding: containers.Padding;
|
1503
|
+
border: string;
|
1500
1504
|
}>;
|
1505
|
+
metadata: AnyObject;
|
1501
1506
|
}> & {
|
1502
1507
|
children?: react.ReactNode;
|
1503
1508
|
} & {
|
1504
1509
|
id: string;
|
1505
1510
|
}) => JSX.Element;
|
1506
|
-
declare const ContainerComponent: ({ config, tabsProps, id, type, items, }: ContainerComponentProps$1) => JSX.Element | null;
|
1511
|
+
declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps$1) => JSX.Element | null;
|
1507
1512
|
|
1508
1513
|
declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
|
1509
1514
|
declare type DownloadFile = {
|
@@ -1513,10 +1518,10 @@ declare type DownloadFile = {
|
|
1513
1518
|
declare type LinkAction = LinkAttributes;
|
1514
1519
|
declare type PopupDrawerAction = ContainerComponentProps;
|
1515
1520
|
declare type DownloadAction = DownloadFile;
|
1516
|
-
declare type SubmitAction = AnyObject;
|
1517
|
-
declare type CancelAction = AnyObject;
|
1518
|
-
declare type ResetAction = AnyObject;
|
1519
|
-
declare type DestroyAction = AnyObject;
|
1521
|
+
declare type SubmitAction = AnyObject$1;
|
1522
|
+
declare type CancelAction = AnyObject$1;
|
1523
|
+
declare type ResetAction = AnyObject$1;
|
1524
|
+
declare type DestroyAction = AnyObject$1;
|
1520
1525
|
declare type Action = {
|
1521
1526
|
type: ActionTypes;
|
1522
1527
|
} & Partial<{
|
@@ -1593,7 +1598,7 @@ interface BaseMolecule {
|
|
1593
1598
|
id: string;
|
1594
1599
|
instance: 'molecule';
|
1595
1600
|
type: MoleculeTypes;
|
1596
|
-
metadata?: AnyObject;
|
1601
|
+
metadata?: AnyObject$1;
|
1597
1602
|
}
|
1598
1603
|
interface ImageMolecule extends BaseMolecule {
|
1599
1604
|
type: 'image';
|
@@ -1748,12 +1753,13 @@ declare type Padding = Record<PaddingVariants, SizesTypes$1 | string> | SizesTyp
|
|
1748
1753
|
declare type ContainerPropsType = Partial<{
|
1749
1754
|
position: ContainerPositionType;
|
1750
1755
|
scrollBehaviour: ContainerScrollBehaviourType;
|
1751
|
-
cornerRadius: number;
|
1756
|
+
cornerRadius: SizesTypes$1 | number;
|
1752
1757
|
gap: SizesTypes$1;
|
1753
1758
|
styles: StylesType;
|
1754
1759
|
formProps: FormContainerProps;
|
1755
1760
|
formStepProps: FormStepContainerProps;
|
1756
1761
|
padding: Padding;
|
1762
|
+
border: string;
|
1757
1763
|
}>;
|
1758
1764
|
declare type AdditionalContainerProps = Partial<{
|
1759
1765
|
containerStyle: CSSProperties;
|
@@ -1765,6 +1771,7 @@ declare type ContainerProps = PropsWithChildren<Partial<{
|
|
1765
1771
|
wide: AdditionalContainerProps;
|
1766
1772
|
compact: AdditionalContainerProps;
|
1767
1773
|
props: ContainerPropsType;
|
1774
|
+
metadata: AnyObject$1;
|
1768
1775
|
}>>;
|
1769
1776
|
declare type ContainerComponentProps = {
|
1770
1777
|
id: string;
|
@@ -1777,8 +1784,8 @@ declare type ContainerComponentProps = {
|
|
1777
1784
|
props?: ContainerPropsType;
|
1778
1785
|
};
|
1779
1786
|
tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
|
1780
|
-
metadata?: AnyObject;
|
1781
|
-
attributes?: AnyObject;
|
1787
|
+
metadata?: AnyObject$1;
|
1788
|
+
attributes?: AnyObject$1;
|
1782
1789
|
containerLibraryId?: string;
|
1783
1790
|
};
|
1784
1791
|
declare type CriteriaType = 'operator' | 'condition';
|
@@ -1802,13 +1809,15 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
|
|
1802
1809
|
containerProps?: Partial<{
|
1803
1810
|
position: containers_types_types.ContainerPositionType;
|
1804
1811
|
scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
|
1805
|
-
cornerRadius: number;
|
1806
|
-
gap: SizesTypes;
|
1812
|
+
cornerRadius: number | SizesTypes$1;
|
1813
|
+
gap: SizesTypes$1;
|
1807
1814
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
1808
1815
|
formProps: containers_types_types.FormContainerProps;
|
1809
1816
|
formStepProps: containers_types_types.FormStepContainerProps;
|
1810
1817
|
padding: containers_types_types.Padding;
|
1818
|
+
border: string;
|
1811
1819
|
}> | undefined;
|
1820
|
+
metadata?: AnyObject | undefined;
|
1812
1821
|
}, never>;
|
1813
1822
|
|
1814
1823
|
declare type OrganismItemProps = {
|