@zealicsolutions/web-ui 0.3.12 → 0.3.13

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/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;

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

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

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

@@ -2,12 +2,38 @@ 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 { Nullable, StrictUnion } from 'typescript';
+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 = 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;
     text: string;
@@ -16,6 +42,10 @@ export interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
+export interface ActionAttributes {
+    attributeType: 'action';
+    action: Action;
+}
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -25,6 +55,7 @@ export interface LinkAttributes {
     name: string;
 }
 export interface SelectAttributes {
+    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption[];
@@ -42,6 +73,7 @@ export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
+    metadata?: AnyObject;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -68,7 +100,7 @@ export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
     attributes: {
         title: TextAttributes;
-        buttonLink: LinkAttributes;
+        action: ActionAttributes;
     };
     config: {
         props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
@@ -153,3 +185,4 @@ 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/cjs/src/containers/types/types.d.ts

@@ -1,11 +1,11 @@
 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';
+import type { AnyObject, StylesType } from 'typescript';
+import { Molecule } from './moleculeTypes';
 export declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
@@ -30,11 +30,14 @@ 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/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/hooks/useButtonActionsContext.d.ts

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

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

@@ -2,3 +2,6 @@ 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/cjs/src/molecules/Button/Button.d.ts

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
-import type { Callback } from 'typescript';
-import { StylesType } from 'typescript';
+import type { Callback, 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/cjs/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/Button/Button';
+import { Button as ButtonComponent } from 'molecules';
 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/Button/Button").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").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

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

@@ -1,4 +1,4 @@
-import type { ComponentStory } from '@storybook/react';
+import type { StoryFn } 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: ComponentStory<typeof DrawerComponent>;
+export declare const Drawer: StoryFn<typeof DrawerComponent>;

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

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

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

@@ -0,0 +1,20 @@
+import { ModalProps as MUIModalProps } from '@mui/material';
+import React, { KeyboardEvent, PropsWithChildren } from 'react';
+import { CSSProperties } from 'styled-components';
+import type { Callback, OverrideStyles } from 'typescript';
+export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
+    padding?: number | string;
+    wrapperStyles?: CSSProperties;
+    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
+    modalStyles?: CSSProperties;
+    onClose?: Callback;
+};
+export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
+export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+}, never>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
+declare const _default: {
+    title: string;
+    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
+};
+export default _default;
+export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

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

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

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
+import type { StoryFn } 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: ComponentStory<typeof ConsentComponent>;
+export declare const Consent: StoryFn<typeof ConsentComponent>;

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

@@ -1,4 +1,5 @@
 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];
@@ -11,4 +12,6 @@ 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 {};