@zealicsolutions/web-ui 0.3.11 → 0.3.12

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

@@ -1,4 +1,4 @@
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } 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: StoryFn<FC<TouchableOpacityProps>>;
-export declare const TextButton: StoryFn<FC<TextButtonProps>>;
-export declare const IconButton: StoryFn<typeof IconButtonComponent>;
+export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
+export declare const TextButton: ComponentStory<FC<TextButtonProps>>;
+export declare const IconButton: ComponentStory<typeof IconButtonComponent>;

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

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

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

@@ -3,7 +3,6 @@ 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;

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

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

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

@@ -2,38 +2,12 @@ import { SelectOption } from 'atoms';
 import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
-import type { AnyObject, Nullable, StrictUnion } from 'typescript';
-import { 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 = Omit<LinkAttributes, 'attributeType'>;
-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;
-}>;
+import type { Nullable, StrictUnion } from 'typescript';
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
 };
 export interface TextAttributes {
-    id?: string;
     attributeType: 'text';
     isRichText: boolean;
     text: string;
@@ -42,10 +16,6 @@ export interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
-export interface ActionAttributes {
-    attributeType: 'action';
-    action: Action;
-}
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -55,7 +25,6 @@ export interface LinkAttributes {
     name: string;
 }
 export interface SelectAttributes {
-    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption[];
@@ -73,10 +42,6 @@ export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: AnyObject;
-    idForFrontend?: string;
-    moleculeLibraryId?: string;
-    organismLibraryMoleculeId?: string;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -103,7 +68,7 @@ export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
     attributes: {
         title: TextAttributes;
-        action: ActionAttributes;
+        buttonLink: LinkAttributes;
     };
     config: {
         props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
@@ -188,4 +153,3 @@ export interface CheckboxFieldMolecule extends BaseMolecule {
 export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
     form?: UseFormReturn<any>;
 };
-export {};

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

@@ -1,11 +1,11 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
-import { ValidationMode } from 'react-hook-form';
-import type { AnyObject, StylesType } from 'typescript';
 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' | 'relative';
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
@@ -30,14 +30,11 @@ 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;
 };

package/dist/esm/src/contexts/index.d.ts

@@ -2,6 +2,3 @@ export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
 export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
 export * from './MlrRichTextViewerContext/types';
 export * from './hooks/useMlrRichTextViewerContext';
-export * from './hooks/useButtonActionsContext';
-export * from './ButtonActionsContext/ButtonActionsContext';
-export * from './ButtonActionsContext/ButtonActionsContextProvider';

package/dist/esm/src/molecules/Button/Button.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
-import type { Callback, StylesType } from 'typescript';
+import type { Callback } from 'typescript';
+import { StylesType } from 'typescript';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type BaseButtonProps = PropsWithChildren<{

package/dist/esm/src/molecules/Button/Button.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
-import { Button as ButtonComponent } from 'molecules';
+import { Button as ButtonComponent } from 'molecules/Button/Button';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -26,7 +26,24 @@ declare const _default: {
         }>;
         labelsProps: import("molecules").FieldLabelsProps;
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;

package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } from '@storybook/react';
 import React from 'react';
 import { Drawer as DrawerComponent } from './Drawer';
 declare const _default: {
@@ -6,4 +6,4 @@ declare const _default: {
     component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
-export declare const Drawer: StoryFn<typeof DrawerComponent>;
+export declare const Drawer: ComponentStory<typeof DrawerComponent>;

package/dist/esm/src/molecules/Image/Image.d.ts

@@ -1,15 +1,16 @@
 /// <reference types="react" />
-import { StylesType } from 'typescript';
+import { Callback, StylesType } from 'typescript';
 export declare type ImageProps = {
     src: string;
 } & Partial<{
     id: string;
     altText: string;
     link: string;
+    onClick: Callback;
     width: number;
     height: number;
     cornerRadius: number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-export declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;

package/dist/esm/src/molecules/Image/Image.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Image as ImageComponent } from './Image';
 declare const _default: {
     title: string;
-    component: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
+    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
 };
 export default _default;
 export declare const Image: StoryFn<typeof ImageComponent>;

package/dist/esm/src/molecules/InputField/InputField.stories.d.ts

@@ -6,7 +6,24 @@ declare const _default: {
     component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         required: boolean;
         optional: boolean;
         defaultValue: string;

package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts

@@ -5,7 +5,24 @@ declare const _default: {
     title: string;
     component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         control: import("react-hook-form").Control<any, any>;
         optional: boolean;

package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts

@@ -20,7 +20,24 @@ declare const _default: {
         }>;
         labelsProps: import("..").FieldLabelsProps;
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;

package/dist/esm/src/molecules/Video/Video.stories.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react';
 import { Video as VideoComponent } from './Video';
 declare const _default: {
     title: string;

package/dist/esm/src/molecules/index.d.ts

@@ -27,4 +27,3 @@ export * from './Image/Image';
 export * from './Caruser/Carousel';
 export * from './TextMolecule/TextMolecule';
 export * from './Button/Button';
-export * from './ZealUIModal/ZealUIModal';

package/dist/esm/src/organisms/Consent/Consent.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import { ComponentStory } from '@storybook/react';
 import { Consent as ConsentComponent } from './Consent';
 declare const _default: {
     title: string;
     component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
 };
 export default _default;
-export declare const Consent: StoryFn<typeof ConsentComponent>;
+export declare const Consent: ComponentStory<typeof ConsentComponent>;

package/dist/esm/src/typescript.d.ts

@@ -1,5 +1,4 @@
 import { DefaultTheme, ThemedCssFunction } from 'styled-components';
-export declare type FileType = 'image' | 'video' | 'document' | 'audio';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
 export declare type StyledTransientProps<T> = {
     [K in keyof T & string as `$${K}`]: T[K];
@@ -12,6 +11,4 @@ export declare type Nullable<T> = T | null;
 declare type UnionKeys<T> = T extends any ? keyof T : never;
 declare type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
 export declare type StrictUnion<T> = StrictUnionHelper<T, T>;
-export declare type AnyObject = Record<string, unknown>;
-export declare type LooseObject = Record<string, any>;
 export {};

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
+import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
 import * as typescript from 'typescript';
-import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, AnyObject, StrictUnion } from 'typescript';
+import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
 import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
@@ -16,7 +16,7 @@ import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
 import * as atoms from 'atoms';
 import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
-import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
+import { RadioGroup, DrawerProps as DrawerProps$1 } from '@mui/material';
 import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
 import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
 import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
@@ -36,10 +36,9 @@ import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
-import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
-import { ContainerComponentProps as ContainerComponentProps$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
 export * from 'helpers/constants';
 import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
+import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
 import * as containers_types_types from 'containers/types/types';
 import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
 
@@ -889,28 +888,6 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
-
-declare type ButtonActionsContextType = {
-    actionContent?: ContainerComponentProps$1;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
-    isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
-    isDrawerVisible: boolean;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-};
-declare const ButtonActionsContext: React$1.Context<ButtonActionsContextType>;
-
-declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
-    actionContent: ContainerComponentProps$1;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
-    isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-    isDrawerVisible: boolean;
-}>>;
-declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
-
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type LabelInternalConfig = {
     fontVariant: FontSizesTypes$2;
@@ -1307,13 +1284,14 @@ declare type ImageProps = {
     id: string;
     altText: string;
     link: string;
+    onClick: Callback$1;
     width: number;
     height: number;
     cornerRadius: number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
 
 declare type CarouselProps = {
     children: JSX.Element[];
@@ -1384,56 +1362,14 @@ declare type ButtonProps = BaseButtonProps & {
 };
 declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
 
-declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
-    padding?: number | string;
-    wrapperStyles?: CSSProperties;
-    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
-    modalStyles?: CSSProperties;
-    onClose?: Callback$1;
-};
-declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
-declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
-declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: React__default.ReactNode;
-}, never>;
-
 declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
 declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
 
-declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-declare type DownloadFile = {
-    url: string;
-    name: string;
-};
-declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
-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;
-}>;
 declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
 };
 interface TextAttributes {
-    id?: string;
     attributeType: 'text';
     isRichText: boolean;
     text: string;
@@ -1442,10 +1378,6 @@ interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
-interface ActionAttributes {
-    attributeType: 'action';
-    action: Action;
-}
 interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -1455,7 +1387,6 @@ interface LinkAttributes {
     name: string;
 }
 interface SelectAttributes {
-    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption$1[];
@@ -1473,10 +1404,6 @@ interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: AnyObject;
-    idForFrontend?: string;
-    moleculeLibraryId?: string;
-    organismLibraryMoleculeId?: string;
 }
 interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -1503,7 +1430,7 @@ interface ButtonMolecule extends BaseMolecule {
     type: 'button';
     attributes: {
         title: TextAttributes;
-        action: ActionAttributes;
+        buttonLink: LinkAttributes;
     };
     config: {
         props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
@@ -1590,7 +1517,7 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
 };
 
 declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
+declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
 declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
@@ -1615,16 +1542,13 @@ 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$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    metadata?: AnyObject;
-    attributes?: AnyObject;
-    containerLibraryId?: string;
 };
 
 declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
@@ -1644,4 +1568,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-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, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, 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, 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, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, 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, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, 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, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, 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, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, 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, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"

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

@@ -1,11 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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;