@zealicsolutions/web-ui 1.0.60-test.1 → 1.0.60-test.3

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

@@ -7,12 +7,15 @@ export interface CalendarMoleculeProps {
     enableDayView?: boolean;
     enableWeekView?: boolean;
     enableMonthView?: boolean;
+    enableYearView?: boolean;
     enableDayListView?: boolean;
     enableWeekListView?: boolean;
     enableGridView?: boolean;
     enableTimelineView?: boolean;
     enableResourceView?: boolean;
-    enableYearView?: boolean;
+    monthsPerRow?: number;
+    dayMaxEvents?: number;
+    yearViewMode?: 'grid' | 'stack' | 'continuous';
     showPrevButton?: boolean;
     showNextButton?: boolean;
     showTodayButton?: boolean;
@@ -20,23 +23,13 @@ export interface CalendarMoleculeProps {
     editable?: boolean;
     droppable?: boolean;
     selectable?: boolean;
-    monthsPerRow?: number;
-    dayMaxEvents?: number;
-    yearViewMode?: 'grid' | 'stack' | 'continuous';
     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?: any;
     marginLeft?: string;
     marginTop?: string;
     marginRight?: string;
@@ -45,27 +38,85 @@ export interface CalendarMoleculeProps {
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
-    primaryColor?: string;
-    secondaryColor?: string;
-    toolbarBg?: string;
-    toolbarTextColor?: string;
-    buttonBg?: string;
+    themeSystem?: any;
+    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;
+    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;
 }

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

@@ -3,20 +3,6 @@ import { CalendarMolecule } from './CalendarMolecule';
 declare const meta: Meta<typeof CalendarMolecule>;
 export default meta;
 declare type Story = StoryObj<typeof CalendarMolecule>;
-export declare const MonthView: Story;
-export declare const WeekGridView: Story;
-export declare const WeekTimelineView: Story;
-export declare const DayGridView: Story;
-export declare const DayTimelineView: Story;
-export declare const ListViews: Story;
-export declare const ResourceGridViews: Story;
-export declare const ResourceTimelineViews: Story;
-export declare const ResourceListViews: Story;
-export declare const DragAndDrop: Story;
-export declare const SelectableDates: Story;
-export declare const BackgroundEvents: Story;
-export declare const YearView: Story;
-export declare const AllViewsEnabled: Story;
-export declare const CustomToolbar: Story;
-export declare const MinimalToolbar: Story;
-export declare const Themed: Story;
+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,96 @@
+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 ResourceTimelineCalendarProps {
+    events?: any[];
+    resources?: any[];
+    initialView?: 'resourceTimeGridDay' | 'resourceTimeGridWeek' | 'resourceTimelineDay' | 'resourceTimelineWeek';
+    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,86 @@
+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;
+    themeSystem?: any;
+    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 {};