@zealicsolutions/web-ui 0.3.81 → 0.3.82

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 (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"