@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.
@@ -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"