@zealicsolutions/web-ui 0.4.8-6.2 → 0.4.8

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

@@ -1,38 +1,20 @@
 import { ContainerProps } from 'containers/types/types';
-import { DefaultTheme } from 'styled-components';
 import { SizesTypes } from 'theme';
-import { MouseEvent } from 'react';
 import { AnyObject } from '../typescript';
-export declare type ConfigurationItemInfo = {
-    $selected?: boolean;
-    isConfigurationMode?: boolean;
-    onClick?: (e: MouseEvent) => void;
-};
-export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Pick<ContainerProps, "type"> & {
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
     containerProps?: Partial<{
         position: import("containers/types/types").ContainerPositionType;
-        alignItems: import("containers/types/types").ContainerAlignItemsType;
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number | SizesTypes;
         gap: SizesTypes;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, DefaultTheme>>;
-        paddingTop: SizesTypes;
-        paddingBottom: SizesTypes;
-        paddingLeft: SizesTypes;
-        paddingRight: SizesTypes;
-        autoplay: boolean;
-        autoplayDuration: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        sliderProps: import("containers/types/types").SliderProps;
         formProps: import("containers/types/types").FormContainerProps;
         formStepProps: import("containers/types/types").FormStepContainerProps;
+        padding: import("containers/types/types").Padding;
         border: string;
         activeChildrenIds: string[];
         activeOrganismIds: string[];
-        padding: import("containers/types/types").Padding;
     }> | undefined;
     metadata?: AnyObject | undefined;
 }, never>;
-export declare const getConfigurationWrapperStyle: ({ $selected, isConfigurationMode, theme: { colors }, }: {
-    $selected?: boolean | undefined;
-    isConfigurationMode?: boolean | undefined;
-    theme: DefaultTheme;
-}) => import("styled-components").FlattenSimpleInterpolation;

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

@@ -1,15 +1,10 @@
 import { LinkVariant, SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ChecklistItem, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
-import { SizesTypes } from 'theme';
-import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
-import { MaskConfig } from 'atoms/Input/helpers';
 import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
-export declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
 export declare type DownloadFile = {
     url: string;
     name: string;
@@ -34,17 +29,6 @@ declare type Action = {
     destroy: DestroyAction;
 }>;
 export declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
-export declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
-export declare type OrientationType = 'horizontal' | 'vertical';
-export declare type OrientationTypeLabel = 'Horizontal' | 'Vertical';
-export declare type ProcessStep = {
-    id: string;
-    title: Partial<TextAttributes>;
-    description?: Partial<TextAttributes>;
-    status?: ProcessTrackerStatus;
-    link?: Partial<LinkAttributes>;
-    order: number;
-};
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -66,7 +50,7 @@ export interface ActionAttributes {
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
-    type: 'internalLink' | 'externalLink' | 'external_link' | 'internal_link';
+    type: 'internalLink' | 'externalLink';
     internalLink: Nullable<string>;
     externalLink: Nullable<string>;
     name: string;
@@ -85,25 +69,16 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
-export declare type DataModelFieldFormat = {
-    id: string;
-    label: string;
-    value: DataModelFieldFormatValueTypes;
-    code: DataModelFieldFormatCodeTypes;
-    config: MaskConfig;
-};
-export declare type DataConnectionValues = {
-    dataFieldName: string;
-    dataModelFieldId: string;
-    defaultValue?: string;
-    entitySubtypeId?: string;
-    entitySubtypeName?: string;
-    format: DataModelFieldFormat;
-};
 export interface DataConnectionAttributes {
     id: string;
     attributeType: 'data_model_field';
-    dataModelField: DataConnectionValues;
+    dataModelField: {
+        id: string;
+        subtype?: string;
+        fieldName: string;
+        code: string;
+        defaultValue?: string;
+    };
 }
 export interface ConditionConfigAttributes {
     id: string;
@@ -114,34 +89,12 @@ export interface ColorAttributes {
     attributeType: 'color';
     color: string;
 }
-export interface ProcessStepsAttributes {
-    orientation: {
-        attributeType: 'select';
-        options: {
-            id: OrientationType;
-            label: OrientationTypeLabel;
-        }[];
-        value: OrientationType;
-    };
-    processSteps: {
-        attributeType: 'process_steps';
-        steps: ProcessStep[];
-    };
-}
-export interface ChecklistAttributes {
-    checklist: {
-        attributeType: 'checklist';
-        items: ChecklistItem[];
-    };
-}
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button' | 'process_steps' | 'checklist';
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button';
 export interface BaseMolecule {
     id: string;
-    type: MoleculeTypes;
     instance: 'molecule';
-    metadata: MetadataType;
-    moleculeLibraryId: string;
-    organismLibraryMoleculeId: string;
+    type: MoleculeTypes;
+    metadata?: MetadataType;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -194,16 +147,6 @@ export interface VideoMolecule extends BaseMolecule {
 }
 export interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
-    attributes: Partial<{
-        tabs: {
-            tabKey: string;
-            text: string;
-            disabled: boolean;
-            divider: boolean;
-        }[];
-        activeTabKey: string;
-        attributeType: 'tab_group';
-    }>;
     config: {
         props: TabGroupProps;
         wide: AdditionalTabContainerProps;
@@ -215,6 +158,7 @@ export interface TextInputMolecule extends BaseMolecule {
     attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
+        inputType: SelectAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
     }>;
@@ -314,32 +258,10 @@ export interface AccountButtonMolecule extends BaseMolecule {
         props: AvatarDropdownProps<AvatarDropdownMenuConfigType>;
     };
 }
-export interface ProcessStepsMoleculeType extends BaseMolecule {
-    type: 'process_steps';
-    organismMoleculeLibraryId: string;
-    attributes: ProcessStepsAttributes;
-}
-export interface ChecklistsMolecule extends BaseMolecule {
-    type: 'checklist';
-    config: {
-        props: {
-            gap: SizesTypes;
-        } & CheckboxInternalConfigProps;
-    };
-    attributes: ChecklistAttributes;
-}
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType | ChecklistsMolecule> & Partial<{
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;
+    isFormInEditMode: boolean;
 }>;
-export declare type SlateValueChildType = {
-    id: string;
-    text: string;
-    variable?: {
-        dataModelField: DataConnectionValues;
-        text: string;
-        isStateConfigPresent?: boolean;
-    };
-};
 export {};

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

@@ -3,13 +3,12 @@ import { PropsWithChildren } from 'react';
 import { ValidationMode } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
 import { SizesTypes } from 'theme';
-import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
-import { Molecule, ProcessStep } from './moleculeTypes';
+import type { AnyObject, Nullable, StylesType } from 'typescript';
+import { Molecule } from './moleculeTypes';
 export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
 export declare type ContainerTemplateType = 'row_content_container';
 export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
 export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
-export declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 export declare type StateActionType = 'visible' | 'disabled';
 export declare type StateEventType = 'click' | 'view';
@@ -26,16 +25,11 @@ export declare type StateModifierConfigType = {
     event: StateEventType;
 };
 export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
-export declare type MetadataType = AnyObject & Partial<{
+export declare type MetadataType = AnyObject & {
     stateConfig: MetadataStateConfig[];
-    referenceName: string;
-    isAction: boolean;
-    isTrigger: boolean;
-    notEditable: boolean;
-    hasOwnButton: boolean;
-    stateListenerId: string;
-    configurationPath: string;
-}>;
+    notEditable?: boolean;
+    hasOwnButton?: boolean;
+};
 export declare type SliderProps = {
     autoplay?: boolean;
     autoplayDuration?: number;
@@ -50,40 +44,34 @@ export declare type FormContainerProps = {
     mode: keyof ValidationMode;
 };
 export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
-export declare type Padding = Record<PaddingVariants, SizesTypes | number> | SizesTypes | string;
+export declare type Padding = Record<PaddingVariants, SizesTypes | string> | SizesTypes | string;
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
-    alignItems: ContainerAlignItemsType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: SizesTypes | number;
     gap: SizesTypes;
     styles: StylesType;
-    paddingTop: SizesTypes;
-    paddingBottom: SizesTypes;
-    paddingLeft: SizesTypes;
-    paddingRight: SizesTypes;
-    autoplay: boolean;
-    autoplayDuration: number;
+    sliderProps: SliderProps;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
+    padding: Padding;
     border: string;
     activeChildrenIds: string[];
     activeOrganismIds: string[];
-    padding: Padding;
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
     containerProps: ContainerPropsType;
 }>;
-export declare type ContainerProps = PropsWithChildren<{
+export declare type ContainerProps = PropsWithChildren<Partial<{
     type: ContainerType;
-    metadata: MetadataType;
-} & Partial<{
     containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
+    metadata: MetadataType;
     isMobile: boolean;
+    isFormInEditMode: boolean;
 }>>;
 export declare type ContainerComponentProps = {
     id: string;
@@ -100,7 +88,6 @@ export declare type ContainerComponentProps = {
     attributes?: AnyObject;
     containerLibraryId?: string;
     isMobile?: boolean;
-    isConfigurationMode?: boolean;
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {
@@ -108,7 +95,6 @@ export declare type ConditionCriteria = {
     type: CriteriaType;
     operator: string;
     dataFieldId: Nullable<string>;
-    subtypeId: Nullable<string>;
     dataFieldName: Nullable<string>;
     dataValue: Nullable<string>;
     connectedTo: Nullable<string>;
@@ -124,12 +110,4 @@ export declare type FormDataStateConfig = {
 } & Record<string, {
     value?: string | number;
 }>;
-export declare type ActionEventType = Record<string, boolean>;
-export declare type ProcessTrackerStateValue = {
-    visible?: boolean;
-    journeyId: string;
-    steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
-};
-export declare type StateConfigType = {
-    [stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
-};
+export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig>>;

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

@@ -4,9 +4,8 @@ export declare type ButtonActionsContextType = {
     actionContent?: ContainerComponentProps;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
     isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-    setActivePopUpById: (id: string) => void;
-    onCloseModal: (id: string) => void;
 };
 export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;

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

@@ -1,26 +1,11 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { AnyObject } from 'typescript';
-import { ContainerComponentProps, Molecule } from 'containers';
-export declare type PopupPropsType = {
-    id: string;
-    config: {
-        styles?: AnyObject;
-        size?: 'large' | 'medium';
-        withCloseIcon?: boolean;
-    };
-    content: {
-        embedded?: (ContainerComponentProps | Molecule)[];
-        isi?: ContainerComponentProps | Molecule;
-    };
-};
+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;
-    setActivePopUpById: (id: string) => void;
-    onCloseModal: (id: string) => void;
-    popupProps?: PopupPropsType[];
 }>>;
-export declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => JSX.Element;
+export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;

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

@@ -1,10 +1,9 @@
-import { ContainerComponentProps, MetadataType, Molecule } from 'containers';
+import { ContainerComponentProps, Molecule } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
-import type { AnyObject } from 'typescript';
+import { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
-import { ConfigurationItem } from './OrganismContextProvider';
 export declare type OrganismContextType = {
     items: (ContainerComponentProps | Molecule)[];
     groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
@@ -17,17 +16,11 @@ export declare type OrganismContextType = {
         dateType: InputFieldTypes;
     }[]>>;
     formId?: string;
-    isPreview?: boolean;
     submitHandler?: (data: {
         formId: string;
         data: AnyObject;
-    }) => Promise<void>;
+    }) => void;
     validations?: PasswordRuleValidation[];
     editable?: boolean;
-    isFormInEditMode?: boolean;
-    isConfigurationMode?: boolean;
-    organismMetadata?: MetadataType;
-    onConfigurationItemClicked: (itemInfo?: Omit<ConfigurationItem, 'organismId'>) => void;
-    selectedConfigurationItemId?: string;
 };
 export declare const OrganismContext: import("react").Context<OrganismContextType>;

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

@@ -1,31 +1,15 @@
-import { PropsWithChildren } from 'react';
-import { ContainerComponentProps, ContainerType, MetadataType, Molecule, MoleculeTypes } from 'containers';
-import type { AnyObject } from 'typescript';
+import { ContainerComponentProps, Molecule } from 'containers';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
-export declare type ConfigurationItem = {
-    entity: 'container' | 'molecule';
-    entityId: string;
-    organismId: string;
-    entityType: MoleculeTypes | ContainerType;
-    entityMetadata: MetadataType;
-    organismLibraryMoleculeId?: string;
-};
-export declare type OrganismContextProviderProps = PropsWithChildren<{
-    organismId: string;
-} & Partial<{
-    formId: string;
-    editable: boolean;
-    isPreview: boolean;
+import { PropsWithChildren } from 'react';
+import { AnyObject } from 'typescript';
+export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
     initItems: (ContainerComponentProps | Molecule)[];
-    validations: PasswordRuleValidation[];
+    formId: string;
     submitHandler: (data: {
         formId: string;
         data: AnyObject;
-    }) => Promise<void>;
-    isFormInEditMode: boolean;
-    organismMetadata: AnyObject;
-    isConfigurationMode: boolean;
-    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
-    selectedConfigurationItemId: string;
+    }) => void;
+    validations: PasswordRuleValidation[];
+    editable: boolean;
 }>>;
-export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isPreview, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => JSX.Element;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, }: FormStepContextProviderProps) => JSX.Element;

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

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

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

@@ -1,14 +1 @@
-import { Descendant } from 'slate';
-import { CustomDescendant } from 'atoms/RichTextViewer/types';
-import { LinkAttributes, StateConfigType } from 'containers';
-import type { Nullable } from 'typescript';
 export declare const validateAndOpenUrl: (url: string) => void;
-export declare const getParameterByName: (name: string, url: string) => string;
-export declare const updateSearchParams: (currentParams: URLSearchParams, internalLink?: Nullable<string>, isPreview?: boolean) => URLSearchParams;
-export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
-export declare const navigateToExternalLink: (externalLink?: Nullable<string>) => void;
-export declare const checkIsInternalLink: (link?: LinkAttributes) => boolean;
-export declare const addInternalParamsToCurrentLink: (internalLink?: Nullable<string>, isPreview?: boolean) => string;
-export declare const getHref: (link?: LinkAttributes) => string | undefined;
-export declare const parseDescendantContent: (string: string) => CustomDescendant[];
-export declare const matchSlateAndStateObject: (slateValue: Descendant[], stateConfig: StateConfigType) => Descendant[];

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

@@ -8,16 +8,11 @@ export declare const textValidation: RegExp;
 export declare const monthDayYearDateValidation: RegExp;
 export declare const dayMonthYearDateValidation: RegExp;
 export declare const monthYearDateValidation: RegExp;
-export declare const yearMonthDayDateValidation: RegExp;
 export declare const usZipCode: RegExp;
 export declare const usernameValidation: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
 export declare const postCodeMask: RegExp[];
-export declare const yearMonthDayDateMask: (string | RegExp)[];
-export declare const monthDayYearDateMask: (string | RegExp)[];
 export declare const dayMonthYearDateMask: (string | RegExp)[];
 export declare const monthYearDateMask: (string | RegExp)[];
 export declare const phoneNumberMask: (string | RegExp)[];
-export declare const integerMask: any;
-export declare const numericalMask: any;
 export declare const removeMaskFromString: (inputString: string) => string;

package/dist/cjs/src/icons/ArrowRight.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const ArrowRight: ({ color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Bell.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Bell: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Bookmark.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretDown.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const CaretDown: ({ color, size, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretLeft.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const CaretLeft: ({ color, size, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretRight.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from 'atoms';
 export declare const CaretRight: ({ color, size, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretUp.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const CaretUp: ({ color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Check.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Check: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Close.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Close: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Edit.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Edit: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Filter.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Filter: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Hide.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Hide: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Info.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/InfoBoxIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from '../atoms';
 export declare const InfoBoxIcon: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mail.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Mail: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Menu.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Menu: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Minus.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from 'atoms';
 export declare const Minus: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mobile.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Mobile: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Play.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from 'atoms';
 export declare const Play: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Save.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Save: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Search.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Search: ({ size, color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/View.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const View: ({ color, size, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Warning.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Warning: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 import type { Callback } from 'typescript';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Alert as AlertComponent, AlertProps } from './Alert';
 declare const _default: {

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

@@ -1,11 +1,10 @@
+/// <reference types="react" />
 import { AvatarProps } from 'atoms';
-import { ConfigurationItemInfo } from 'containers';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import 'rc-dropdown/assets/index.css';
 export declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
 export declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
-    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: AvatarDropdownProps<T>) => JSX.Element;
+export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;