@zealicsolutions/web-ui 0.3.136 → 0.3.138

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.
Files changed (46) hide show
  1. package/dist/cjs/index.js +20 -20
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +1 -5
  4. package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +1 -3
  5. package/dist/cjs/src/atoms/Select/Select.d.ts +1 -3
  6. package/dist/cjs/src/atoms/Select/Select.stories.d.ts +1 -3
  7. package/dist/cjs/src/containers/FormContainer.d.ts +3 -1
  8. package/dist/cjs/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
  9. package/dist/cjs/src/containers/mock-data.d.ts +176 -0
  10. package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +2 -1
  11. package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +17 -3
  12. package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +1 -0
  13. package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +4 -3
  14. package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts +1 -3
  15. package/dist/cjs/src/molecules/InputField/InputField.d.ts +1 -3
  16. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +1 -3
  17. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +0 -2
  18. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +0 -2
  19. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +1 -3
  20. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +1 -5
  21. package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +5 -3
  22. package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
  23. package/dist/esm/index.js +19 -19
  24. package/dist/esm/index.js.map +1 -1
  25. package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +1 -5
  26. package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +1 -3
  27. package/dist/esm/src/atoms/Select/Select.d.ts +1 -3
  28. package/dist/esm/src/atoms/Select/Select.stories.d.ts +1 -3
  29. package/dist/esm/src/containers/FormContainer.d.ts +3 -1
  30. package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
  31. package/dist/esm/src/containers/mock-data.d.ts +176 -0
  32. package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +2 -1
  33. package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +17 -3
  34. package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +1 -0
  35. package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +4 -3
  36. package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts +1 -3
  37. package/dist/esm/src/molecules/InputField/InputField.d.ts +1 -3
  38. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +1 -3
  39. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +0 -2
  40. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +0 -2
  41. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +1 -3
  42. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +1 -5
  43. package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +5 -3
  44. package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
  45. package/dist/index.d.ts +30 -26
  46. package/package.json +2 -2
@@ -27,10 +27,8 @@ export declare type RadioButtonsProps<T extends string> = Partial<{
27
27
  isEditMode: boolean;
28
28
  isRichText: boolean;
29
29
  internalConfig: RadioButtonInternalConfigProps;
30
- isTrigger?: boolean;
31
- moleculeId: string;
32
30
  }>;
33
- export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, isTrigger, moleculeId, }: Partial<{
31
+ export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
34
32
  ref: RefCallBack;
35
33
  name: string;
36
34
  value: T;
@@ -52,8 +50,6 @@ export declare const RadioButtons: <T extends string>({ ref, name, value, option
52
50
  buttonOptionSpacing: SizesTypes;
53
51
  radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
54
52
  }>;
55
- isTrigger?: boolean | undefined;
56
- moleculeId: string;
57
53
  }>) => JSX.Element;
58
54
  export declare const RadioGroupWrapper: import("styled-components").StyledComponent<typeof RadioGroup, import("styled-components").DefaultTheme, StyledTransientProps<{
59
55
  isRow: boolean;
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
3
3
  import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, isTrigger, moleculeId, }: Partial<{
6
+ component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
7
7
  ref: import("react-hook-form").RefCallBack;
8
8
  name: string;
9
9
  value: T;
@@ -25,8 +25,6 @@ declare const _default: {
25
25
  buttonOptionSpacing: import("theme").SizesTypes;
26
26
  radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
27
27
  }>;
28
- isTrigger?: boolean | undefined;
29
- moleculeId: string;
30
28
  }>) => JSX.Element;
31
29
  };
32
30
  export default _default;
@@ -31,7 +31,5 @@ export declare type SelectProps = Partial<{
31
31
  isEditMode: boolean;
32
32
  selectInternalConfig: SelectInternalConfigurationOptions;
33
33
  isRichText: boolean;
34
- isTrigger?: boolean;
35
- moleculeId: string;
36
34
  }>;
37
- export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, isTrigger, moleculeId, }: SelectProps) => JSX.Element;
35
+ export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
3
3
  import { SelectProps } from './Select';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, isTrigger, moleculeId, }: Partial<{
6
+ component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: Partial<{
7
7
  ref: import("react-hook-form").RefCallBack;
8
8
  onBlur: import("../../typescript").Callback;
9
9
  value: string;
@@ -16,8 +16,6 @@ declare const _default: {
16
16
  isEditMode: boolean;
17
17
  selectInternalConfig: import("./Select").SelectInternalConfigurationOptions;
18
18
  isRichText: boolean;
19
- isTrigger?: boolean | undefined;
20
- moleculeId: string;
21
19
  }>) => JSX.Element;
22
20
  };
23
21
  export default _default;
@@ -2,5 +2,7 @@ import { PropsWithChildren } from 'react';
2
2
  import { ValidationMode } from 'react-hook-form';
3
3
  export declare type FormContainerProps = PropsWithChildren<{
4
4
  mode?: keyof ValidationMode;
5
+ id?: string;
6
+ isTrigger?: boolean;
5
7
  }>;
6
- export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;
8
+ export declare const FormContainer: ({ mode, children, id, isTrigger, }: FormContainerProps) => JSX.Element;
@@ -1,4 +1,4 @@
1
- declare type ActionTypeType = 'click' | 'start' | 'complete';
1
+ declare type ActionTypeType = 'click' | 'start' | 'complete' | 'close';
2
2
  interface UseStateModifierHandlerProps {
3
3
  isTrigger?: boolean;
4
4
  id: string;
@@ -16,3 +16,179 @@ export declare const DataField: ContainerComponentProps;
16
16
  export declare const LogInPermanentPage: ContainerComponentProps;
17
17
  export declare const stateObjectButton: ContainerComponentProps;
18
18
  export declare const stateObjectLink: ContainerComponentProps;
19
+ export declare const popUP: {
20
+ id: string;
21
+ config: {
22
+ size: string;
23
+ styles: {};
24
+ };
25
+ content: {
26
+ embedded: {
27
+ id: string;
28
+ createdAt: string;
29
+ updatedAt: string;
30
+ name: string;
31
+ type: string;
32
+ body: {
33
+ instance: string;
34
+ type: string;
35
+ items: {
36
+ instance: string;
37
+ config: {
38
+ compact: {
39
+ containerProps: {};
40
+ containerStyle: {
41
+ display: string;
42
+ gap: string;
43
+ width: string;
44
+ flexDirection: string;
45
+ };
46
+ };
47
+ wide: {
48
+ containerProps: {};
49
+ containerStyle: {
50
+ display: string;
51
+ gap: string;
52
+ width: string;
53
+ flexDirection: string;
54
+ };
55
+ };
56
+ props: {
57
+ formStepProps: {
58
+ formStepName: string;
59
+ order: number;
60
+ conditionConfig: null;
61
+ };
62
+ };
63
+ };
64
+ type: string;
65
+ items: {
66
+ type: string;
67
+ config: {
68
+ wide: {
69
+ containerProps: {};
70
+ containerStyle: {
71
+ display: string;
72
+ gap: string;
73
+ width: string;
74
+ flexDirection: string;
75
+ };
76
+ };
77
+ compact: {
78
+ containerProps: {};
79
+ containerStyle: {
80
+ display: string;
81
+ gap: string;
82
+ width: string;
83
+ flexDirection: string;
84
+ };
85
+ };
86
+ };
87
+ items: {
88
+ id: string;
89
+ moleculeLibraryId: string;
90
+ instance: string;
91
+ type: string;
92
+ metadata: {};
93
+ config: {};
94
+ attributes: {
95
+ label: {
96
+ required: boolean;
97
+ isRichText: boolean;
98
+ attributeType: string;
99
+ showRichTextToolbar: boolean;
100
+ text: string;
101
+ id: string;
102
+ };
103
+ required: {
104
+ attributeType: string;
105
+ value: boolean;
106
+ id: string;
107
+ };
108
+ dataModelField: {
109
+ id: string;
110
+ attributeType: string;
111
+ required: boolean;
112
+ dataModelField: {
113
+ dataFieldName: string;
114
+ dataModelFieldId: string;
115
+ defaultValue: null;
116
+ entitySubtypeId: string;
117
+ entitySubtypeName: string;
118
+ };
119
+ };
120
+ conditionConfig: {
121
+ id: string;
122
+ attributeType: string;
123
+ conditionConfig: {
124
+ criteriaList: never[];
125
+ segmentationType: string;
126
+ };
127
+ };
128
+ inputType: {};
129
+ };
130
+ }[];
131
+ metadata: {};
132
+ instance: string;
133
+ containerLibraryId: string;
134
+ id: string;
135
+ }[];
136
+ metadata: {
137
+ validation: string;
138
+ };
139
+ organismLibraryContainerId: string;
140
+ containerLibraryId: string;
141
+ id: string;
142
+ }[];
143
+ config: {
144
+ compact: {
145
+ containerProps: {};
146
+ containerStyle: {
147
+ padding: string;
148
+ };
149
+ };
150
+ wide: {
151
+ containerProps: {};
152
+ containerStyle: {
153
+ padding: string;
154
+ };
155
+ };
156
+ props: {
157
+ formProps: {
158
+ mode: string;
159
+ };
160
+ styles: {
161
+ display: string;
162
+ flexDirection: string;
163
+ gap: string;
164
+ padding: string;
165
+ };
166
+ };
167
+ };
168
+ metadata: {
169
+ validation: string;
170
+ display: {
171
+ type: string;
172
+ itemsPerStep: number;
173
+ };
174
+ };
175
+ organismLibraryContainerId: string;
176
+ containerLibraryId: string;
177
+ id: string;
178
+ };
179
+ metadata: {
180
+ formType: string;
181
+ editable: boolean;
182
+ isEditMode: boolean;
183
+ group: string[];
184
+ isTrigger: boolean;
185
+ referenceName: string;
186
+ };
187
+ status: string;
188
+ brandId: string;
189
+ organismLibraryId: string;
190
+ subtype: string;
191
+ }[];
192
+ isi: null;
193
+ };
194
+ };
@@ -4,8 +4,9 @@ export declare type ButtonActionsContextType = {
4
4
  actionContent?: ContainerComponentProps;
5
5
  setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
6
6
  isModalVisible: boolean;
7
- setModalVisible: Dispatch<SetStateAction<boolean>>;
8
7
  isDrawerVisible: boolean;
9
8
  setDrawerVisible: Dispatch<SetStateAction<boolean>>;
9
+ setActivePopUpById: (id: string) => void;
10
+ onCloseModal: (id: string) => void;
10
11
  };
11
12
  export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
@@ -1,11 +1,25 @@
1
1
  import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
2
- import { ContainerComponentProps } from 'containers';
2
+ import { AnyObject } from 'typescript';
3
+ import { ContainerComponentProps, Molecule } from 'containers';
4
+ export declare type PopupPropsType = {
5
+ id: string;
6
+ config: {
7
+ styles?: AnyObject;
8
+ size?: 'large' | 'medium';
9
+ };
10
+ content: {
11
+ embedded?: (ContainerComponentProps | Molecule)[];
12
+ isi?: ContainerComponentProps | Molecule;
13
+ };
14
+ };
3
15
  export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
4
16
  actionContent: ContainerComponentProps;
5
17
  setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
6
18
  isModalVisible: boolean;
7
- setModalVisible: Dispatch<SetStateAction<boolean>>;
8
19
  setDrawerVisible: Dispatch<SetStateAction<boolean>>;
9
20
  isDrawerVisible: boolean;
21
+ setActivePopUpById: (id: string) => void;
22
+ onCloseModal: (id: string) => void;
23
+ popupProps?: PopupPropsType[];
10
24
  }>>;
11
- export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
25
+ export declare const ButtonActionsProvider: ({ children, popupProps, }: ButtonActionsProviderProps) => JSX.Element;
@@ -23,5 +23,6 @@ export declare type OrganismContextType = {
23
23
  validations?: PasswordRuleValidation[];
24
24
  editable?: boolean;
25
25
  isFormInEditMode?: boolean;
26
+ organismMetadata?: AnyObject;
26
27
  };
27
28
  export declare const OrganismContext: import("react").Context<OrganismContextType>;
@@ -1,7 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
1
2
  import { ContainerComponentProps, Molecule } from 'containers';
3
+ import type { AnyObject } from 'typescript';
2
4
  import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
3
- import { PropsWithChildren } from 'react';
4
- import { AnyObject } from 'typescript';
5
5
  export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
6
6
  initItems: (ContainerComponentProps | Molecule)[];
7
7
  formId: string;
@@ -12,5 +12,6 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
12
12
  validations: PasswordRuleValidation[];
13
13
  editable: boolean;
14
14
  isFormInEditMode?: boolean;
15
+ organismMetadata?: AnyObject;
15
16
  }>>;
16
- export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
17
+ export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;
@@ -7,7 +7,5 @@ export declare type CheckboxGroupProps = Partial<{
7
7
  onBlur: Callback;
8
8
  onChange: (checkedIds: string[]) => void;
9
9
  checkboxesProps: CheckboxesProps;
10
- isTrigger?: boolean;
11
- moleculeId: string;
12
10
  }>;
13
- export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps, isTrigger, moleculeId, }: CheckboxGroupProps) => JSX.Element;
11
+ export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
@@ -19,7 +19,5 @@ export declare type InputFieldProps = Partial<{
19
19
  state: FormStateType;
20
20
  formData: AnyObject;
21
21
  htmlElementId: string;
22
- isTrigger?: boolean;
23
- moleculeId: string;
24
22
  }>;
25
- export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isTrigger, moleculeId, }: InputFieldProps) => JSX.Element | null;
23
+ export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
3
3
  import { InputFieldProps } from './InputField';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isTrigger, moleculeId, }: Partial<{
6
+ component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: Partial<{
7
7
  name: string;
8
8
  control: import("react-hook-form").Control<any, any>;
9
9
  rules: Omit<Partial<{
@@ -60,8 +60,6 @@ declare const _default: {
60
60
  state: import("../..").FormStateType;
61
61
  formData: import("typescript").AnyObject;
62
62
  htmlElementId: string;
63
- isTrigger?: boolean | undefined;
64
- moleculeId: string;
65
63
  }>) => JSX.Element | null;
66
64
  };
67
65
  export default _default;
@@ -53,8 +53,6 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
53
53
  buttonOptionSpacing: import("../..").SizesTypes;
54
54
  radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
55
55
  }>;
56
- isTrigger?: boolean | undefined;
57
- moleculeId: string;
58
56
  }>;
59
57
  internalConfig: Partial<{
60
58
  selectedRadioOptionBackgroundColor: string;
@@ -51,8 +51,6 @@ declare const _default: {
51
51
  buttonOptionSpacing: import("theme").SizesTypes;
52
52
  radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
53
53
  }>;
54
- isTrigger?: boolean | undefined;
55
- moleculeId: string;
56
54
  }>;
57
55
  internalConfig: Partial<{
58
56
  selectedRadioOptionBackgroundColor: string;
@@ -19,7 +19,5 @@ export declare type SelectFieldProps = Partial<{
19
19
  state: FormStateType;
20
20
  formData: AnyObject;
21
21
  htmlElementId: string;
22
- isTrigger?: boolean;
23
- moleculeId: string;
24
22
  }>;
25
- export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, isTrigger, moleculeId, }: SelectFieldProps) => JSX.Element | null;
23
+ export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
3
3
  import { SelectFieldProps } from './SelectField';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, isTrigger, moleculeId, }: Partial<{
6
+ component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: Partial<{
7
7
  selectProps: Partial<{
8
8
  ref: import("react-hook-form").RefCallBack;
9
9
  onBlur: import("typescript").Callback;
@@ -17,8 +17,6 @@ declare const _default: {
17
17
  isEditMode: boolean;
18
18
  selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
19
19
  isRichText: boolean;
20
- isTrigger?: boolean | undefined;
21
- moleculeId: string;
22
20
  }>;
23
21
  labelsProps: import("..").FieldLabelsProps;
24
22
  name: string;
@@ -49,8 +47,6 @@ declare const _default: {
49
47
  state: import("../..").FormStateType;
50
48
  formData: import("typescript").AnyObject;
51
49
  htmlElementId: string;
52
- isTrigger?: boolean | undefined;
53
- moleculeId: string;
54
50
  }>) => JSX.Element | null;
55
51
  };
56
52
  export default _default;
@@ -1,15 +1,17 @@
1
1
  import { ModalProps as MUIModalProps } from '@mui/material';
2
2
  import React, { KeyboardEvent, PropsWithChildren } from 'react';
3
3
  import { CSSProperties } from 'styled-components';
4
- import type { Callback, OverrideStyles } from 'typescript';
4
+ import type { OverrideStyles } from 'typescript';
5
5
  export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
6
6
  padding?: number | string;
7
7
  wrapperStyles?: CSSProperties;
8
8
  onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
9
9
  modalStyles?: CSSProperties;
10
- onClose?: Callback;
10
+ size?: string;
11
+ popupId: string;
12
+ onClose: (popupId: string) => void;
11
13
  };
12
- export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
14
+ export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: ZealUIModalProps) => JSX.Element;
13
15
  export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
14
16
  export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
15
17
  activeOpacity?: number | undefined;
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
3
3
  import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
6
+ component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
package/dist/index.d.ts CHANGED
@@ -115,10 +115,8 @@ declare type SelectProps = Partial<{
115
115
  isEditMode: boolean;
116
116
  selectInternalConfig: SelectInternalConfigurationOptions;
117
117
  isRichText: boolean;
118
- isTrigger?: boolean;
119
- moleculeId: string;
120
118
  }>;
121
- declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, isTrigger, moleculeId, }: SelectProps) => JSX.Element;
119
+ declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
122
120
 
123
121
  declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
124
122
  type: containers.ContainerType;
@@ -918,10 +916,8 @@ declare type RadioButtonsProps<T extends string> = Partial<{
918
916
  isEditMode: boolean;
919
917
  isRichText: boolean;
920
918
  internalConfig: RadioButtonInternalConfigProps;
921
- isTrigger?: boolean;
922
- moleculeId: string;
923
919
  }>;
924
- declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, isTrigger, moleculeId, }: Partial<{
920
+ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
925
921
  ref: RefCallBack;
926
922
  name: string;
927
923
  value: T;
@@ -943,8 +939,6 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
943
939
  buttonOptionSpacing: SizesTypes$1;
944
940
  radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
945
941
  }>;
946
- isTrigger?: boolean | undefined;
947
- moleculeId: string;
948
942
  }>) => JSX.Element;
949
943
  declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
950
944
  isRow: boolean;
@@ -1388,21 +1382,35 @@ declare type ButtonActionsContextType = {
1388
1382
  actionContent?: ContainerComponentProps$1;
1389
1383
  setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
1390
1384
  isModalVisible: boolean;
1391
- setModalVisible: Dispatch<SetStateAction<boolean>>;
1392
1385
  isDrawerVisible: boolean;
1393
1386
  setDrawerVisible: Dispatch<SetStateAction<boolean>>;
1387
+ setActivePopUpById: (id: string) => void;
1388
+ onCloseModal: (id: string) => void;
1394
1389
  };
1395
1390
  declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
1396
1391
 
1392
+ declare type PopupPropsType = {
1393
+ id: string;
1394
+ config: {
1395
+ styles?: AnyObject$1;
1396
+ size?: 'large' | 'medium';
1397
+ };
1398
+ content: {
1399
+ embedded?: (ContainerComponentProps$1 | Molecule$1)[];
1400
+ isi?: ContainerComponentProps$1 | Molecule$1;
1401
+ };
1402
+ };
1397
1403
  declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
1398
1404
  actionContent: ContainerComponentProps$1;
1399
1405
  setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
1400
1406
  isModalVisible: boolean;
1401
- setModalVisible: Dispatch<SetStateAction<boolean>>;
1402
1407
  setDrawerVisible: Dispatch<SetStateAction<boolean>>;
1403
1408
  isDrawerVisible: boolean;
1409
+ setActivePopUpById: (id: string) => void;
1410
+ onCloseModal: (id: string) => void;
1411
+ popupProps?: PopupPropsType[];
1404
1412
  }>>;
1405
- declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
1413
+ declare const ButtonActionsProvider: ({ children, popupProps, }: ButtonActionsProviderProps) => JSX.Element;
1406
1414
 
1407
1415
  declare type StepItem = ContainerComponentProps$1 | Molecule$1;
1408
1416
  declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
@@ -1426,6 +1434,7 @@ declare type OrganismContextType = {
1426
1434
  validations?: PasswordRuleValidation[];
1427
1435
  editable?: boolean;
1428
1436
  isFormInEditMode?: boolean;
1437
+ organismMetadata?: AnyObject$1;
1429
1438
  };
1430
1439
  declare const OrganismContext: react.Context<OrganismContextType>;
1431
1440
 
@@ -1439,8 +1448,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
1439
1448
  validations: PasswordRuleValidation[];
1440
1449
  editable: boolean;
1441
1450
  isFormInEditMode?: boolean;
1451
+ organismMetadata?: AnyObject$1;
1442
1452
  }>>;
1443
- declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
1453
+ declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;
1444
1454
 
1445
1455
  declare type AccountButtonContextType = Partial<{
1446
1456
  userInitials: string;
@@ -1531,10 +1541,8 @@ declare type InputFieldProps = Partial<{
1531
1541
  state: FormStateType$1;
1532
1542
  formData: AnyObject$1;
1533
1543
  htmlElementId: string;
1534
- isTrigger?: boolean;
1535
- moleculeId: string;
1536
1544
  }>;
1537
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isTrigger, moleculeId, }: InputFieldProps) => JSX.Element | null;
1545
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
1538
1546
 
1539
1547
  declare type FieldMapperProps<T extends object> = {
1540
1548
  field: UIField$1<keyof T>;
@@ -1583,10 +1591,8 @@ declare type CheckboxGroupProps = Partial<{
1583
1591
  onBlur: Callback$1;
1584
1592
  onChange: (checkedIds: string[]) => void;
1585
1593
  checkboxesProps: CheckboxesProps;
1586
- isTrigger?: boolean;
1587
- moleculeId: string;
1588
1594
  }>;
1589
- declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps, isTrigger, moleculeId, }: CheckboxGroupProps) => JSX.Element;
1595
+ declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
1590
1596
 
1591
1597
  declare type SelectFieldProps = Partial<{
1592
1598
  selectProps: SelectProps$1;
@@ -1602,10 +1608,8 @@ declare type SelectFieldProps = Partial<{
1602
1608
  state: FormStateType$1;
1603
1609
  formData: AnyObject$1;
1604
1610
  htmlElementId: string;
1605
- isTrigger?: boolean;
1606
- moleculeId: string;
1607
1611
  }>;
1608
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, isTrigger, moleculeId, }: SelectFieldProps) => JSX.Element | null;
1612
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
1609
1613
 
1610
1614
  declare type CustomValidationRule<T = string> = {
1611
1615
  text: string;
@@ -1798,8 +1802,6 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
1798
1802
  buttonOptionSpacing: SizesTypes;
1799
1803
  radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1800
1804
  }>;
1801
- isTrigger?: boolean | undefined;
1802
- moleculeId: string;
1803
1805
  }>;
1804
1806
  internalConfig: Partial<{
1805
1807
  selectedRadioOptionBackgroundColor: string;
@@ -2006,9 +2008,11 @@ declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
2006
2008
  wrapperStyles?: CSSProperties;
2007
2009
  onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
2008
2010
  modalStyles?: CSSProperties;
2009
- onClose?: Callback$1;
2011
+ size?: string;
2012
+ popupId: string;
2013
+ onClose: (popupId: string) => void;
2010
2014
  };
2011
- declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
2015
+ declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, ...rest }: ZealUIModalProps) => JSX.Element;
2012
2016
  declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
2013
2017
  declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
2014
2018
  activeOpacity?: number | undefined;
@@ -2053,4 +2057,4 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
2053
2057
  }>;
2054
2058
  declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
2055
2059
 
2056
- export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
2060
+ export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };