@zealicsolutions/web-ui 0.4.6 → 0.4.8-6.1

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

@@ -1,20 +1,38 @@
 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 const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
+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"> & {
     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, import("styled-components").DefaultTheme>>;
-        sliderProps: import("containers/types/types").SliderProps;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, DefaultTheme>>;
+        paddingTop: SizesTypes;
+        paddingBottom: SizesTypes;
+        paddingLeft: SizesTypes;
+        paddingRight: SizesTypes;
+        autoplay: boolean;
+        autoplayDuration: number;
         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,10 +1,15 @@
 import { LinkVariant, SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ChecklistItem, 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;
@@ -29,6 +34,17 @@ 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;
@@ -50,7 +66,7 @@ export interface ActionAttributes {
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
-    type: 'internalLink' | 'externalLink';
+    type: 'internalLink' | 'externalLink' | 'external_link' | 'internal_link';
     internalLink: Nullable<string>;
     externalLink: Nullable<string>;
     name: string;
@@ -69,16 +85,25 @@ 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: {
-        id: string;
-        subtype?: string;
-        fieldName: string;
-        code: string;
-        defaultValue?: string;
-    };
+    dataModelField: DataConnectionValues;
 }
 export interface ConditionConfigAttributes {
     id: string;
@@ -89,12 +114,34 @@ export interface ColorAttributes {
     attributeType: 'color';
     color: string;
 }
-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 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 interface BaseMolecule {
     id: string;
-    instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: MetadataType;
+    instance: 'molecule';
+    metadata: MetadataType;
+    moleculeLibraryId: string;
+    organismLibraryMoleculeId: string;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -147,6 +194,16 @@ 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;
@@ -158,7 +215,6 @@ export interface TextInputMolecule extends BaseMolecule {
     attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
-        inputType: SelectAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
     }>;
@@ -258,10 +314,32 @@ export interface AccountButtonMolecule extends BaseMolecule {
         props: AvatarDropdownProps<AvatarDropdownMenuConfigType>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
+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<{
     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,12 +3,13 @@ import { PropsWithChildren } from 'react';
 import { ValidationMode } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
 import { SizesTypes } from 'theme';
-import type { AnyObject, Nullable, StylesType } from 'typescript';
-import { Molecule } from './moleculeTypes';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { Molecule, ProcessStep } 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';
@@ -25,11 +26,16 @@ export declare type StateModifierConfigType = {
     event: StateEventType;
 };
 export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
-export declare type MetadataType = AnyObject & {
+export declare type MetadataType = AnyObject & Partial<{
     stateConfig: MetadataStateConfig[];
-    notEditable?: boolean;
-    hasOwnButton?: boolean;
-};
+    referenceName: string;
+    isAction: boolean;
+    isTrigger: boolean;
+    notEditable: boolean;
+    hasOwnButton: boolean;
+    stateListenerId: string;
+    configurationPath: string;
+}>;
 export declare type SliderProps = {
     autoplay?: boolean;
     autoplayDuration?: number;
@@ -44,34 +50,40 @@ export declare type FormContainerProps = {
     mode: keyof ValidationMode;
 };
 export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
-export declare type Padding = Record<PaddingVariants, SizesTypes | string> | SizesTypes | string;
+export declare type Padding = Record<PaddingVariants, SizesTypes | number> | SizesTypes | string;
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
+    alignItems: ContainerAlignItemsType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: SizesTypes | number;
     gap: SizesTypes;
     styles: StylesType;
-    sliderProps: SliderProps;
+    paddingTop: SizesTypes;
+    paddingBottom: SizesTypes;
+    paddingLeft: SizesTypes;
+    paddingRight: SizesTypes;
+    autoplay: boolean;
+    autoplayDuration: number;
     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<Partial<{
+export declare type ContainerProps = PropsWithChildren<{
     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;
@@ -88,6 +100,7 @@ export declare type ContainerComponentProps = {
     attributes?: AnyObject;
     containerLibraryId?: string;
     isMobile?: boolean;
+    isConfigurationMode?: boolean;
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {
@@ -95,6 +108,7 @@ export declare type ConditionCriteria = {
     type: CriteriaType;
     operator: string;
     dataFieldId: Nullable<string>;
+    subtypeId: Nullable<string>;
     dataFieldName: Nullable<string>;
     dataValue: Nullable<string>;
     connectedTo: Nullable<string>;
@@ -110,4 +124,12 @@ export declare type FormDataStateConfig = {
 } & Record<string, {
     value?: string | number;
 }>;
-export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig>>;
+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>>;
+};

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

@@ -4,8 +4,9 @@ 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,11 +1,26 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ContainerComponentProps } from 'containers';
+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;
+    };
+};
 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 }: ButtonActionsProviderProps) => JSX.Element;
+export declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => JSX.Element;

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

@@ -1,9 +1,10 @@
-import { ContainerComponentProps, Molecule } from 'containers';
+import { ContainerComponentProps, MetadataType, Molecule } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
-import { AnyObject } from 'typescript';
+import type { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
+import { ConfigurationItem } from './OrganismContextProvider';
 export declare type OrganismContextType = {
     items: (ContainerComponentProps | Molecule)[];
     groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
@@ -16,11 +17,17 @@ export declare type OrganismContextType = {
         dateType: InputFieldTypes;
     }[]>>;
     formId?: string;
+    isPreview?: boolean;
     submitHandler?: (data: {
         formId: string;
         data: AnyObject;
-    }) => void;
+    }) => Promise<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,15 +1,31 @@
-import { ContainerComponentProps, Molecule } from 'containers';
-import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { PropsWithChildren } from 'react';
-import { AnyObject } from 'typescript';
-export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
-    initItems: (ContainerComponentProps | Molecule)[];
+import { ContainerComponentProps, ContainerType, MetadataType, Molecule, MoleculeTypes } from 'containers';
+import type { AnyObject } from 'typescript';
+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;
+    initItems: (ContainerComponentProps | Molecule)[];
+    validations: PasswordRuleValidation[];
     submitHandler: (data: {
         formId: string;
         data: AnyObject;
-    }) => void;
-    validations: PasswordRuleValidation[];
-    editable: boolean;
+    }) => Promise<void>;
+    isFormInEditMode: boolean;
+    organismMetadata: AnyObject;
+    isConfigurationMode: boolean;
+    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
+    selectedConfigurationItemId: string;
 }>>;
-export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, }: FormStepContextProviderProps) => JSX.Element;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isPreview, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => 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 = '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 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 FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;

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

@@ -1 +1,14 @@
+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,11 +8,16 @@ 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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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,10 +1,11 @@
-/// <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, }: AvatarDropdownProps<T>) => JSX.Element;
+export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: AvatarDropdownProps<T>) => JSX.Element;