@zealicsolutions/web-ui 0.3.41 → 0.3.42
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/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 = {
|