@zealicsolutions/web-ui 0.2.143 → 0.3.1

package/dist/cjs/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/cjs/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/cjs/src/atoms/Circle/Circle.d.ts

@@ -5,5 +5,4 @@ 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/Input/Input.d.ts

@@ -3,7 +3,6 @@ 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;
@@ -32,6 +31,5 @@ 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, config, ...rest }: InputProps) => JSX.Element;
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...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, config, ...rest }: InputProps) => JSX.Element;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
 };
 export default _default;
 export declare const Input: StoryFn<InputProps>;

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

@@ -1,56 +1,37 @@
 /// <reference types="react" />
-import { RadioGroup } from '@mui/material';
-import { RefCallBack } from 'react-hook-form/dist/types';
 import { SizesTypes, ThemeColors } from 'theme';
-import type { Callback, OverrideStyles, StyledTransientProps, StylesType } from 'typescript';
-import { SelectOption } from '../Select/Select';
-export declare type RadioButtonInternalConfigProps = Partial<{
+import { StylesType } from 'typescript';
+export declare type RadioButtonInternalConfigProps = {
     selectedRadioOptionBackgroundColor: ThemeColors | string;
     selectedRadioOptionIndicatorColor: ThemeColors | string;
     buttonPadding: number;
     textPadding: number;
     styles: StylesType;
     wrapperStyles: StylesType;
-    buttonOptionSpacing: SizesTypes;
-    radioGroupWrapperStyles: StylesType;
-}>;
+    buttonOptionSpacing?: SizesTypes;
+};
+export declare type RadioButtonType<T extends string = string> = {
+    id: T;
+    label?: string;
+    error?: boolean;
+    disabled?: boolean;
+    isRichText?: boolean;
+};
 export declare type RadioButtonsProps<T extends string> = Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback;
+    isEditMode: boolean;
     onChange: (value: T) => void;
+    value: T;
     isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
+    items: RadioButtonType<T>[];
+    name: string;
     internalConfig: RadioButtonInternalConfigProps;
 }>;
-export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback;
+export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+    isEditMode: boolean;
     onChange: (value: T) => void;
+    value: T;
     isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: Partial<{
-        selectedRadioOptionBackgroundColor: ThemeColors | string;
-        selectedRadioOptionIndicatorColor: ThemeColors | string;
-        buttonPadding: number;
-        textPadding: number;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        buttonOptionSpacing: SizesTypes;
-        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>;
+    items: RadioButtonType<T>[];
+    name: string;
+    internalConfig: RadioButtonInternalConfigProps;
 }>) => JSX.Element;
-export declare const RadioGroupWrapper: import("styled-components").StyledComponent<typeof RadioGroup, import("styled-components").DefaultTheme, StyledTransientProps<{
-    isRow: boolean;
-}> & OverrideStyles, never>;

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

@@ -1,31 +1,17 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {
     title: string;
-    component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
-        ref: import("react-hook-form").RefCallBack;
-        name: string;
-        value: T;
-        options: import("..").SelectOption[];
-        onBlur: import("../../typescript").Callback;
+    component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+        isEditMode: boolean;
         onChange: (value: T) => void;
+        value: T;
         isRow: boolean;
-        isError: boolean;
-        disabled: boolean;
-        isEditMode: boolean;
-        isRichText: boolean;
-        internalConfig: Partial<{
-            selectedRadioOptionBackgroundColor: string;
-            selectedRadioOptionIndicatorColor: string;
-            buttonPadding: number;
-            textPadding: number;
-            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            buttonOptionSpacing: import("theme").SizesTypes;
-            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        }>;
+        items: import("./RadioButtons").RadioButtonType<T>[];
+        name: string;
+        internalConfig: import("./RadioButtons").RadioButtonInternalConfigProps;
     }>) => JSX.Element;
 };
 export default _default;
-export declare const RadioButtons: StoryFn<typeof RadioButtonsComponent>;
+export declare const RadioButtons: ComponentStory<typeof RadioButtonsComponent>;

package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts

@@ -1,12 +1,9 @@
 /// <reference types="react" />
-import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
+import { RadioButtonInternalConfigProps, RadioButtonType } from 'atoms';
 declare type RadioOptionProps = {
-    option: SelectOption;
-    isError?: boolean;
-    disabled?: boolean;
+    item: RadioButtonType;
     isEditMode?: boolean;
-    isRichText?: boolean;
     internalConfig?: RadioButtonInternalConfigProps;
 };
-export declare const RadioOption: ({ option, isError, disabled, isEditMode, isRichText, internalConfig, }: RadioOptionProps) => JSX.Element;
+export declare const RadioOption: ({ item, internalConfig, isEditMode }: RadioOptionProps) => JSX.Element;
 export {};

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

@@ -1,15 +1,9 @@
-import { RadioButtonInternalConfigProps } from 'atoms';
-import type { StylesType } from 'typescript';
+import { RadioButtonInternalConfigProps, RadioButtonType } from 'atoms';
+import { StylesType } from 'typescript';
 declare type RadioOptionStylesConfig = {
     textStyles: StylesType;
-    groupWrapperStyles: StylesType;
     radioIconWrapperStyles: StylesType;
     radioLabelWrapperStyles: StylesType;
 };
-declare type GetRadioOptionStylesProps = Partial<{
-    isError: boolean;
-    disabled: boolean;
-    internalConfig: RadioButtonInternalConfigProps;
-}>;
-export declare const getRadioOptionStyles: ({ isError, disabled, internalConfig, }: GetRadioOptionStylesProps) => RadioOptionStylesConfig;
+export declare const getRadioOptionStyles: (item: RadioButtonType, internalConfig?: RadioButtonInternalConfigProps) => RadioOptionStylesConfig;
 export {};

package/dist/cjs/src/atoms/RadioButtons/styles.d.ts

@@ -1,9 +1,9 @@
 import { FormControlLabel, Radio } from '@mui/material';
-import type { OverrideStyles, StyledTransientProps } from 'typescript';
-export declare const RadioLabelWrapper: import("styled-components").StyledComponent<typeof FormControlLabel, import("styled-components").DefaultTheme, StyledTransientProps<{
-    isError?: boolean | undefined;
-}> & OverrideStyles, never>;
-export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, StyledTransientProps<{
+import { OverrideStyles } from 'typescript';
+export declare const RadioLabelWrapper: import("styled-components").StyledComponent<typeof FormControlLabel, import("styled-components").DefaultTheme, {
+    error: boolean;
+} & OverrideStyles, never>;
+export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, {
     disabled: boolean;
-    isError?: boolean | undefined;
-}> & OverrideStyles, never>;
+    error: boolean;
+} & OverrideStyles, never>;

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

@@ -8,7 +8,6 @@ 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,12 +1,9 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
-import type { AnyObject, Callback, StylesType } from 'typescript';
-import { RefCallBack } from 'react-hook-form/dist/types';
+import { StylesType } from 'typescript';
 export declare type SelectOption = {
     id: string;
     label: string;
-    value?: string;
-    config?: AnyObject;
 };
 export declare type SelectInternalConfigurationOptions = {
     placeholderTextColor: ThemeColors | string;
@@ -18,18 +15,16 @@ export declare type SelectInternalConfigurationOptions = {
     wrapperStyles: StylesType;
     styles: StylesType;
 };
-export declare type SelectProps = Partial<{
-    ref: RefCallBack;
-    onBlur: Callback;
-    value: string;
-    optionsPresentation: boolean;
-    onChange: (value: string) => void;
-    placeholder: string;
-    disabled: boolean;
-    options: SelectOption[];
-    isError: boolean;
-    isEditMode: boolean;
-    selectInternalConfig: SelectInternalConfigurationOptions;
-    isRichText: boolean;
-}>;
-export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+export declare type SelectProps = {
+    value?: string;
+    optionsPresentation?: boolean;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options?: SelectOption[];
+    isError?: boolean;
+    isEditMode?: boolean;
+    selectInternalConfig?: SelectInternalConfigurationOptions;
+    isRichText?: boolean;
+};
+export declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;

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

@@ -3,20 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { SelectProps } from './Select';
 declare const _default: {
     title: string;
-    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: Partial<{
-        ref: import("react-hook-form").RefCallBack;
-        onBlur: import("../../typescript").Callback;
-        value: string;
-        optionsPresentation: boolean;
-        onChange: (value: string) => void;
-        placeholder: string;
-        disabled: boolean;
-        options: import("./Select").SelectOption[];
-        isError: boolean;
-        isEditMode: boolean;
-        selectInternalConfig: import("./Select").SelectInternalConfigurationOptions;
-        isRichText: boolean;
-    }>) => JSX.Element;
+    component: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
 };
 export default _default;
 export declare const Select: StoryFn<SelectProps>;

package/dist/cjs/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/cjs/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/cjs/src/containers/types/moleculeTypes.d.ts

@@ -1,39 +1,13 @@
 import { SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { 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 = 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;
-}>;
+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,7 +42,6 @@ export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: AnyObject;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -100,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'>>;
@@ -126,8 +94,14 @@ export interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
     config: {
         props: TabGroupProps;
-        wide: AdditionalTabContainerProps;
-        compact: AdditionalTabContainerProps;
+        wide: {
+            containerStyle?: CSSProperties;
+            containerProps?: Record<string, unknown>;
+        };
+        compact: {
+            containerStyle?: CSSProperties;
+            containerProps?: Record<string, unknown>;
+        };
     };
 }
 export interface TextInputMolecule extends BaseMolecule {
@@ -185,4 +159,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/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 { 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/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts

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

package/dist/cjs/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/cjs/src/fieldsConfiguration/types.d.ts

@@ -2,7 +2,7 @@
 import { ControllerProps } from 'react-hook-form';
 import { SelectOption } from 'atoms';
 import { InputFieldProps, SelectFieldProps } from 'molecules';
-export declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
+export declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'any';
 export declare type FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;

package/dist/cjs/src/helpers/validations.d.ts

@@ -5,11 +5,4 @@ export declare const phoneNumberValidation: RegExp;
 export declare const numberValidation: RegExp;
 export declare const emailValidation: RegExp;
 export declare const textValidation: RegExp;
-export declare const dateValidation: RegExp;
-export declare const usZipCode: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
-export declare const postCodeMask: RegExp[];
-export declare const dayMonthYearDateMask: (string | RegExp)[];
-export declare const monthYearDateMask: (string | RegExp)[];
-export declare const phoneNumberMask: (string | RegExp)[];
-export declare const removeMaskFromString: (inputString: string) => string;

package/dist/cjs/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/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';
+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/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -26,24 +26,7 @@ declare const _default: {
         }>;
         labelsProps: import("molecules").FieldLabelsProps;
         name: string;
-        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;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;

package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import { RefCallBack } from 'react-hook-form/dist/types';
-import type { Callback } from 'typescript';
 import { CheckboxesProps } from './CheckboxField';
 export declare type CheckboxGroupProps = Partial<{
-    ref: RefCallBack;
-    onBlur: Callback;
     onChange: (checkedIds: string[]) => void;
     checkboxesProps: CheckboxesProps;
 }>;
-export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;

package/dist/cjs/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/cjs/src/molecules/Image/Image.d.ts

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

package/dist/cjs/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, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
+    component: ({ src, 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/cjs/src/molecules/InputField/InputField.stories.d.ts

@@ -6,24 +6,7 @@ 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<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;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         required: boolean;
         optional: boolean;
         defaultValue: string;