@zealicsolutions/web-ui 1.0.44 → 1.0.45-beta.0

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
-import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, ReactNode, CSSProperties, KeyboardEvent, InputHTMLAttributes, MouseEvent } from 'react';
+import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, CSSProperties, KeyboardEvent, InputHTMLAttributes, MouseEvent } from 'react';
 import * as _emotion_react from '@emotion/react';
 import { CSSObject, Theme, Interpolation } from '@emotion/react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
-import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideStyles, StyledTransientProps, ResponseDTO, Nullable, StrictUnion } from 'typescript';
+import { StylesType, AnyObject as AnyObject$1, Callback, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { DataModelFieldFormatCodeTypes as DataModelFieldFormatCodeTypes$1, FormStateType as FormStateType$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ContainerType as ContainerType$1, MoleculeTypes as MoleculeTypes$1, MoleculeItemTypes as MoleculeItemTypes$2, StateConfigType as StateConfigType$1, MetadataType as MetadataType$1, PasswordSetupMoleculeType as PasswordSetupMoleculeType$1, ContainerProps as ContainerProps$1, LinkProperties as LinkProperties$1, TextProperties as TextProperties$1, ObjectStateProperties as ObjectStateProperties$1, StateProperties as StateProperties$1 } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
@@ -19,6 +19,8 @@ import { DrawerProps as DrawerProps$1, ModalProps, SxProps, TypographyProps, But
 import { IconNames as IconNames$1, TouchableOpacityProps as TouchableOpacityProps$1 } from 'components';
 import { OrganismDTO } from 'organisms/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
+import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
+import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
 import { PasswordRuleValidation as PasswordRuleValidation$2 } from 'molecules/PasswordSetup/PasswordSetup';
 export * from 'helpers/constants';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
@@ -27,6 +29,7 @@ import { RegisterOptions, FieldValues, UseFormReturn, ValidationMode } from 'rea
 import { DatePickerProps } from '@mui/x-date-pickers';
 import * as containers_types_types from 'containers/types/types';
 import { ContainerProps as ContainerProps$2, ContainerProperties as ContainerProperties$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
+import { EventInput, ThemeSystem } from '@fullcalendar/react';
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -86,7 +89,7 @@ declare type SelectInternalConfigurationOptions = {
 };
 declare type SelectProps = Partial<{
     ref: RefCallBack;
-    onBlur: Callback$1;
+    onBlur: Callback;
     value: string;
     optionsPresentation: boolean;
     onChange: (value: string) => void;
@@ -136,7 +139,6 @@ declare const availableIcons: {
 declare type IconNames = keyof typeof availableIcons;
 declare const Icon: ({ name, color, ...props }: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare type Callback = () => void;
 declare type AnyObject = Record<string, unknown>;
 
 declare type MaskConfig = {
@@ -157,13 +159,13 @@ declare type InputFieldInternalConfigProps = Partial<{
 }>;
 declare type InputIconProps = {
     name: IconNames;
-    onClick?: Callback$1;
+    onClick?: Callback;
 };
 declare type InputProps = Partial<{
     value: string;
     leftIcon: InputIconProps;
     rightIcon: InputIconProps;
-    onBlur: Callback$1;
+    onBlur: Callback;
     type: InputFieldTypes;
     placeholder: string;
     disabled: boolean;
@@ -229,7 +231,7 @@ declare type RegularImageProps = {
     alt: string;
     width: number | string;
     height: number | string;
-    onClick: Callback$1;
+    onClick: Callback;
     cornerRadius: SizesTypes$1 | number;
 }> & ConfigurationItemInfo$1 & OverrideStyles;
 declare const RegularImage: _emotion_styled.StyledComponent<{
@@ -241,7 +243,7 @@ declare const RegularImage: _emotion_styled.StyledComponent<{
     alt: string;
     width: number | string;
     height: number | string;
-    onClick: Callback$1;
+    onClick: Callback;
     cornerRadius: SizesTypes$1 | number;
 }> & ConfigurationItemInfo$1 & OverrideStyles, react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 declare const BackgroundImage: _emotion_styled.StyledComponent<{
@@ -253,7 +255,7 @@ declare const BackgroundImage: _emotion_styled.StyledComponent<{
     alt: string;
     width: number | string;
     height: number | string;
-    onClick: Callback$1;
+    onClick: Callback;
     cornerRadius: SizesTypes$1 | number;
 }> & ConfigurationItemInfo$1 & OverrideStyles & react.ClassAttributes<HTMLImageElement> & react.ImgHTMLAttributes<HTMLImageElement> & {
     theme?: _emotion_react.Theme | undefined;
@@ -329,7 +331,7 @@ declare type AvatarProps = {
         iconName?: IconNames;
         imageUrl?: string;
     };
-    onPress?: Callback$1;
+    onPress?: Callback;
 };
 declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -372,7 +374,7 @@ declare type RadioButtonsProps<T extends string> = Partial<{
     name: string;
     value: T;
     options: SelectOption[];
-    onBlur: Callback$1;
+    onBlur: Callback;
     onChange: (value: T) => void;
     isRow: boolean;
     isError: boolean;
@@ -386,7 +388,7 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
     name: string;
     value: T;
     options: SelectOption[];
-    onBlur: Callback$1;
+    onBlur: Callback;
     onChange: (value: T) => void;
     isRow: boolean;
     isError: boolean;
@@ -435,7 +437,7 @@ declare const CircularIndicatorStyledComponent: _emotion_styled.StyledComponent<
 declare type IconButtonProps = {
     name: IconNames$1;
     size?: number;
-    onClick: Callback$1;
+    onClick: Callback;
     color?: ThemeColors$1 | string;
     fill?: ThemeColors$1 | string;
     pointerEvents?: 'auto' | 'none';
@@ -477,13 +479,6 @@ declare const toastStyles: _emotion_react.SerializedStyles;
 
 declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
 
-declare type MlrRichTextViewerContextType = {
-    isMLRReview: boolean;
-    showAnnotations: boolean;
-    annotationsList: AnnotationsList$1;
-};
-declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
-
 declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
     annotationsList: AnnotationsList$1;
     isMLRReview: boolean;
@@ -491,7 +486,12 @@ declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
 }>;
 declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const useMlrRichTextViewerContext: () => MlrRichTextViewerContextType;
+declare type MlrRichTextViewerContextType = {
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+    annotationsList: AnnotationsList$1;
+};
+declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
 
 declare type AnnotationsList = {
     tags: {
@@ -509,6 +509,10 @@ declare type AnnotationsList = {
     }[];
 };
 
+declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
+
+declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
+
 declare type ButtonActionsContextType = {
     actionContent?: ContainerComponentProps$1;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
@@ -545,8 +549,6 @@ declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
 }>>;
 declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const useButtonActionsContext: () => ButtonActionsContextType;
-
 declare type StepItem = ContainerComponentProps$1 | Molecule$1;
 declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
 
@@ -614,35 +616,26 @@ declare type OrganismContextType = {
 };
 declare const OrganismContext: react.Context<OrganismContextType>;
 
-declare const useOrganismContext: () => OrganismContextType;
-
 declare type AccountButtonContextType = Partial<{
     userInitials: string;
-    logOutHandler: Callback$1;
-    goToAccountInfo: Callback$1;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
     username: string;
 }>;
 declare const AccountButtonContext: react.Context<Partial<{
     userInitials: string;
-    logOutHandler: Callback$1;
-    goToAccountInfo: Callback$1;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
     username: string;
 }>>;
 
 declare type AccountButtonProviderProps = PropsWithChildren<Partial<{
-    userInitials: string;
-    logOutHandler: Callback$1;
-    goToAccountInfo: Callback$1;
-    username: string;
-}>>;
-declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useAccountButtonContext: () => Partial<{
     userInitials: string;
     logOutHandler: Callback;
     goToAccountInfo: Callback;
     username: string;
-}>;
+}>>;
+declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare type StateContextType = {
     stateConfig: StateConfigType$1;
@@ -658,46 +651,6 @@ declare type StateContextProviderProps = PropsWithChildren<{
 }>;
 declare const StateContextProvider: ({ initStateConfig, children, stateHandler, authenticated, }: StateContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const useStateContext: () => StateContextType;
-
-declare type FormStepContextType = {
-    steps: number;
-    currentStep: number;
-    goToNextStep: () => void;
-    goToPrevStep: () => void;
-    reset: () => void;
-    canGoToNextStep: boolean;
-    canGoToPrevStep: boolean;
-    setStep: Dispatch<SetStateAction<number>>;
-    setInitSteps: Dispatch<SetStateAction<number>>;
-};
-declare const FormStepContext: react.Context<FormStepContextType>;
-
-declare type FormStepContextProviderProps = PropsWithChildren<{
-    initialStepsCount?: number;
-}>;
-declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useFormStepContext: () => FormStepContextType;
-
-interface Option {
-    id: string;
-    name: string;
-}
-interface ApiInterface {
-    pickList: {
-        get(dataModelFieldId?: string): Promise<ResponseDTO<Option[]>>;
-    };
-}
-declare const ApiContext: react.Context<ApiInterface>;
-
-declare const ApiProvider: ({ api, children }: {
-    api: ApiInterface;
-    children: ReactNode;
-}) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useApi: () => ApiInterface;
-
 declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
@@ -1353,13 +1306,14 @@ declare const DatePickerMolecule: react__default.FC<DatePickerMoleculeProps>;
 
 interface SelectMoleculeOption {
     id: string;
-    label: string;
-    value?: string;
+    value: string;
 }
 interface SelectMoleculeProps {
     open?: boolean;
     /** Label text (visible above or inside the select) */
     text: string;
+    /** Dropdown options. Each has { id, value } or you can supply string[] */
+    options: SelectMoleculeOption[] | string[];
     /** For a placeholder, you might use the first item or do a custom approach */
     placeholderText?: string;
     /** If true, the field is required in form validation */
@@ -1851,6 +1805,96 @@ interface AvatarMoleculeProps {
     configurationItemInfo?: ConfigurationItemInfo$1;
 }
 
+interface VisitMoleculeProps {
+    /** Unique visit identifier (used as event.id) */
+    id: string;
+    /** Title shown on the card and used as event.title */
+    title: string;
+    /** Length of the visit, in minutes (used to compute event.end) */
+    duration: number;
+    /** Optional description rendered under the title */
+    description?: string;
+    /** If you want to associate this visit with a resource */
+    resourceId?: string;
+    /** Background color of the card */
+    backgroundColor?: string;
+    /** Text color for title/description */
+    textColor?: string;
+    /** Border color around the card */
+    borderColor?: string;
+    /** Border radius (e.g. '4px') */
+    borderRadius?: string;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    /** Font size for the title (e.g. '14px') */
+    fontSize?: string | number;
+    /** Font weight for the title (e.g. 400, 600) */
+    fontWeight?: string | number;
+    /** If false, disables dragging completely */
+    draggable?: boolean;
+    /** If false, dropping won’t actually create an event */
+    createOnDrop?: boolean;
+    /** Extra props your designer tool may pass */
+    configurationItemInfo?: ConfigurationItemInfo$1;
+}
+
+interface CalendarMoleculeProps {
+    /** initial events (will be copied into internal state) */
+    events?: EventInput[];
+    resources?: any[];
+    initialView?: string;
+    enableDayGrid?: boolean;
+    enableTimeGrid?: boolean;
+    enableList?: boolean;
+    enableTimeline?: boolean;
+    enableResourceTimeline?: boolean;
+    slotDuration?: string;
+    snapDuration?: string;
+    businessHours?: any;
+    width?: string | number;
+    height?: string | number;
+    backgroundColor?: string;
+    themeSystem?: ThemeSystem;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    primaryColor?: string;
+    secondaryColor?: string;
+    toolbarBg?: string;
+    toolbarTextColor?: string;
+    buttonBg?: string;
+    buttonTextColor?: string;
+    buttonHoverBg?: string;
+    dayHeaderColor?: string;
+    dayHeaderFontWeight?: number | string;
+    slotLabelColor?: string;
+    slotLabelFontSize?: string | number;
+    eventBg?: string;
+    eventBorderColor?: string;
+    eventTextColor?: string;
+    eventHoverBg?: string;
+    nowIndicatorColor?: string;
+    resourceAreaBg?: string;
+    resourceTextColor?: string;
+    resourceBorderColor?: string;
+    bodyBg?: string;
+    resourceAreaWidth?: string | number;
+    /** callback whenever a drop creates a new event */
+    onEventAdd?: (e: EventInput) => void;
+    configurationItemInfo?: ConfigurationItemInfo$1;
+}
+
 declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
 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';
@@ -1958,7 +2002,7 @@ declare type ObjectStateProperties = {
     pmiObjectId: string | null;
 };
 declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item';
-declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'avatar' | 'calendar' | 'visit';
+declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'avatar' | 'visit' | 'calendar';
 /**
  * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
  *
@@ -2301,21 +2345,25 @@ interface AvatarMoleculeType extends BaseMoleculeType {
         dataCapture: DataCaptureProperties;
     };
 }
-interface CalendarMoleculeType extends BaseMoleculeType {
-    type: 'calendar';
+interface VisitMoleculeType extends BaseMoleculeType {
+    type: 'visit';
     config: {
-        props: AnyObject$1;
+        props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
+    };
+    properties: {
+        dataCapture: DataCaptureProperties;
     };
-    properties: AnyObject$1;
 }
-interface VisitMoleculeType extends BaseMoleculeType {
-    type: 'visit';
+interface CalendarMoleculeType extends BaseMoleculeType {
+    type: 'calendar';
     config: {
-        props: AnyObject$1;
+        props: Omit<CalendarMoleculeProps, 'configurationItemInfo'>;
+    };
+    properties: {
+        dataCapture: DataCaptureProperties;
     };
-    properties: AnyObject$1;
 }
-declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType | CalendarMoleculeType | VisitMoleculeType> & Partial<{
+declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType | VisitMoleculeType | CalendarMoleculeType> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject$1;
     setFormData: Dispatch<SetStateAction<AnyObject$1>>;
@@ -2515,4 +2563,4 @@ declare type FormOrganismItemProps = {
 };
 declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, Checkbox, CheckboxProps, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMoleculeType, ConsentProps, ConsentStatus, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DefaultSelectionType, Divider, DividerMoleculeType, DividerProps, DownloadFile, Drawer, EmailInputFieldMoleculeType, ErrorText, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneNumberInputFieldMoleculeType, PopupPropsType, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, defaultValue, passwordValidationMapper, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useFormStepContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };
+export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, Checkbox, CheckboxProps, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMoleculeType, ConsentProps, ConsentStatus, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DefaultSelectionType, Divider, DividerMoleculeType, DividerProps, DownloadFile, Drawer, EmailInputFieldMoleculeType, ErrorText, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Organism, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneNumberInputFieldMoleculeType, PopupPropsType, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, defaultValue, passwordValidationMapper, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "1.0.44",
+  "version": "1.0.45-beta.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -61,7 +61,6 @@
     "@storybook/testing-library": "0.1.0",
     "@swc/core": "1.2.248",
     "@swc/jest": "0.2.22",
-    "@tanstack/react-query": "5.74.4",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@testing-library/react-hooks": "8.0.1",
@@ -97,12 +96,21 @@
     "typescript": "4.8.2"
   },
   "peerDependencies": {
-    "@tanstack/react-query": "5.74.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-pdf": "6.2.2"
   },
   "dependencies": {
+    "@fullcalendar/core": "^6.1.17",
+    "@fullcalendar/daygrid": "^6.1.17",
+    "@fullcalendar/interaction": "^6.1.17",
+    "@fullcalendar/list": "^6.1.17",
+    "@fullcalendar/react": "^6.1.17",
+    "@fullcalendar/resource": "^6.1.17",
+    "@fullcalendar/resource-timegrid": "^6.1.17",
+    "@fullcalendar/resource-timeline": "^6.1.17",
+    "@fullcalendar/timegrid": "^6.1.17",
+    "@fullcalendar/timeline": "^6.1.17",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@mui/material": "6.1.5",

package/dist/cjs/contexts/ApiContext/ApiContext.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { ResponseDTO } from 'typescript';
-export interface Option {
-    id: string;
-    name: string;
-}
-export interface ApiInterface {
-    pickList: {
-        get(dataModelFieldId?: string): Promise<ResponseDTO<Option[]>>;
-    };
-}
-export declare const ApiContext: import("react").Context<ApiInterface>;

package/dist/cjs/contexts/ApiContext/ApiProvider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { ApiInterface } from './ApiContext';
-export declare const ApiProvider: ({ api, children }: {
-    api: ApiInterface;
-    children: ReactNode;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/contexts/ApiContext/queries/index.d.ts

@@ -1 +0,0 @@
-export * from './useDataModelFieldOptions';

package/dist/cjs/contexts/ApiContext/queries/queryKeys.d.ts

@@ -1,3 +0,0 @@
-export declare const queryKeys: {
-    readonly getOptions: "getOptions";
-};

package/dist/cjs/contexts/ApiContext/queries/useDataModelFieldOptions.d.ts

@@ -1,5 +0,0 @@
-export declare const useDataModelFieldOptions: (dataModelFieldId?: string) => {
-    dataModelFieldOptions: any;
-    refetch: any;
-    isLoading: any;
-};

package/dist/cjs/contexts/ApiContext/useApi.d.ts

@@ -1,2 +0,0 @@
-import { ApiInterface } from './ApiContext';
-export declare const useApi: () => ApiInterface;

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

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

package/dist/cjs/contexts/FormStepContext/useFormStepContext.d.ts

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

package/dist/cjs/contexts/MlrRichTextViewerContext/useMlrRichTextViewerContext.d.ts

@@ -1 +0,0 @@
-export declare const useMlrRichTextViewerContext: () => import("./MlrRichTextViewerContext").MlrRichTextViewerContextType;

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

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

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

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

package/dist/esm/contexts/AccountButtonContext/useAccountButtonContext.js

@@ -1,2 +0,0 @@
-import{useContext as t}from"react";import{AccountButtonContext as o}from"./AccountButtonContext.js";var r=function(){return t(o)};export{r as useAccountButtonContext};
-//# sourceMappingURL=useAccountButtonContext.js.map

package/dist/esm/contexts/AccountButtonContext/useAccountButtonContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccountButtonContext.js","sources":["../../../../../src/contexts/AccountButtonContext/useAccountButtonContext.ts"],"sourcesContent":[null],"names":["useAccountButtonContext","useContext","AccountButtonContext"],"mappings":"oGAGO,IAAMA,EAA0B,WAAM,OAAAC,EAAWC,EAAX"}

package/dist/esm/contexts/ApiContext/ApiContext.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { ResponseDTO } from 'typescript';
-export interface Option {
-    id: string;
-    name: string;
-}
-export interface ApiInterface {
-    pickList: {
-        get(dataModelFieldId?: string): Promise<ResponseDTO<Option[]>>;
-    };
-}
-export declare const ApiContext: import("react").Context<ApiInterface>;

package/dist/esm/contexts/ApiContext/ApiContext.js

@@ -1,2 +0,0 @@
-import{__awaiter as t,__generator as i}from"../../node_modules/tslib/tslib.es6.js";import{createContext as o}from"react";var r=o({pickList:{get:function(o){return t(void 0,void 0,void 0,(function(){return i(this,(function(t){return[2,{data:[]}]}))}))}}});export{r as ApiContext};
-//# sourceMappingURL=ApiContext.js.map

package/dist/esm/contexts/ApiContext/ApiContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiContext.js","sources":["../../../../../src/contexts/ApiContext/ApiContext.ts"],"sourcesContent":[null],"names":["ApiContext","createContext","pickList","get","_dataModelFieldId","__awaiter","data"],"mappings":"yHAeA,IAQaA,EAAaC,EARO,CAC/BC,SAAU,CACRC,IAAK,SAAOC,GAA0B,OAAAC,OAAA,OAAA,OAAA,GAAA,sCAAqC,MAAA,CAAA,EAAC,CAC1EC,KAAM,OACN,GAAA"}

package/dist/esm/contexts/ApiContext/ApiProvider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { ApiInterface } from './ApiContext';
-export declare const ApiProvider: ({ api, children }: {
-    api: ApiInterface;
-    children: ReactNode;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/contexts/ApiContext/ApiProvider.js

@@ -1,2 +0,0 @@
-import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{ApiContext as o}from"./ApiContext.js";var t=function(t){var i=t.api,m=t.children;return r(o.Provider,e({value:i},{children:m}))};export{t as ApiProvider};
-//# sourceMappingURL=ApiProvider.js.map

package/dist/esm/contexts/ApiContext/ApiProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiProvider.js","sources":["../../../../../src/contexts/ApiContext/ApiProvider.tsx"],"sourcesContent":[null],"names":["ApiProvider","_a","api","children","_jsx","ApiContext","Provider","__assign","value"],"mappings":"wNAIO,IAAMA,EAAc,SAACC,OAAEC,EAAGD,EAAAC,IAAEC,EAAQF,EAAAE,SAAmD,OAC5FC,EAACC,EAAWC,SAAQC,EAAA,CAACC,MAAON,GAAG,CAAAC,SAAGA,IAD0D"}

package/dist/esm/contexts/ApiContext/queries/index.d.ts

@@ -1 +0,0 @@
-export * from './useDataModelFieldOptions';

package/dist/esm/contexts/ApiContext/queries/queryKeys.d.ts

@@ -1,3 +0,0 @@
-export declare const queryKeys: {
-    readonly getOptions: "getOptions";
-};

package/dist/esm/contexts/ApiContext/queries/queryKeys.js

@@ -1,2 +0,0 @@
-var t={getOptions:"getOptions"};export{t as queryKeys};
-//# sourceMappingURL=queryKeys.js.map

package/dist/esm/contexts/ApiContext/queries/queryKeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"queryKeys.js","sources":["../../../../../../src/contexts/ApiContext/queries/queryKeys.ts"],"sourcesContent":[null],"names":["queryKeys","getOptions"],"mappings":"AAAa,IAAAA,EAAY,CACvBC,WAAY"}

package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.d.ts

@@ -1,5 +0,0 @@
-export declare const useDataModelFieldOptions: (dataModelFieldId?: string) => {
-    dataModelFieldOptions: any;
-    refetch: any;
-    isLoading: any;
-};