@zealicsolutions/web-ui 0.3.81 → 0.3.82

package/dist/cjs/src/containers/Container.d.ts

@@ -52,7 +52,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
         activeChildrenIds: string[];
         activeOrganismIds: string[];
     }>;
-    metadata: AnyObject;
+    metadata: import("containers").MetadataType;
     isMobile: boolean;
 }> & {
     children?: ReactNode;

package/dist/cjs/src/containers/Container.stories.d.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryFn } from '@storybook/react';
-import { ContainerComponent, ContainerComponentProps } from 'containers';
+import { ContainerComponent, ContainerComponentProps, StateConfigType } from 'containers';
 declare const meta: Meta<typeof ContainerComponent>;
 export default meta;
 declare type Story = StoryFn<ContainerComponentProps>;
 export declare const Container: Story;
+export declare const stateObject: StateConfigType;

package/dist/cjs/src/containers/FormStepContainer.d.ts

@@ -1,6 +1,7 @@
-import { FormStepContainerProps } from 'containers';
+import { FormStepContainerProps, MetadataType } from 'containers';
 import { PropsWithChildren } from 'react';
 export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
     id: string;
+    metadata?: MetadataType;
 };
-export declare const FormStepContainer: ({ order, id }: StepContainerProps) => JSX.Element | null;
+export declare const FormStepContainer: ({ order, id, metadata }: StepContainerProps) => JSX.Element | null;

package/dist/cjs/src/containers/MoleculeItem.d.ts

@@ -3,7 +3,7 @@ import { TabGroupProps } from 'molecules';
 export declare const getFullLink: (url: string) => string;
 export declare const navigateToPage: (url: string) => void;
 export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
-export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, }: Molecule & {
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, validations, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
     isMobile?: boolean | undefined;
 }) => JSX.Element | null;

package/dist/cjs/src/containers/mock-data.d.ts

@@ -11,3 +11,4 @@ export declare const rowRepeaterContainerSingle: ContainerComponentProps;
 export declare const columnRepeaterContainer: ContainerComponentProps;
 export declare const outlinedColumnContainer: ContainerComponentProps;
 export declare const headerContainer: ContainerComponentProps;
+export declare const headerContainerWithTabs: ContainerComponentProps;

package/dist/cjs/src/containers/types/moleculeTypes.d.ts

@@ -1,9 +1,10 @@
 import { LinkVariant, SelectOption } from 'atoms';
 import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
-import { ConditionConfig, ContainerComponentProps } from './types';
+import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 export declare type DownloadFile = {
     url: string;
@@ -28,7 +29,7 @@ declare type Action = {
     reset: ResetAction;
     destroy: DestroyAction;
 }>;
-export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown';
+export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -87,12 +88,12 @@ export interface ColorAttributes {
     attributeType: 'color';
     color: string;
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
+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';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: AnyObject;
+    metadata?: MetadataType;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -232,9 +233,27 @@ export interface LinkMolecule extends BaseMolecule {
         }>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & Partial<{
+export interface PasswordSetupMolecule extends BaseMolecule {
+    type: 'password_setup_field';
+    attributes: Partial<{
+        passwordFieldLabel: TextAttributes;
+        reenteredPasswordFieldLabel: TextAttributes;
+        passwordFieldRequired: BooleanAttributes;
+        reenteredPasswordFieldRequired: BooleanAttributes;
+        dataModelField: DataConnectionAttributes;
+    }>;
+    config: {
+        props: {
+            validationLabel?: string;
+            passwordInputProps: InputFieldProps;
+            reenteredPasswordInputProps: InputFieldProps;
+        };
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;
+    validations: PasswordRuleValidation[];
 }>;
 export {};

package/dist/cjs/src/containers/types/types.d.ts

@@ -10,6 +10,26 @@ export declare type ContainerTemplateType = 'row_content_container';
 export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
 export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type StateActionType = 'visible' | 'disabled';
+export declare type StateEventType = 'click' | 'view';
+export declare type StateListenerConfigType = {
+    stateRole: 'stateListener';
+    stateKey: string;
+    stateValue: string;
+    defaultState: Record<StateActionType, boolean>;
+    action: Record<StateActionType, boolean>;
+};
+export declare type StateModifierConfigType = {
+    stateRole: 'stateModifier';
+    stateKey: string;
+    event: StateEventType;
+};
+export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
+export declare type MetadataType = AnyObject & {
+    stateConfig: MetadataStateConfig[];
+    notEditable?: boolean;
+    hasOwnButton?: boolean;
+};
 export declare type SliderProps = {
     autoplay?: boolean;
     autoplayDuration?: number;
@@ -48,7 +68,7 @@ export declare type ContainerProps = PropsWithChildren<Partial<{
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
-    metadata: AnyObject;
+    metadata: MetadataType;
     isMobile: boolean;
 }>>;
 export declare type ContainerComponentProps = {
@@ -62,7 +82,7 @@ export declare type ContainerComponentProps = {
         props: ContainerPropsType;
     }>;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    metadata?: AnyObject;
+    metadata?: MetadataType;
     attributes?: AnyObject;
     containerLibraryId?: string;
     isMobile?: boolean;
@@ -83,3 +103,4 @@ export declare type ConditionConfig = Nullable<{
     segmentationType: SegmentationType;
     criteriaList: ConditionCriteria[];
 }>;
+export declare type StateConfigType = Record<string, Nullable<boolean | string>>;

package/dist/cjs/src/contexts/StateContext/StateContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StateConfigType } from 'containers';
+export declare type StateContextType = {
+    stateConfig: StateConfigType;
+};
+export declare const StateContext: import("react").Context<StateContextType>;

package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { StateConfigType } from 'containers';
+import { PropsWithChildren } from 'react';
+export declare type StateContextProviderProps = PropsWithChildren<{
+    initStateConfig: StateConfigType;
+}>;
+export declare const StateContextProvider: ({ initStateConfig, children }: StateContextProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useFormStepContext } from './useFormStepContext';
 export { useButtonActionsContext } from './useButtonActionsContext';
 export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
 export { useOrganismContext } from './useOrganismContext';
+export { useStateContext } from './useStateContext';

package/dist/cjs/src/contexts/hooks/useStateContext.d.ts

@@ -0,0 +1 @@
+export declare const useStateContext: () => import("contexts/StateContext/StateContext").StateContextType;

package/dist/cjs/src/fieldsConfiguration/mock.d.ts

@@ -1,8 +1,10 @@
 import { UIFields } from 'fieldsConfiguration/types';
+import { PasswordFields } from 'molecules/PasswordSetup/PasswordSetup';
 import { LoginFields } from 'organisms/LoginForm/types';
 import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
 export declare const acquisitionFormMockFields: UIFields<Record<string, string>>;
 export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
+export declare const passwordMockFields: UIFields<PasswordFields>;
 export declare const loginMockFields: UIFields<LoginFields>;
 export declare const sectionMockFields: UIFields<Record<string, string>>;
 export declare const profileInformationMockForm: {

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts

@@ -1,5 +1,5 @@
-import type { StylesType } from 'typescript';
 import { FontSizesTypes, ThemeColors } from 'theme';
+import type { Nullable, StylesType } from 'typescript';
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 export declare type LabelInternalConfig = {
     fontVariant: FontSizesTypes;
@@ -33,7 +33,7 @@ export declare type FieldLabelsProps = {
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;
-    ruleLabel?: FieldRuleLabelTypes;
+    ruleLabel?: Nullable<FieldRuleLabelTypes>;
     labelInternalConfig?: LabelInternalConfig;
     ruleLabelInternalConfig?: RuleLabelInternalConfig;
     tooltipInternalConfig?: TooltipInternalConfig;

package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.d.ts

@@ -0,0 +1,18 @@
+import { UIFields } from 'fieldsConfiguration';
+import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
+import { UseFormReturn } from 'react-hook-form';
+export declare type PasswordRuleValidation = {
+    label: string;
+    rule: MaxRuleValidation | MinRuleValidation;
+};
+export declare type PasswordFields = {
+    password: string;
+    reenteredPassword?: string;
+};
+export declare type PasswordSetupProps = {
+    fields: UIFields<PasswordFields>;
+    validations: PasswordRuleValidation[];
+    form?: UseFormReturn<any>;
+    validationLabel?: string;
+};
+export declare const PasswordSetup: ({ fields, validations, form, validationLabel, }: PasswordSetupProps) => JSX.Element;

package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
+declare const _default: {
+    title: string;
+    component: ({ fields, validations, form, validationLabel, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
+};
+export default _default;
+export declare const PasswordSetup: ComponentStory<typeof PasswordSetupComponent>;

package/dist/cjs/src/organisms/FeedContent/styles.d.ts

@@ -15,5 +15,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<"d
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<FeedContentProps, "withCloseIcon" | "feedContentTemplate">, never>;
+} & Pick<FeedContentProps, "feedContentTemplate" | "withCloseIcon">, never>;
 export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;