@zealicsolutions/web-ui 0.3.81 → 0.3.82

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. package/dist/cjs/index.js +16 -16
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/containers/Container.d.ts +1 -1
  4. package/dist/cjs/src/containers/Container.stories.d.ts +2 -1
  5. package/dist/cjs/src/containers/FormStepContainer.d.ts +3 -2
  6. package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
  7. package/dist/cjs/src/containers/mock-data.d.ts +1 -0
  8. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +24 -5
  9. package/dist/cjs/src/containers/types/types.d.ts +23 -2
  10. package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +6 -0
  11. package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +6 -0
  12. package/dist/cjs/src/contexts/hooks/index.d.ts +1 -0
  13. package/dist/cjs/src/contexts/hooks/useStateContext.d.ts +1 -0
  14. package/dist/cjs/src/fieldsConfiguration/mock.d.ts +2 -0
  15. package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
  16. package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.d.ts +18 -0
  17. package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +8 -0
  18. package/dist/cjs/src/organisms/FeedContent/styles.d.ts +1 -1
  19. package/dist/esm/index.js +3 -3
  20. package/dist/esm/index.js.map +1 -1
  21. package/dist/esm/src/containers/Container.d.ts +1 -1
  22. package/dist/esm/src/containers/Container.stories.d.ts +2 -1
  23. package/dist/esm/src/containers/FormStepContainer.d.ts +3 -2
  24. package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
  25. package/dist/esm/src/containers/mock-data.d.ts +1 -0
  26. package/dist/esm/src/containers/types/moleculeTypes.d.ts +24 -5
  27. package/dist/esm/src/containers/types/types.d.ts +23 -2
  28. package/dist/esm/src/contexts/StateContext/StateContext.d.ts +6 -0
  29. package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +6 -0
  30. package/dist/esm/src/contexts/hooks/index.d.ts +1 -0
  31. package/dist/esm/src/contexts/hooks/useStateContext.d.ts +1 -0
  32. package/dist/esm/src/fieldsConfiguration/mock.d.ts +2 -0
  33. package/dist/esm/src/molecules/FieldLabels/FieldLabels.d.ts +2 -2
  34. package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.d.ts +18 -0
  35. package/dist/esm/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts +8 -0
  36. package/dist/esm/src/organisms/FeedContent/styles.d.ts +1 -1
  37. package/dist/index.d.ts +50 -9
  38. package/package.json +1 -1
@@ -52,7 +52,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
52
52
  activeChildrenIds: string[];
53
53
  activeOrganismIds: string[];
54
54
  }>;
55
- metadata: AnyObject;
55
+ metadata: import("containers").MetadataType;
56
56
  isMobile: boolean;
57
57
  }> & {
58
58
  children?: ReactNode;
@@ -1,6 +1,7 @@
1
1
  import type { Meta, StoryFn } from '@storybook/react';
2
- import { ContainerComponent, ContainerComponentProps } from 'containers';
2
+ import { ContainerComponent, ContainerComponentProps, StateConfigType } from 'containers';
3
3
  declare const meta: Meta<typeof ContainerComponent>;
4
4
  export default meta;
5
5
  declare type Story = StoryFn<ContainerComponentProps>;
6
6
  export declare const Container: Story;
7
+ export declare const stateObject: StateConfigType;
@@ -1,6 +1,7 @@
1
- import { FormStepContainerProps } from 'containers';
1
+ import { FormStepContainerProps, MetadataType } from 'containers';
2
2
  import { PropsWithChildren } from 'react';
3
3
  export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
4
4
  id: string;
5
+ metadata?: MetadataType;
5
6
  };
6
- export declare const FormStepContainer: ({ order, id }: StepContainerProps) => JSX.Element | null;
7
+ export declare const FormStepContainer: ({ order, id, metadata }: StepContainerProps) => JSX.Element | null;
@@ -3,7 +3,7 @@ import { TabGroupProps } from 'molecules';
3
3
  export declare const getFullLink: (url: string) => string;
4
4
  export declare const navigateToPage: (url: string) => void;
5
5
  export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
6
- export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, }: Molecule & {
6
+ export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, validations, }: Molecule & {
7
7
  tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
8
8
  isMobile?: boolean | undefined;
9
9
  }) => JSX.Element | null;
@@ -11,3 +11,4 @@ export declare const rowRepeaterContainerSingle: ContainerComponentProps;
11
11
  export declare const columnRepeaterContainer: ContainerComponentProps;
12
12
  export declare const outlinedColumnContainer: ContainerComponentProps;
13
13
  export declare const headerContainer: ContainerComponentProps;
14
+ export declare const headerContainerWithTabs: ContainerComponentProps;
@@ -1,9 +1,10 @@
1
1
  import { LinkVariant, SelectOption } from 'atoms';
2
2
  import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
3
+ import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
3
4
  import { Dispatch, SetStateAction } from 'react';
4
5
  import { UseFormReturn } from 'react-hook-form';
5
6
  import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
6
- import { ConditionConfig, ContainerComponentProps } from './types';
7
+ import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
7
8
  export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
8
9
  export declare type DownloadFile = {
9
10
  url: string;
@@ -28,7 +29,7 @@ declare type Action = {
28
29
  reset: ResetAction;
29
30
  destroy: DestroyAction;
30
31
  }>;
31
- export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
32
+ export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
32
33
  export declare type ImageAttributes = {
33
34
  attributeType: 'image';
34
35
  imageSource: string;
@@ -87,12 +88,12 @@ export interface ColorAttributes {
87
88
  attributeType: 'color';
88
89
  color: string;
89
90
  }
90
- export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
91
+ export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field';
91
92
  export interface BaseMolecule {
92
93
  id: string;
93
94
  instance: 'molecule';
94
95
  type: MoleculeTypes;
95
- metadata?: AnyObject;
96
+ metadata?: MetadataType;
96
97
  }
97
98
  export interface ImageMolecule extends BaseMolecule {
98
99
  type: 'image';
@@ -232,9 +233,27 @@ export interface LinkMolecule extends BaseMolecule {
232
233
  }>;
233
234
  };
234
235
  }
235
- export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
236
+ export interface PasswordSetupMolecule extends BaseMolecule {
237
+ type: 'password_setup_field';
238
+ attributes: Partial<{
239
+ passwordFieldLabel: TextAttributes;
240
+ reenteredPasswordFieldLabel: TextAttributes;
241
+ passwordFieldRequired: BooleanAttributes;
242
+ reenteredPasswordFieldRequired: BooleanAttributes;
243
+ dataModelField: DataConnectionAttributes;
244
+ }>;
245
+ config: {
246
+ props: {
247
+ validationLabel?: string;
248
+ passwordInputProps: InputFieldProps;
249
+ reenteredPasswordInputProps: InputFieldProps;
250
+ };
251
+ };
252
+ }
253
+ export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
236
254
  form: UseFormReturn<any>;
237
255
  formData: AnyObject;
238
256
  setFormData: Dispatch<SetStateAction<AnyObject>>;
257
+ validations: PasswordRuleValidation[];
239
258
  }>;
240
259
  export {};
@@ -10,6 +10,26 @@ export declare type ContainerTemplateType = 'row_content_container';
10
10
  export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
11
11
  export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
12
12
  export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
13
+ export declare type StateActionType = 'visible' | 'disabled';
14
+ export declare type StateEventType = 'click' | 'view';
15
+ export declare type StateListenerConfigType = {
16
+ stateRole: 'stateListener';
17
+ stateKey: string;
18
+ stateValue: string;
19
+ defaultState: Record<StateActionType, boolean>;
20
+ action: Record<StateActionType, boolean>;
21
+ };
22
+ export declare type StateModifierConfigType = {
23
+ stateRole: 'stateModifier';
24
+ stateKey: string;
25
+ event: StateEventType;
26
+ };
27
+ export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
28
+ export declare type MetadataType = AnyObject & {
29
+ stateConfig: MetadataStateConfig[];
30
+ notEditable?: boolean;
31
+ hasOwnButton?: boolean;
32
+ };
13
33
  export declare type SliderProps = {
14
34
  autoplay?: boolean;
15
35
  autoplayDuration?: number;
@@ -48,7 +68,7 @@ export declare type ContainerProps = PropsWithChildren<Partial<{
48
68
  wide: AdditionalContainerProps;
49
69
  compact: AdditionalContainerProps;
50
70
  props: ContainerPropsType;
51
- metadata: AnyObject;
71
+ metadata: MetadataType;
52
72
  isMobile: boolean;
53
73
  }>>;
54
74
  export declare type ContainerComponentProps = {
@@ -62,7 +82,7 @@ export declare type ContainerComponentProps = {
62
82
  props: ContainerPropsType;
63
83
  }>;
64
84
  tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
65
- metadata?: AnyObject;
85
+ metadata?: MetadataType;
66
86
  attributes?: AnyObject;
67
87
  containerLibraryId?: string;
68
88
  isMobile?: boolean;
@@ -83,3 +103,4 @@ export declare type ConditionConfig = Nullable<{
83
103
  segmentationType: SegmentationType;
84
104
  criteriaList: ConditionCriteria[];
85
105
  }>;
106
+ export declare type StateConfigType = Record<string, Nullable<boolean | string>>;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { StateConfigType } from 'containers';
3
+ export declare type StateContextType = {
4
+ stateConfig: StateConfigType;
5
+ };
6
+ export declare const StateContext: import("react").Context<StateContextType>;
@@ -0,0 +1,6 @@
1
+ import { StateConfigType } from 'containers';
2
+ import { PropsWithChildren } from 'react';
3
+ export declare type StateContextProviderProps = PropsWithChildren<{
4
+ initStateConfig: StateConfigType;
5
+ }>;
6
+ export declare const StateContextProvider: ({ initStateConfig, children }: StateContextProviderProps) => JSX.Element;
@@ -2,3 +2,4 @@ export { useFormStepContext } from './useFormStepContext';
2
2
  export { useButtonActionsContext } from './useButtonActionsContext';
3
3
  export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
4
4
  export { useOrganismContext } from './useOrganismContext';
5
+ export { useStateContext } from './useStateContext';
@@ -0,0 +1 @@
1
+ export declare const useStateContext: () => import("contexts/StateContext/StateContext").StateContextType;
@@ -1,8 +1,10 @@
1
1
  import { UIFields } from 'fieldsConfiguration/types';
2
+ import { PasswordFields } from 'molecules/PasswordSetup/PasswordSetup';
2
3
  import { LoginFields } from 'organisms/LoginForm/types';
3
4
  import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
4
5
  export declare const acquisitionFormMockFields: UIFields<Record<string, string>>;
5
6
  export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
7
+ export declare const passwordMockFields: UIFields<PasswordFields>;
6
8
  export declare const loginMockFields: UIFields<LoginFields>;
7
9
  export declare const sectionMockFields: UIFields<Record<string, string>>;
8
10
  export declare const profileInformationMockForm: {
@@ -1,5 +1,5 @@
1
- import type { StylesType } from 'typescript';
2
1
  import { FontSizesTypes, ThemeColors } from 'theme';
2
+ import type { Nullable, StylesType } from 'typescript';
3
3
  export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
4
4
  export declare type LabelInternalConfig = {
5
5
  fontVariant: FontSizesTypes;
@@ -33,7 +33,7 @@ export declare type FieldLabelsProps = {
33
33
  tooltipText?: string;
34
34
  isError?: boolean;
35
35
  isTooltipVisible?: boolean;
36
- ruleLabel?: FieldRuleLabelTypes;
36
+ ruleLabel?: Nullable<FieldRuleLabelTypes>;
37
37
  labelInternalConfig?: LabelInternalConfig;
38
38
  ruleLabelInternalConfig?: RuleLabelInternalConfig;
39
39
  tooltipInternalConfig?: TooltipInternalConfig;
@@ -0,0 +1,18 @@
1
+ import { UIFields } from 'fieldsConfiguration';
2
+ import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
3
+ import { UseFormReturn } from 'react-hook-form';
4
+ export declare type PasswordRuleValidation = {
5
+ label: string;
6
+ rule: MaxRuleValidation | MinRuleValidation;
7
+ };
8
+ export declare type PasswordFields = {
9
+ password: string;
10
+ reenteredPassword?: string;
11
+ };
12
+ export declare type PasswordSetupProps = {
13
+ fields: UIFields<PasswordFields>;
14
+ validations: PasswordRuleValidation[];
15
+ form?: UseFormReturn<any>;
16
+ validationLabel?: string;
17
+ };
18
+ export declare const PasswordSetup: ({ fields, validations, form, validationLabel, }: PasswordSetupProps) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { ComponentStory } from '@storybook/react';
2
+ import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
3
+ declare const _default: {
4
+ title: string;
5
+ component: ({ fields, validations, form, validationLabel, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
6
+ };
7
+ export default _default;
8
+ export declare const PasswordSetup: ComponentStory<typeof PasswordSetupComponent>;
@@ -15,5 +15,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<"d
15
15
  disabled?: boolean | undefined;
16
16
  } & {
17
17
  children?: import("react").ReactNode;
18
- } & Pick<FeedContentProps, "withCloseIcon" | "feedContentTemplate">, never>;
18
+ } & Pick<FeedContentProps, "feedContentTemplate" | "withCloseIcon">, never>;
19
19
  export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;
package/dist/index.d.ts CHANGED
@@ -36,6 +36,7 @@ import { ISIAProps } from 'organisms/ISI/ISIA';
36
36
  import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
37
37
  import { FeedContentProps as FeedContentProps$1, FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
38
38
  import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
39
+ import { PasswordFields, PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
39
40
  import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
40
41
  import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
41
42
  import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
@@ -153,6 +154,7 @@ declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<Fiel
153
154
 
154
155
  declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
155
156
  declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
157
+ declare const passwordMockFields: UIFields$1<PasswordFields>;
156
158
  declare const loginMockFields: UIFields$1<LoginFields$1>;
157
159
  declare const sectionMockFields: UIFields$1<Record<string, string>>;
158
160
  declare const profileInformationMockForm: {
@@ -968,7 +970,7 @@ declare type FieldLabelsProps = {
968
970
  tooltipText?: string;
969
971
  isError?: boolean;
970
972
  isTooltipVisible?: boolean;
971
- ruleLabel?: FieldRuleLabelTypes;
973
+ ruleLabel?: Nullable<FieldRuleLabelTypes>;
972
974
  labelInternalConfig?: LabelInternalConfig;
973
975
  ruleLabelInternalConfig?: RuleLabelInternalConfig;
974
976
  tooltipInternalConfig?: TooltipInternalConfig;
@@ -1528,7 +1530,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1528
1530
  activeChildrenIds: string[];
1529
1531
  activeOrganismIds: string[];
1530
1532
  }>;
1531
- metadata: AnyObject$1;
1533
+ metadata: containers.MetadataType;
1532
1534
  isMobile: boolean;
1533
1535
  }> & {
1534
1536
  children?: ReactNode;
@@ -1564,7 +1566,7 @@ declare type Action = {
1564
1566
  reset: ResetAction;
1565
1567
  destroy: DestroyAction;
1566
1568
  }>;
1567
- declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
1569
+ declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
1568
1570
  declare type ImageAttributes = {
1569
1571
  attributeType: 'image';
1570
1572
  imageSource: string;
@@ -1623,12 +1625,12 @@ interface ColorAttributes {
1623
1625
  attributeType: 'color';
1624
1626
  color: string;
1625
1627
  }
1626
- declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
1628
+ declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field';
1627
1629
  interface BaseMolecule {
1628
1630
  id: string;
1629
1631
  instance: 'molecule';
1630
1632
  type: MoleculeTypes;
1631
- metadata?: AnyObject$1;
1633
+ metadata?: MetadataType;
1632
1634
  }
1633
1635
  interface ImageMolecule extends BaseMolecule {
1634
1636
  type: 'image';
@@ -1768,10 +1770,28 @@ interface LinkMolecule extends BaseMolecule {
1768
1770
  }>;
1769
1771
  };
1770
1772
  }
1771
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
1773
+ interface PasswordSetupMolecule extends BaseMolecule {
1774
+ type: 'password_setup_field';
1775
+ attributes: Partial<{
1776
+ passwordFieldLabel: TextAttributes;
1777
+ reenteredPasswordFieldLabel: TextAttributes;
1778
+ passwordFieldRequired: BooleanAttributes;
1779
+ reenteredPasswordFieldRequired: BooleanAttributes;
1780
+ dataModelField: DataConnectionAttributes;
1781
+ }>;
1782
+ config: {
1783
+ props: {
1784
+ validationLabel?: string;
1785
+ passwordInputProps: InputFieldProps$1;
1786
+ reenteredPasswordInputProps: InputFieldProps$1;
1787
+ };
1788
+ };
1789
+ }
1790
+ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
1772
1791
  form: UseFormReturn<any>;
1773
1792
  formData: AnyObject$1;
1774
1793
  setFormData: Dispatch<SetStateAction<AnyObject$1>>;
1794
+ validations: PasswordRuleValidation[];
1775
1795
  }>;
1776
1796
 
1777
1797
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
@@ -1779,6 +1799,26 @@ declare type ContainerTemplateType = 'row_content_container';
1779
1799
  declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
1780
1800
  declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
1781
1801
  declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
1802
+ declare type StateActionType = 'visible' | 'disabled';
1803
+ declare type StateEventType = 'click' | 'view';
1804
+ declare type StateListenerConfigType = {
1805
+ stateRole: 'stateListener';
1806
+ stateKey: string;
1807
+ stateValue: string;
1808
+ defaultState: Record<StateActionType, boolean>;
1809
+ action: Record<StateActionType, boolean>;
1810
+ };
1811
+ declare type StateModifierConfigType = {
1812
+ stateRole: 'stateModifier';
1813
+ stateKey: string;
1814
+ event: StateEventType;
1815
+ };
1816
+ declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
1817
+ declare type MetadataType = AnyObject$1 & {
1818
+ stateConfig: MetadataStateConfig[];
1819
+ notEditable?: boolean;
1820
+ hasOwnButton?: boolean;
1821
+ };
1782
1822
  declare type SliderProps = {
1783
1823
  autoplay?: boolean;
1784
1824
  autoplayDuration?: number;
@@ -1817,7 +1857,7 @@ declare type ContainerProps = PropsWithChildren<Partial<{
1817
1857
  wide: AdditionalContainerProps;
1818
1858
  compact: AdditionalContainerProps;
1819
1859
  props: ContainerPropsType;
1820
- metadata: AnyObject$1;
1860
+ metadata: MetadataType;
1821
1861
  isMobile: boolean;
1822
1862
  }>>;
1823
1863
  declare type ContainerComponentProps = {
@@ -1831,7 +1871,7 @@ declare type ContainerComponentProps = {
1831
1871
  props: ContainerPropsType;
1832
1872
  }>;
1833
1873
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
1834
- metadata?: AnyObject$1;
1874
+ metadata?: MetadataType;
1835
1875
  attributes?: AnyObject$1;
1836
1876
  containerLibraryId?: string;
1837
1877
  isMobile?: boolean;
@@ -1852,6 +1892,7 @@ declare type ConditionConfig = Nullable<{
1852
1892
  segmentationType: SegmentationType;
1853
1893
  criteriaList: ConditionCriteria[];
1854
1894
  }>;
1895
+ declare type StateConfigType = Record<string, Nullable<boolean | string>>;
1855
1896
 
1856
1897
  declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
1857
1898
  containerProps?: Partial<{
@@ -1889,4 +1930,4 @@ declare type FormOrganismItemProps = {
1889
1930
  };
1890
1931
  declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
1891
1932
 
1892
- export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, 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, 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, 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, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, 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, 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, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1933
+ export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, 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, 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, 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, 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, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.81",
3
+ "version": "0.3.82",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"