@zealicsolutions/web-ui 0.3.2 → 0.3.3-2.2125

package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentStory } from '@storybook/react';
+import type { StoryFn } from '@storybook/react';
 import { TextButtonProps } from 'atoms/Buttons/TextButton';
 import { FC } from 'react';
 import { IconButton as IconButtonComponent } from './IconButton';
@@ -11,6 +11,6 @@ declare const _default: {
     }, never>;
 };
 export default _default;
-export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
-export declare const TextButton: ComponentStory<FC<TextButtonProps>>;
-export declare const IconButton: ComponentStory<typeof IconButtonComponent>;
+export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
+export declare const TextButton: StoryFn<FC<TextButtonProps>>;
+export declare const IconButton: StoryFn<typeof IconButtonComponent>;

package/dist/cjs/src/atoms/Buttons/IconButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
-import { Callback } from 'typescript';
+import type { Callback } from 'typescript';
 export declare type IconButtonProps = {
     name: IconNames;
     size?: number;

package/dist/cjs/src/atoms/Circle/Circle.d.ts

@@ -5,4 +5,5 @@ export declare type CircleBoxProps = {
     type: CircleType;
 };
 export declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
+export declare const CirclesWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/cjs/src/atoms/GoogleMap/GoogleMap.d.ts

@@ -1,13 +1,2 @@
-import React from 'react';
-import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
-import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-export declare type MapPosition = {
-    lat: number;
-    lng: number;
-};
-export declare type GoogleMapProps = {
-    position: MapPosition;
-} & WithScriptjsProps & WithGoogleMapProps;
-export declare const GoogleMap: React.ComponentClass<{
-    position: MapPosition;
-} & WithScriptjsProps & WithGoogleMapProps, any>;
+/// <reference types="react" />
+export declare const GoogleMap: () => JSX.Element;

package/dist/cjs/src/atoms/Input/Input.d.ts

@@ -3,6 +3,7 @@ import { InputFieldTypes } from 'fieldsConfiguration/types';
 import React from 'react';
 import { ThemeColors } from 'theme/types';
 import type { Callback, StylesType } from 'typescript';
+import { MaskConfig } from './helpers';
 export declare type InputFieldInternalConfigProps = Partial<{
     textColor: ThemeColors | string;
     textFontSize: number;
@@ -31,5 +32,6 @@ export declare type InputProps = {
     onChange?: (value: string) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     internalConfig?: InputFieldInternalConfigProps;
+    config?: MaskConfig;
 };
-export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;

package/dist/cjs/src/atoms/Input/Input.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { InputProps } from './Input';
 declare const _default: {
     title: string;
-    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
 };
 export default _default;
 export declare const Input: StoryFn<InputProps>;

package/dist/cjs/src/atoms/Input/helpers.d.ts

@@ -0,0 +1,18 @@
+import { MaskedInputProps } from 'react-text-mask';
+import { HTMLInputTypeAttribute } from 'react';
+import { ThemeColors } from 'theme';
+import { InputProps } from 'atoms';
+import { InputFieldTypes } from '../../fieldsConfiguration';
+export declare type MaskConfig = Partial<{
+    maskPlaceholder: string;
+    dataModelFieldType: InputFieldTypes;
+    maskPattern: Array<string | RegExp>;
+}>;
+export declare const getSpecificInputProps: (type: InputFieldTypes) => {
+    type?: HTMLInputTypeAttribute | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+};
+export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
+export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
+    isFocused: boolean;
+}) => ThemeColors;

package/dist/cjs/src/atoms/RichTextViewer/types.d.ts

@@ -8,6 +8,7 @@ export declare type TextFormat = Partial<{
     variable: VariablePayload;
     tag: {
         id: string;
+        label: string;
     };
     'numbered-list': boolean;
     'bulleted-list': boolean;

package/dist/cjs/src/atoms/Select/Select.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
-import type { Callback, StylesType } from 'typescript';
+import type { AnyObject, Callback, StylesType } from 'typescript';
 import { RefCallBack } from 'react-hook-form/dist/types';
 export declare type SelectOption = {
     id: string;
     label: string;
+    value?: string;
+    config?: AnyObject;
 };
 export declare type SelectInternalConfigurationOptions = {
     placeholderTextColor: ThemeColors | string;

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

@@ -1,4 +1,40 @@
 /// <reference types="react" />
 import { ContainerComponentProps, ContainerProps } from 'containers';
-export declare const Container: ({ children, wide, compact, type, props }: ContainerProps) => JSX.Element;
-export declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps) => JSX.Element | null;
+export declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
+    type: import("containers").ContainerType;
+    wide: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+        }>;
+    }>;
+    props: Partial<{
+        position: import("containers").ContainerPositionType;
+        scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+        cornerRadius: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        formProps: import("containers").FormContainerProps;
+        formStepProps: import("containers").FormStepContainerProps;
+    }>;
+}> & {
+    children?: import("react").ReactNode;
+} & {
+    id: string;
+}) => JSX.Element;
+export declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps) => JSX.Element | null;

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

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

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

@@ -3,6 +3,7 @@ import { Molecule } from 'containers';
 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: moleculeId, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element;
+}) => JSX.Element | null;

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

@@ -0,0 +1 @@
+export { useCheckCondition } from './useCheckCondition';

package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts

@@ -0,0 +1,11 @@
+import { ConditionConfig, ConditionCriteria } from 'containers/types/types';
+import { AnyObject } from 'typescript';
+/**
+ * @attention This hook needs to be used inside of the form container for the form fields
+ */
+export declare const useCheckCondition: (config?: ConditionConfig, formData?: AnyObject) => boolean;
+export declare type GetEvaluateCriteriaFunctionParams = {
+    criteriaList?: ConditionCriteria[];
+    data?: AnyObject;
+};
+export declare const getEvaluateCriteriaFunction: ({ criteriaList, data, }: GetEvaluateCriteriaFunctionParams) => (criteria?: ConditionCriteria) => boolean;

package/dist/cjs/src/containers/hooks/useCheckCondition.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,5 @@
 import { ContainerComponentProps } from 'containers';
+export declare const sliderContainerProps: ContainerComponentProps;
 export declare const formContainerProps: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
+export declare const formBuilderData: ContainerComponentProps;

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

@@ -5,8 +5,7 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        formProps: {
-            mode: keyof import("react-hook-form").ValidationMode;
-        };
+        formProps: import("containers/types/types").FormContainerProps;
+        formStepProps: import("containers/types/types").FormStepContainerProps;
     }> | undefined;
 }, never>;

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

@@ -1,21 +1,50 @@
 import { SelectOption } from 'atoms';
-import { ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
-import { CSSProperties } from 'styled-components';
-import type { Nullable, StrictUnion } from 'typescript';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { ConditionConfig, ContainerComponentProps } from './types';
+export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+export declare type DownloadFile = {
+    url: string;
+    name: string;
+};
+declare type LinkAction = LinkAttributes;
+declare type PopupDrawerAction = ContainerComponentProps;
+declare type DownloadAction = DownloadFile;
+declare type SubmitAction = AnyObject;
+declare type CancelAction = AnyObject;
+declare type ResetAction = AnyObject;
+declare type DestroyAction = AnyObject;
+declare type Action = {
+    type: ActionTypes;
+} & Partial<{
+    link: LinkAction;
+    popup: PopupDrawerAction;
+    drawer: PopupDrawerAction;
+    download: DownloadAction;
+    submit: SubmitAction;
+    cancel: CancelAction;
+    reset: ResetAction;
+    destroy: DestroyAction;
+}>;
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
 };
 export interface TextAttributes {
+    id?: string;
     attributeType: 'text';
-    isRichText: boolean;
+    isRichText?: boolean;
     text: string;
 }
 export interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
+export interface ActionAttributes {
+    attributeType: 'action';
+    action: Action;
+}
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -25,6 +54,7 @@ export interface LinkAttributes {
     name: string;
 }
 export interface SelectAttributes {
+    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption[];
@@ -37,56 +67,72 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
+export interface DataConnectionAttributes {
+    id: string;
+    attributeType: 'data_model_field';
+    dataModelField: {
+        id: string;
+        fieldName: string;
+        code: string;
+    };
+}
+export interface ConditionConfigAttributes {
+    id: string;
+    attributeType: 'condition_config';
+    conditionConfig: ConditionConfig;
+}
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
+    metadata?: AnyObject;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: {
+    attributes: Partial<{
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    };
+    }>;
     config: {
-        props: Omit<ImageProps, 'src' | 'link' | 'altText'>;
+        props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
     };
 }
 export interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: {
+    attributes: Partial<{
         text: TextAttributes;
         seoStyle: SelectAttributes;
-    };
+        fontVariant: SelectAttributes;
+    }>;
     config: {
-        props: TextMoleculeProps;
+        props?: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: {
+    attributes: Partial<{
         title: TextAttributes;
-        buttonLink: LinkAttributes;
-    };
+        action: ActionAttributes;
+    }>;
     config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 export interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: {
+    attributes: Partial<{
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    };
+    }>;
     config: {
         props: Partial<{
             width: number;
-            styles: CSSProperties;
+            styles: StylesType;
         }>;
     };
 }
@@ -94,68 +140,81 @@ export interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
     config: {
         props: TabGroupProps;
-        wide: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
-        compact: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
+        wide: AdditionalTabContainerProps;
+        compact: AdditionalTabContainerProps;
     };
 }
 export interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         inputType: SelectAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & InputFieldProps>;
     };
 }
 export interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & SelectFieldProps>;
     };
 }
 export interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & RadioButtonFieldProps<string>>;
     };
 }
 export interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & CheckboxFieldProps>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
+export interface ConsentFieldMolecule extends BaseMolecule {
+    type: 'consent';
+    attributes: Partial<{
+        consent: Partial<{
+            attributeType: 'consent';
+            consent: Consent;
+            required: BooleanAttributes;
+        }>;
+    }>;
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
     form?: UseFormReturn<any>;
 };
+export {};

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

@@ -1,20 +1,27 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
-import { Molecule } from './moleculeTypes';
 import { ValidationMode } from 'react-hook-form';
-import { StylesType } from 'typescript';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
+import type { AnyObject, Nullable, StylesType } from 'typescript';
+import { Molecule } from './moleculeTypes';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type FormStepContainerProps = {
+    formStepName: string;
+    order: number;
+    conditionConfig: ConditionConfig;
+};
+export declare type FormContainerProps = {
+    mode: keyof ValidationMode;
+};
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
     styles: StylesType;
-    formProps: {
-        mode: keyof ValidationMode;
-    };
+    formProps: FormContainerProps;
+    formStepProps: FormStepContainerProps;
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -30,11 +37,30 @@ export declare type ContainerComponentProps = {
     id: string;
     instance: 'container';
     type: ContainerType;
+    items: (ContainerComponentProps | Molecule)[];
     config: {
         wide?: AdditionalContainerProps;
         compact?: AdditionalContainerProps;
         props?: ContainerPropsType;
     };
-    items: (ContainerComponentProps | Molecule)[];
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    metadata?: AnyObject;
+    attributes?: AnyObject;
+    containerLibraryId?: string;
+};
+export declare type CriteriaType = 'operator' | 'condition';
+export declare type ConditionCriteria = {
+    id: string;
+    type: CriteriaType;
+    operator: string;
+    dataFieldId: Nullable<string>;
+    dataFieldName: Nullable<string>;
+    dataValue: Nullable<string>;
+    connectedTo: Nullable<string>;
 };
+export declare type SegmentationType = 'simple' | 'advanced';
+export declare type ConditionConfig = Nullable<{
+    id: string;
+    segmentationType: SegmentationType;
+    criteriaList: ConditionCriteria[];
+}>;

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

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ContainerComponentProps } from 'containers';
+export declare type ButtonActionsContextType = {
+    actionContent?: ContainerComponentProps;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
+    isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
+    isDrawerVisible: boolean;
+    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+};
+export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;

package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { ContainerComponentProps } from 'containers';
+export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
+    actionContent: ContainerComponentProps;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
+    isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
+    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    isDrawerVisible: boolean;
+}>>;
+export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare type FormStepContextType = {
+    steps: number;
+    currentStep: number;
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+    setInitSteps: Dispatch<SetStateAction<number>>;
+};
+export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/cjs/src/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare type FormStepContextProviderProps = PropsWithChildren<{
+    initialStepsCount?: number;
+}>;
+export declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/FormStepContext/utils.d.ts

@@ -0,0 +1,2 @@
+import { ContainerComponentProps } from 'containers';
+export declare const getFormStepContainers: (items: ContainerComponentProps[]) => ContainerComponentProps[];

package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -2,6 +2,9 @@ export declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;
+        entityIds: string[];
+        moleculeIds: string[];
+        referencedByIds: string[];
     }[];
     links: {
         referencedById: string;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContainerComponentProps, Molecule } from 'containers';
+import { GroupedStepItemsByStepContainer } from './utils';
+export declare type OrganismContextType = {
+    items: (ContainerComponentProps | Molecule)[];
+    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+};
+export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
+    initItems: (ContainerComponentProps | Molecule)[];
+}>>;
+export declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/OrganismContext/utils.d.ts

@@ -0,0 +1,5 @@
+import { ContainerComponentProps, Molecule } from 'containers';
+declare type StepItem = ContainerComponentProps | Molecule;
+export declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
+export declare const groupStepItemsByStepContainer: (items: StepItem[]) => GroupedStepItemsByStepContainer;
+export {};

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

@@ -0,0 +1,4 @@
+export { useFormStepContext } from './useFormStepContext';
+export { useButtonActionsContext } from './useButtonActionsContext';
+export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
+export { useOrganismContext } from './useOrganismContext';

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

@@ -0,0 +1 @@
+export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;

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

@@ -0,0 +1 @@
+export declare const useFormStepContext: () => import("contexts/FormStepContext/FormStepContext").FormStepContextType;

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

@@ -0,0 +1 @@
+export declare const useOrganismContext: () => import("contexts/OrganismContext/OrganismContext").OrganismContextType;