@zealicsolutions/web-ui 1.0.67 → 1.0.69

package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts

@@ -1,36 +1,35 @@
 import React from 'react';
-import { EventInput, ThemeSystem } from '@fullcalendar/react';
 import { ConfigurationItemInfo } from 'containers';
 export interface CalendarMoleculeProps {
-    events?: EventInput[];
+    events?: any[];
     resources?: any[];
     initialView?: string;
-    enableDayGrid?: boolean;
-    enableTimeGrid?: boolean;
-    enableList?: boolean;
-    enableTimeline?: boolean;
-    enableResourceTimeline?: boolean;
+    enableDayView?: boolean;
+    enableWeekView?: boolean;
+    enableMonthView?: boolean;
     enableYearView?: boolean;
-    editable?: boolean;
-    droppable?: boolean;
-    selectable?: boolean;
+    enableDayListView?: boolean;
+    enableWeekListView?: boolean;
+    enableGridView?: boolean;
+    enableTimelineView?: boolean;
+    enableResourceView?: boolean;
     monthsPerRow?: number;
     dayMaxEvents?: number;
     yearViewMode?: 'grid' | 'stack' | 'continuous';
+    showPrevButton?: boolean;
+    showNextButton?: boolean;
+    showTodayButton?: boolean;
+    showViewSwitcher?: boolean;
+    editable?: boolean;
+    droppable?: boolean;
+    selectable?: boolean;
     slotDuration?: string;
     snapDuration?: string;
     businessHours?: any;
     eventOverlap?: boolean;
     showGridLines?: boolean;
-    buttonBorderRadius?: string;
-    eventFontSize?: string | number;
-    eventFontFamily?: string;
-    eventFontWeight?: string | number;
-    resourceGroupCollapsible?: boolean;
     width?: string | number;
     height?: string | number;
-    backgroundColor?: string;
-    themeSystem?: ThemeSystem;
     marginLeft?: string;
     marginTop?: string;
     marginRight?: string;
@@ -39,28 +38,85 @@ export interface CalendarMoleculeProps {
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
-    primaryColor?: string;
-    secondaryColor?: string;
-    toolbarBg?: string;
-    toolbarTextColor?: string;
-    buttonBg?: string;
+    buttonFontSize?: string | number;
+    buttonPaddingY?: string;
+    buttonPaddingX?: string;
+    buttonColor?: string;
     buttonTextColor?: string;
-    buttonHoverBg?: string;
+    buttonBorderColor?: string;
+    buttonFontWeight?: string | number;
+    buttonElevation?: number;
+    buttonHeight?: string | number;
+    buttonMinWidth?: string | number;
+    buttonMarginY?: string;
+    buttonMarginX?: string;
+    buttonBorderRadius?: string;
+    buttonHoverColor?: string;
+    buttonHoverTextColor?: string;
+    buttonHoverBorderColor?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    headerPadding?: string;
+    headerHeight?: string | number;
+    headerFontSize?: string | number;
+    headerFontWeight?: string | number;
+    headerTextColor?: string;
     dayHeaderColor?: string;
     dayHeaderFontWeight?: string | number;
-    slotLabelColor?: string;
-    slotLabelFontSize?: string | number;
-    eventBg?: string;
+    eventBackgroundColor?: string;
     eventBorderColor?: string;
     eventTextColor?: string;
-    eventHoverBg?: string;
+    eventBorderRadius?: string;
+    eventOpacity?: number;
+    eventElevation?: number;
+    eventPadding?: string;
+    eventFontSize?: string | number;
+    eventFontFamily?: string;
+    eventFontWeight?: string | number;
+    cellBackgroundColor?: string;
+    cellHoverBackgroundColor?: string;
+    cellTodayBackgroundColor?: string;
+    cellBorderColor?: string;
+    cellTextColor?: string;
+    cellFontSize?: string | number;
+    cellPadding?: string;
+    cellHeight?: string | number;
+    timeGridSlotHeight?: string | number;
+    timeGridSlotBorderColor?: string;
+    timeGridNowIndicatorColor?: string;
+    timeGridLabelFontSize?: string | number;
+    timeGridLabelColor?: string;
     nowIndicatorColor?: string;
-    resourceAreaBg?: string;
+    allDaySlot?: boolean;
+    allDayBackgroundColor?: string;
+    allDayTextColor?: string;
+    resourceAreaWidth?: string | number;
+    resourceBackgroundColor?: string;
     resourceTextColor?: string;
     resourceBorderColor?: string;
-    resourceAreaWidth?: string | number;
-    bodyBg?: string;
-    onEventAdd?: (e: EventInput) => void;
+    resourceFontSize?: string | number;
+    resourcePadding?: string;
+    resourceGroupCollapsible?: boolean;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    overlayColor?: string;
+    overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
+    glassEffect?: 'none' | 'light' | 'medium' | 'strong';
+    headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
+    textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
+    enableAnimations?: boolean;
+    animationSpeed?: 'slow' | 'medium' | 'fast';
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    customButtons?: Record<string, {
+        text: string;
+        click: () => void;
+    }>;
+    onEventAdd?: (e: any) => void;
     configurationItemInfo?: ConfigurationItemInfo;
 }
 export declare const CalendarMolecule: React.FC<CalendarMoleculeProps>;

package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts

@@ -1,5 +1,8 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { CalendarMolecule } from './CalendarMolecule';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./CalendarMolecule").CalendarMoleculeProps>;
-export default _default;
-export declare const DragAndDrop: StoryObj<typeof CalendarMolecule>;
+declare const meta: Meta<typeof CalendarMolecule>;
+export default meta;
+declare type Story = StoryObj<typeof CalendarMolecule>;
+export declare const ResourcesWithVisits: Story;
+export declare const Simple: Story;
+export declare const Styled: Story;

package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts

@@ -1,3 +1,102 @@
+import { ConfigurationItemInfo } from 'containers';
 import React from 'react';
-import { CalendarMoleculeProps } from './CalendarMolecule';
-export declare const ResourceTimelineCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayGrid' | 'enableTimeline' | 'enableList' | 'enableYearView'>>;
+export interface CalendarResource {
+    id: string;
+    title: string;
+    group?: string;
+    [key: string]: any;
+}
+export interface ResourceTimelineCalendarProps {
+    events?: any[];
+    resources?: CalendarResource[];
+    initialView?: 'week' | 'day';
+    enableTimelineView?: boolean;
+    showPrevButton?: boolean;
+    showNextButton?: boolean;
+    showTodayButton?: boolean;
+    showViewSwitcher?: boolean;
+    editable?: boolean;
+    droppable?: boolean;
+    selectable?: boolean;
+    slotDuration?: string;
+    snapDuration?: string;
+    businessHours?: any;
+    eventOverlap?: boolean;
+    showGridLines?: boolean;
+    width?: string | number;
+    height?: string | number;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    buttonFontSize?: string | number;
+    buttonPaddingY?: string;
+    buttonPaddingX?: string;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    buttonBorderColor?: string;
+    buttonFontWeight?: string | number;
+    buttonElevation?: number;
+    buttonHeight?: string | number;
+    buttonMinWidth?: string | number;
+    buttonMarginY?: string;
+    buttonMarginX?: string;
+    buttonBorderRadius?: string;
+    buttonHoverColor?: string;
+    buttonHoverTextColor?: string;
+    buttonHoverBorderColor?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    headerPadding?: string;
+    headerHeight?: string | number;
+    headerFontSize?: string | number;
+    headerFontWeight?: string | number;
+    headerTextColor?: string;
+    dayHeaderColor?: string;
+    dayHeaderFontWeight?: string | number;
+    eventBackgroundColor?: string;
+    eventBorderColor?: string;
+    eventTextColor?: string;
+    eventBorderRadius?: string;
+    eventOpacity?: number;
+    eventElevation?: number;
+    eventPadding?: string;
+    eventFontSize?: string | number;
+    eventFontFamily?: string;
+    eventFontWeight?: string | number;
+    timeGridSlotHeight?: string | number;
+    timeGridSlotBorderColor?: string;
+    timeGridNowIndicatorColor?: string;
+    timeGridLabelFontSize?: string | number;
+    timeGridLabelColor?: string;
+    nowIndicatorColor?: string;
+    allDaySlot?: boolean;
+    allDayBackgroundColor?: string;
+    allDayTextColor?: string;
+    resourceAreaWidth?: string | number;
+    resourceBackgroundColor?: string;
+    resourceTextColor?: string;
+    resourceBorderColor?: string;
+    resourceFontSize?: string | number;
+    resourcePadding?: string;
+    resourceGroupCollapsible?: boolean;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
+    textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
+    enableAnimations?: boolean;
+    animationSpeed?: string;
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    onEventAdd?: (e: any) => void;
+    configurationItemInfo?: ConfigurationItemInfo;
+}
+export declare const ResourceTimelineCalendarMolecule: React.FC<ResourceTimelineCalendarProps>;

package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts

@@ -1,3 +1,99 @@
+import { ConfigurationItemInfo } from 'containers';
 import React from 'react';
-import { CalendarMoleculeProps } from './CalendarMolecule';
-export declare const SimpleCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableYearView' | 'enableResourceTimeline'>>;
+export interface SimpleCalendarProps {
+    events?: any[];
+    initialView?: 'month' | 'week' | 'day';
+    enableDayView?: boolean;
+    enableWeekView?: boolean;
+    enableMonthView?: boolean;
+    enableGridView?: boolean;
+    showPrevButton?: boolean;
+    showNextButton?: boolean;
+    showTodayButton?: boolean;
+    showViewSwitcher?: boolean;
+    editable?: boolean;
+    droppable?: boolean;
+    selectable?: boolean;
+    slotDuration?: string;
+    snapDuration?: string;
+    businessHours?: any;
+    eventOverlap?: boolean;
+    showGridLines?: boolean;
+    width?: string | number;
+    height?: string | number;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    buttonFontSize?: string | number;
+    buttonPaddingY?: string;
+    buttonPaddingX?: string;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    buttonBorderColor?: string;
+    buttonFontWeight?: string | number;
+    buttonElevation?: number;
+    buttonHeight?: string | number;
+    buttonMinWidth?: string | number;
+    buttonMarginY?: string;
+    buttonMarginX?: string;
+    buttonBorderRadius?: string;
+    buttonHoverColor?: string;
+    buttonHoverTextColor?: string;
+    buttonHoverBorderColor?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    headerPadding?: string;
+    headerHeight?: string | number;
+    headerFontSize?: string | number;
+    headerFontWeight?: string | number;
+    headerTextColor?: string;
+    dayHeaderColor?: string;
+    dayHeaderFontWeight?: string | number;
+    eventBackgroundColor?: string;
+    eventBorderColor?: string;
+    eventTextColor?: string;
+    eventBorderRadius?: string;
+    eventOpacity?: number;
+    eventElevation?: number;
+    eventPadding?: string;
+    eventFontSize?: string | number;
+    eventFontFamily?: string;
+    eventFontWeight?: string | number;
+    cellBackgroundColor?: string;
+    cellHoverBackgroundColor?: string;
+    cellTodayBackgroundColor?: string;
+    cellBorderColor?: string;
+    cellTextColor?: string;
+    cellFontSize?: string | number;
+    cellPadding?: string;
+    cellHeight?: string | number;
+    timeGridSlotHeight?: string | number;
+    timeGridSlotBorderColor?: string;
+    timeGridNowIndicatorColor?: string;
+    timeGridLabelFontSize?: string | number;
+    timeGridLabelColor?: string;
+    nowIndicatorColor?: string;
+    allDaySlot?: boolean;
+    allDayBackgroundColor?: string;
+    allDayTextColor?: string;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
+    textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
+    enableAnimations?: boolean;
+    animationSpeed?: string;
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    onEventAdd?: (e: any) => void;
+    configurationItemInfo?: ConfigurationItemInfo;
+}
+export declare const SimpleCalendarMolecule: React.FC<SimpleCalendarProps>;

package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts

@@ -1,3 +1,85 @@
+import { ConfigurationItemInfo } from 'containers';
 import React from 'react';
-import { CalendarMoleculeProps } from './CalendarMolecule';
-export declare const YearViewCalendarMolecule: React.FC<Omit<CalendarMoleculeProps, 'initialView' | 'enableDayGrid' | 'enableTimeGrid' | 'enableList' | 'enableTimeline' | 'enableResourceTimeline'>>;
+export interface YearViewCalendarProps {
+    events?: any[];
+    monthsPerRow?: number;
+    dayMaxEvents?: number;
+    yearViewMode?: 'grid' | 'stack' | 'continuous';
+    showPrevButton?: boolean;
+    showNextButton?: boolean;
+    showTodayButton?: boolean;
+    editable?: boolean;
+    droppable?: boolean;
+    selectable?: boolean;
+    businessHours?: any;
+    eventOverlap?: boolean;
+    showGridLines?: boolean;
+    width?: string | number;
+    height?: string | number;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    buttonFontSize?: string | number;
+    buttonPaddingY?: string;
+    buttonPaddingX?: string;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    buttonBorderColor?: string;
+    buttonFontWeight?: string | number;
+    buttonElevation?: number;
+    buttonHeight?: string | number;
+    buttonMinWidth?: string | number;
+    buttonMarginY?: string;
+    buttonMarginX?: string;
+    buttonBorderRadius?: string;
+    buttonHoverColor?: string;
+    buttonHoverTextColor?: string;
+    buttonHoverBorderColor?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    headerPadding?: string;
+    headerHeight?: string | number;
+    headerFontSize?: string | number;
+    headerFontWeight?: string | number;
+    headerTextColor?: string;
+    dayHeaderColor?: string;
+    dayHeaderFontWeight?: string | number;
+    eventBackgroundColor?: string;
+    eventBorderColor?: string;
+    eventTextColor?: string;
+    eventBorderRadius?: string;
+    eventOpacity?: number;
+    eventElevation?: number;
+    eventPadding?: string;
+    eventFontSize?: string | number;
+    eventFontFamily?: string;
+    eventFontWeight?: string | number;
+    cellBackgroundColor?: string;
+    cellHoverBackgroundColor?: string;
+    cellTodayBackgroundColor?: string;
+    cellBorderColor?: string;
+    cellTextColor?: string;
+    cellFontSize?: string | number;
+    cellPadding?: string;
+    cellHeight?: string | number;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
+    textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
+    enableAnimations?: boolean;
+    animationSpeed?: string;
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    onEventAdd?: (e: any) => void;
+    configurationItemInfo?: ConfigurationItemInfo;
+}
+export declare const YearViewCalendarMolecule: React.FC<YearViewCalendarProps>;

package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface UseCalendarCoreOptions {
+    initialEvents?: any[];
+    onEventAdd?: (event: any) => void;
+    businessHours?: any;
+}
+export declare const useCalendarCore: ({ initialEvents, onEventAdd, businessHours, }?: UseCalendarCoreOptions) => {
+    eventsState: any[];
+    setEventsState: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    calRef: import("react").MutableRefObject<any>;
+    allowDrop: (info: any) => boolean;
+    onReceive: (info: any) => void;
+};
+export {};

package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.test.d.ts

@@ -0,0 +1 @@
+export {};