@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.
@@ -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: import("..").SizesTypes;
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: CustomDescendant[];
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: CustomDescendant[];
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 = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.41",
3
+ "version": "0.3.42",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"