@zealicsolutions/web-ui 0.2.143 → 0.2.268

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

@@ -0,0 +1,33 @@
+import { ContainerComponentProps, MetadataType, Molecule } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
+import { Dispatch, SetStateAction } from 'react';
+import type { AnyObject } from 'typescript';
+import { GroupedStepItemsByStepContainer } from './utils';
+import { ConfigurationItem } from './OrganismContextProvider';
+export declare type OrganismContextType = {
+    items: (ContainerComponentProps | Molecule)[];
+    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+    dateFields: {
+        id: string;
+        dateType: InputFieldTypes;
+    }[];
+    setDateFields: Dispatch<SetStateAction<{
+        id: string;
+        dateType: InputFieldTypes;
+    }[]>>;
+    formId?: string;
+    isPreview?: boolean;
+    submitHandler?: (data: {
+        formId: string;
+        data: AnyObject;
+    }) => 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

@@ -0,0 +1,31 @@
+import { PropsWithChildren } from 'react';
+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;
+    }) => Promise<void>;
+    isFormInEditMode: boolean;
+    organismMetadata: AnyObject;
+    isConfigurationMode: boolean;
+    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
+    selectedConfigurationItemId: string;
+}>>;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isPreview, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ContainerComponentProps, Molecule } from 'containers';
+declare type StepItem = ContainerComponentProps | Molecule;
+export declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
+export declare const groupStepItemsByStepContainer: (items: StepItem[]) => GroupedStepItemsByStepContainer;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { StateConfigType } from 'containers';
+export declare type StateContextType = {
+    stateConfig: StateConfigType;
+    stateHandler?: (updatedStateConfig: StateConfigType) => void;
+};
+export declare const StateContext: import("react").Context<StateContextType>;

package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts

@@ -0,0 +1,7 @@
+import { StateConfigType } from 'containers';
+import { PropsWithChildren } from 'react';
+export declare type StateContextProviderProps = PropsWithChildren<{
+    initStateConfig: StateConfigType;
+    stateHandler?: (updatedStateConfig: StateConfigType) => void;
+}>;
+export declare const StateContextProvider: ({ initStateConfig, children, stateHandler, }: StateContextProviderProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export { useFormStepContext } from './useFormStepContext';
+export { useButtonActionsContext } from './useButtonActionsContext';
+export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
+export { useOrganismContext } from './useOrganismContext';
+export { useStateContext } from './useStateContext';
+export { useAccountButtonContext } from './useAccountButtonContext';

package/dist/cjs/src/contexts/hooks/useAccountButtonContext.d.ts

@@ -0,0 +1,6 @@
+export declare const useAccountButtonContext: () => Partial<{
+    userInitials: string;
+    logOutHandler: import("../../typescript").Callback;
+    goToAccountInfo: import("../../typescript").Callback;
+    username: string;
+}>;

package/dist/cjs/src/contexts/hooks/useFormStepContext.d.ts

@@ -0,0 +1 @@
+export declare const useFormStepContext: () => import("contexts/FormStepContext/FormStepContext").FormStepContextType;

package/dist/cjs/src/contexts/hooks/useOrganismContext.d.ts

@@ -0,0 +1 @@
+export declare const useOrganismContext: () => import("contexts/OrganismContext/OrganismContext").OrganismContextType;

package/dist/cjs/src/contexts/hooks/useStateContext.d.ts

@@ -0,0 +1 @@
+export declare const useStateContext: () => import("contexts/StateContext/StateContext").StateContextType;

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

@@ -5,3 +5,9 @@ export * from './hooks/useMlrRichTextViewerContext';
 export * from './hooks/useButtonActionsContext';
 export * from './ButtonActionsContext/ButtonActionsContext';
 export * from './ButtonActionsContext/ButtonActionsContextProvider';
+export * from './OrganismContext/OrganismContext';
+export * from './OrganismContext/OrganismContextProvider';
+export * from './AccountButtonContext/AccountButtonContext';
+export * from './AccountButtonContext/AccountButtonContextProvider';
+export * from './StateContext/StateContext';
+export * from './StateContext/StateContextProvider';

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

@@ -1,8 +1,10 @@
 import { UIFields } from 'fieldsConfiguration/types';
+import { PasswordFields } from 'molecules/PasswordSetup/PasswordSetup';
 import { LoginFields } from 'organisms/LoginForm/types';
 import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
 export declare const acquisitionFormMockFields: UIFields<Record<string, string>>;
 export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
+export declare const passwordMockFields: UIFields<PasswordFields>;
 export declare const loginMockFields: UIFields<LoginFields>;
 export declare const sectionMockFields: UIFields<Record<string, string>>;
 export declare const profileInformationMockForm: {

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-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';
+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 FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'styled-components';
 export declare const getSizeStyle: (size: number) => Pick<CSSProperties, 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'>;
 export declare const changeColorTint: (color: string, percent: number) => string;
-export declare const getTintColor: (color: string) => string;
+export declare const getTintColor: (color: string, percent?: number) => string;
 export declare const getShadeColor: (color: string, percent?: number) => string;

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

@@ -5,11 +5,19 @@ 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 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,9 +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 AvatarDropdownProps<T> = {
+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;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+    component: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

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

@@ -8,4 +8,4 @@ export declare type BottomNaVBarItemProps = {
     activeColor: string;
     onNavigate: Callback;
 };
-export declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
+export declare const BottomNavBarItem: ({ name, icon, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { BottomNavBarItem as BottomNavBarItemComponent } from './BottomNavBarItem';
 declare const _default: {
     title: string;
-    component: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: import("./BottomNavBarItem").BottomNaVBarItemProps) => JSX.Element;
+    component: ({ name, icon, active, activeColor, onNavigate, }: import("./BottomNavBarItem").BottomNaVBarItemProps) => JSX.Element;
 };
 export default _default;
 export declare const BottomNavBarItem: ComponentStory<typeof BottomNavBarItemComponent>;

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

@@ -1,33 +1,35 @@
+import { ConfigurationItemInfo, MetadataStateConfig, MetadataType } from 'containers';
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 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<{
-    onClick?: Callback;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    state?: 'disabled' | 'enabled';
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-    buttonFont?: FontSizesTypes;
-    textColor?: ThemeColors | string;
-    textSize?: number;
-    horizontalPadding?: SizesTypes;
-    verticalPadding?: SizesTypes;
-    buttonColor?: ThemeColors | string;
-    buttonStroke?: ThemeColors | string;
-    cornerRadius?: SizesTypes | number;
-    hoverButtonColor?: ThemeColors | string;
-    hoverStrokeColor?: ThemeColors | string;
-    inactiveButtonColor?: ThemeColors | string;
-    inactiveStrokeColor?: ThemeColors | string;
-    inactiveTextColor?: ThemeColors | string;
-    styles?: StylesType;
-    colorTheme?: 'light' | 'dark';
-    href?: string;
-    type?: ButtonType;
-}>;
+export declare type BaseButtonProps = PropsWithChildren<Partial<{
+    onClick: Callback;
+    variant: ButtonVariant;
+    disabled: boolean;
+    state: 'disabled' | 'enabled';
+    fullWidth: boolean;
+    size: 'medium' | 'small';
+    buttonFont: FontSizesTypes;
+    textColor: ThemeColors | string;
+    textSize: number;
+    horizontalPadding: SizesTypes;
+    verticalPadding: SizesTypes;
+    buttonColor: ThemeColors | string;
+    buttonStroke: ThemeColors | string;
+    cornerRadius: SizesTypes | number;
+    hoverButtonColor: ThemeColors | string;
+    hoverStrokeColor: ThemeColors | string;
+    inactiveButtonColor: ThemeColors | string;
+    inactiveStrokeColor: ThemeColors | string;
+    inactiveTextColor: ThemeColors | string;
+    styles: StylesType;
+    colorTheme: 'light' | 'dark';
+    href: string;
+    type: ButtonType;
+}>>;
+export declare const baseButtonAllowedConfigurations: string[];
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
@@ -37,5 +39,9 @@ export declare type ButtonProps = BaseButtonProps & {
     isRichText?: boolean;
     containerStyle?: StylesType;
     buttonStyle?: StylesType;
+    stateConfig?: MetadataStateConfig[];
+    htmlElementId?: string;
+    metadata?: MetadataType;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: ButtonProps) => JSX.Element | null;

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

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

package/dist/cjs/src/molecules/Caruser/Carousel.d.ts

@@ -1,8 +1,10 @@
 import { PropsWithChildren } from 'react';
 export declare type CarouselProps = {
     children: JSX.Element[];
+    autoplay?: boolean;
+    autoplayDuration?: number;
 };
-export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+export declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
 export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
 export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     translateX: number;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption } from 'atoms';
-import type { StylesType } from 'typescript';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
@@ -25,5 +25,13 @@ export declare type CheckboxFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     wrapperStyles: StylesType;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+    defaultValue: string[];
+    formData: AnyObject;
+    htmlElementId: string;
+    isTrigger?: boolean;
+    moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -48,7 +47,15 @@ declare const _default: {
         required: boolean;
         optional: boolean;
         wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>) => JSX.Element;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+        defaultValue: string[];
+        formData: import("../../typescript").AnyObject;
+        htmlElementId: string;
+        isTrigger?: boolean | undefined;
+        moleculeId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    }>) => JSX.Element | null;
 };
 export default _default;
 export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RefCallBack } from 'react-hook-form/dist/types';
 import type { Callback } from 'typescript';
 import { CheckboxesProps } from './CheckboxField';

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

@@ -0,0 +1,32 @@
+import type { StoryFn } from '@storybook/react';
+import { CheckboxGroup as CheckboxGroupComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ ref, onBlur, onChange, checkboxesProps }: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        onBlur: import("../../typescript").Callback;
+        onChange: (checkedIds: string[]) => void;
+        checkboxesProps: Partial<{
+            checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            onChange: (id: string) => void;
+            disabled: boolean;
+            options?: import("../..").SelectOption[] | undefined;
+            selectedIds?: string[] | undefined;
+            isError?: boolean | undefined;
+            isEditMode?: boolean | undefined;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedCheckboxBackgroundColor: string;
+                selectedCheckboxIconColor: 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 | undefined;
+            }>;
+        }>;
+    }>) => JSX.Element;
+};
+export default _default;
+export declare const CheckboxGroup: StoryFn<typeof CheckboxGroupComponent>;

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

@@ -0,0 +1,26 @@
+import { ConfigurationItemInfo, MetadataType } from 'containers';
+import { SizesTypes } from 'theme';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import type { Nullable } from 'typescript';
+export declare type ChecklistItem = {
+    id: string;
+    isChecked: boolean;
+    eventId: Nullable<string>;
+    type: 'user_interactive' | 'system_controlled';
+    label: {
+        text: string;
+        isRichText: boolean;
+    };
+};
+export declare type ChecklistProps = {
+    items: ChecklistItem[];
+    props?: {
+        gap?: SizesTypes;
+    } & CheckboxInternalConfigProps;
+    configurationItemInfo?: ConfigurationItemInfo;
+    metadata: MetadataType;
+};
+export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, metadata, }: ChecklistProps) => JSX.Element;
+export declare const ChecklistWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap: SizesTypes;
+}, never>;

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

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Checklist as ChecklistComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, metadata, }: import("molecules").ChecklistProps) => JSX.Element;
+};
+export default _default;
+export declare const Checklist: StoryFn<typeof ChecklistComponent>;