@zealicsolutions/web-ui 1.0.67 → 1.0.69

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

@@ -0,0 +1,229 @@
+interface CalendarStylingProps {
+    width?: 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;
+    allDayBackgroundColor?: string;
+    allDayTextColor?: string;
+    resourceAreaWidth?: string | number;
+    resourceBackgroundColor?: string;
+    resourceTextColor?: string;
+    resourceBorderColor?: string;
+    resourceFontSize?: string | number;
+    resourcePadding?: string;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    enableAnimations?: boolean;
+    animationSpeed?: string;
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    showGridLines?: boolean;
+}
+export declare const useCalendarStyling: (props: CalendarStylingProps) => {
+    sx: {
+        readonly '& .fc': {
+            readonly borderRadius: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+            readonly boxShadow: string;
+            readonly fontFamily: string | undefined;
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-button': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                backgroundColor: string | undefined;
+                color: string | undefined;
+                borderColor: string | undefined;
+                transform: string;
+            } | undefined;
+            readonly fontSize: string | number | undefined;
+            readonly padding: string | undefined;
+            readonly borderRadius: string | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly fontWeight: string | number | undefined;
+            readonly boxShadow: string;
+            readonly height: string | number | undefined;
+            readonly minWidth: string | number | undefined;
+            readonly margin: string | undefined;
+        };
+        readonly '& .fc-event': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                transform: string;
+                boxShadow: string;
+            } | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderRadius: string | undefined;
+            readonly fontSize: string | number | undefined;
+            readonly fontWeight: string | number | undefined;
+            readonly opacity: number | undefined;
+            readonly boxShadow: string;
+            readonly padding: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+        };
+        readonly '& .fc .fc-daygrid-day, & .fc .fc-timegrid-slot, & .fc .fc-col-header-cell': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                backgroundColor: string | undefined;
+                transform: string;
+            } | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+            readonly padding: string | undefined;
+            readonly height: string | number | undefined;
+            readonly color: string | undefined;
+            readonly fontSize: string | number | undefined;
+        };
+        readonly '& .fc .fc-day-today': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-all-day-slot': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-all-day-slot .fc-event': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-daygrid-day .fc-event[data-all-day="true"]': {
+            readonly color: string | undefined;
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-scrollgrid-shim, & .fc .fc-timegrid-divider'?: {
+            display: string;
+        } | undefined;
+        readonly width: string | number | undefined;
+        readonly marginLeft: string | undefined;
+        readonly marginTop: string | undefined;
+        readonly marginRight: string | undefined;
+        readonly marginBottom: string | undefined;
+        readonly paddingLeft: string | undefined;
+        readonly paddingTop: string | undefined;
+        readonly paddingRight: string | undefined;
+        readonly paddingBottom: string | undefined;
+        readonly '& .fc .fc-toolbar': {
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly padding: string | undefined;
+            readonly height: string | number | undefined;
+            readonly '& .fc-toolbar-title': {
+                readonly fontSize: string | number | undefined;
+                readonly fontWeight: string | number | undefined;
+                readonly color: string | undefined;
+            };
+        };
+        readonly '& .fc .fc-col-header-cell-cushion': {
+            readonly color: string | undefined;
+            readonly fontWeight: string | number | undefined;
+        };
+        readonly '& .fc .fc-timegrid-slot-label-cushion': {
+            readonly color: string | undefined;
+            readonly fontSize: string | number | undefined;
+        };
+        readonly '& .fc .fc-event': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-event:hover': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-event-title': {
+            readonly fontSize: string | number | undefined;
+            readonly fontFamily: string | undefined;
+            readonly fontWeight: string | number | undefined;
+        };
+        readonly '& .fc .fc-now-indicator': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-now-indicator-line': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-slot': {
+            readonly height: string | number | undefined;
+            readonly borderColor: string | undefined;
+        };
+        readonly '& .fc .fc-resource-area': {
+            readonly backgroundColor: string | undefined;
+            readonly width: string | number | undefined;
+            readonly borderColor: string | undefined;
+            readonly '& .fc-resource-cell': {
+                readonly color: string | undefined;
+                readonly fontSize: string | number | undefined;
+                readonly padding: string | undefined;
+            };
+        };
+        readonly '& .fc .fc-resource .fc-resource-title': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-resource-area-cell': {
+            readonly borderColor: string | undefined;
+        };
+    };
+    getMaterialElevation: (elevation?: number) => string;
+};
+export {};

package/dist/cjs/molecules/Rating/Rating.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { RatingProps } from '@mui/material';
+import React from 'react';
 export interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
     text: string;
     name: string;

package/dist/cjs/molecules/Rating/Rating.stories.d.ts

@@ -1,6 +1,9 @@
 import { RatingMoleculeProps } from './Rating';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
+declare type StoryPropsWithStateValue = RatingMoleculeProps & {
+    sourceDataModelFieldValue?: number | string;
+};
 /** 1) Editable rating with validation */
 export declare const Editable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
 /** 2) Display-only rating (read only) */
@@ -8,3 +11,9 @@ export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<im
 /** 3) Disabled rating input */
 export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
 export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RatingMoleculeProps>;
+/** Display-only with numeric value from state */
+export declare const DisplayOnlyWithStateValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryPropsWithStateValue>;
+/** Display-only with string value from state */
+export declare const DisplayOnlyWithStringStateValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryPropsWithStateValue>;
+/** Display-only with partial rating value */
+export declare const DisplayOnlyWithPartialRating: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryPropsWithStateValue>;

package/dist/cjs/molecules/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { SliderProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
+import React from 'react';
 export interface SliderMoleculeProps extends Omit<SliderProps, 'onChange'> {
     text?: string;
     name?: string;

package/dist/cjs/molecules/Slider/Slider.stories.d.ts

@@ -1,6 +1,9 @@
 import { SliderMoleculeProps } from './Slider';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
+declare type StoryPropsWithStateValue = SliderMoleculeProps & {
+    sourceDataModelFieldValue?: number | string;
+};
 /** Editable with required validation */
 export declare const EditableRequired: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SliderMoleculeProps>;
 /** Display-only mode (slider is disabled, text shows numeric value) */
@@ -8,3 +11,9 @@ export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<im
 /** Vertical usage */
 export declare const VerticalSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SliderMoleculeProps>;
 export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SliderMoleculeProps>;
+/** Display-only with numeric value from state */
+export declare const DisplayOnlyWithStateValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryPropsWithStateValue>;
+/** Display-only with string value from state */
+export declare const DisplayOnlyWithStringStateValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryPropsWithStateValue>;
+/** Display-only with decimal value from state */
+export declare const DisplayOnlyWithDecimalValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryPropsWithStateValue>;

package/dist/esm/containers/Container.stories.d.ts

@@ -1,8 +1,22 @@
 import type { Meta, StoryFn } from '@storybook/react';
 import { ContainerComponentProps } from 'containers';
+import { SizesTypes } from 'theme/types';
 import { ContainerStoriesComponent } from './ContainerStoriesComponent';
+declare type StoryProps = Omit<ContainerComponentProps, 'instance'> & {
+    backgroundImage?: string[];
+    enableBackgroundImage?: boolean;
+    widePaddingTop?: SizesTypes;
+    widePaddingBottom?: SizesTypes;
+    widePaddingLeft?: SizesTypes;
+    widePaddingRight?: SizesTypes;
+    compactPaddingTop?: SizesTypes;
+    compactPaddingBottom?: SizesTypes;
+    compactPaddingLeft?: SizesTypes;
+    compactPaddingRight?: SizesTypes;
+    instance: 'container';
+};
 declare const meta: Meta<typeof ContainerStoriesComponent>;
 export default meta;
-declare type Story = StoryFn<ContainerComponentProps>;
+declare type Story = StoryFn<StoryProps>;
 export declare const Container: Story;
 export declare const HeaderWithDrawer: Story;

package/dist/esm/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,6 +1,6 @@
 import { ContainerComponentProps, ContainerType, Molecule, MoleculeItemTypes, MoleculeTypes, StateConfigType } from 'containers';
 import { PasswordRuleValidation } from 'molecules';
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import type { AnyObject } from 'typescript';
 export declare type ConfigurationItem = {
     entity: 'container' | 'molecule' | 'molecule_item';
@@ -10,7 +10,7 @@ export declare type ConfigurationItem = {
     entityType: ContainerType | MoleculeTypes | MoleculeItemTypes;
     organismLibraryMoleculeId?: string;
 };
-export declare type OrganismContextProviderProps = PropsWithChildren<{
+export declare type OrganismContextProviderProps = React.PropsWithChildren<{
     organismId: string;
 } & Partial<{
     formId: string;

package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js

@@ -1,2 +1,2 @@
-import{__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as i,useMemo as o}from"react";import{OrganismContext as n}from"./OrganismContext.js";import{groupStepItemsByStepContainer as r}from"./utils.js";var d=function(d){var a=d.initItems,s=void 0===a?[]:a,m=d.children,l=d.submitHandler,u=d.formId,c=d.organismId,f=d.validations,v=d.editable,I=void 0===v||v,g=d.isPreview,p=void 0!==g&&g,C=d.organismBodyId,b=d.isFormInEditMode,j=void 0===b||b,P=d.organismMetadata,M=d.localStateObject,S=void 0===M?null:M,y=d.isConfigurationMode,x=void 0!==y&&y,F=d.onConfigurationItemHandler,B=d.selectedConfigurationItemId,H=d.currentStyleProperties,O=void 0===H?{}:H,h=d.currentContentProperties,w=void 0===h?{}:h,E=d.onInternalNavigation,N=void 0===E?function(){}:E,_=i([]),k=_[0],D=_[1],q=o((function(){return function(e,i){e&&(null==F||F(t(t({},e),{organismId:c}),i))}}),[F,c]),z=o((function(){return{dateFields:k,setDateFields:D,items:s,groupStepItemsByStepContainer:function(){return r(s)},submitHandler:l,formId:u,validations:f,editable:I,isPreview:p,organismBodyId:C,isFormInEditMode:j,organismMetadata:P,localStateObject:S,isConfigurationMode:x,onConfigurationItemClicked:q,selectedConfigurationItemId:B,currentStyleProperties:O,currentContentProperties:w,onInternalNavigation:N}}),[s,u,f,I,p,k,D,l,C,j,P,S,x,q,B,O,w,N]);return e(n.Provider,t({value:z},{children:m}))};export{d as OrganismContextProvider};
+import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import o from"react";import{OrganismContext as i}from"./OrganismContext.js";import{groupStepItemsByStepContainer as n}from"./utils.js";var r=function(r){var a=r.initItems,d=void 0===a?[]:a,s=r.children,m=r.submitHandler,u=r.formId,l=r.organismId,c=r.validations,f=r.editable,v=void 0===f||f,I=r.isPreview,g=void 0!==I&&I,p=r.organismBodyId,C=r.isFormInEditMode,b=void 0===C||C,j=r.organismMetadata,M=r.localStateObject,P=void 0===M?null:M,S=r.isConfigurationMode,y=void 0!==S&&S,x=r.onConfigurationItemHandler,F=r.selectedConfigurationItemId,B=r.currentStyleProperties,H=void 0===B?{}:B,O=r.currentContentProperties,h=void 0===O?{}:O,w=r.onInternalNavigation,E=void 0===w?function(){}:w,N=o.useState([]),_=N[0],k=N[1],D=o.useMemo((function(){return function(t,o){t&&(null==x||x(e(e({},t),{organismId:l}),o))}}),[x,l]),q=o.useMemo((function(){return{dateFields:_,setDateFields:k,items:d,groupStepItemsByStepContainer:function(){return n(d)},submitHandler:m,formId:u,validations:c,editable:v,isPreview:g,organismBodyId:p,isFormInEditMode:b,organismMetadata:j,localStateObject:P,isConfigurationMode:y,onConfigurationItemClicked:D,selectedConfigurationItemId:F,currentStyleProperties:H,currentContentProperties:h,onInternalNavigation:E}}),[d,u,c,v,g,_,k,m,p,b,j,P,y,D,F,H,h,E]);return t(i.Provider,e({value:q},{children:s}))};export{r as OrganismContextProvider};
 //# sourceMappingURL=OrganismContextProvider.js.map

package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganismContextProvider.js","sources":["../../../../../src/contexts/OrganismContext/OrganismContextProvider.tsx"],"sourcesContent":[null],"names":["OrganismContextProvider","_a","_b","initItems","children","submitHandler","formId","organismId","validations","_c","editable","_d","isPreview","organismBodyId","_e","isFormInEditMode","organismMetadata","_f","localStateObject","_g","isConfigurationMode","onConfigurationItemHandler","selectedConfigurationItemId","_h","currentStyleProperties","_j","currentContentProperties","_k","onInternalNavigation","_l","useState","dateFields","setDateFields","onConfigurationItemClicked","useMemo","itemInfo","doubleClick","__assign","contextValues","items","groupStepItemsByStepContainer","_jsx","OrganismContext","Provider","value"],"mappings":"2UAgDO,IAAMA,EAA0B,SAACC,GACtC,IAAAC,EAAAD,EAAAE,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAQH,EAAAG,SACRC,EAAaJ,EAAAI,cACbC,EAAML,EAAAK,OACNC,EAAUN,EAAAM,WACVC,EAAWP,EAAAO,YACXC,EAAeR,EAAAS,SAAfA,OAAW,IAAAD,KACXE,EAAAV,EAAAW,UAAAA,OAAS,IAAAD,GAAQA,EACjBE,EAAcZ,EAAAY,eACdC,qBAAAC,cAAuBD,EACvBE,qBACAC,EAAAhB,EAAAiB,iBAAAA,OAAgB,IAAAD,EAAG,KAAIA,EACvBE,wBAAAC,cAA2BD,EAC3BE,EAA0BpB,EAAAoB,2BAC1BC,EAA2BrB,EAAAqB,4BAC3BC,EAAAtB,EAAAuB,uBAAAA,OAAsB,IAAAD,EAAG,GAAEA,EAC3BE,6BAAAC,aAA2B,CAAE,EAAAD,EAC7BE,EAA+B1B,EAAA2B,qBAA/BA,OAAuB,IAAAD,EAAA,WAAA,EAAQA,EAEzBE,EAA8BC,EAA6C,IAA1EC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAE1BI,EAA6BC,GACjC,WAAM,OAAA,SAACC,EAAiDC,GACjDD,IAELd,SAAAA,EAAkCgB,EAAAA,EAAA,CAAA,EAAAF,GAAU,CAAA5B,WAAUA,IAAI6B,GAC3D,IACD,CAACf,EAA4Bd,IAGzB+B,EAAgBJ,GACpB,WAAM,MAAC,CACLH,WAAUA,EACVC,cAAaA,EACbO,MAAOpC,EACPqC,8BAA+B,WAAM,OAAAA,EAA8BrC,EAAU,EAC7EE,cAAaA,EACbC,OAAMA,EACNE,YAAWA,EACXE,SAAQA,EACRE,UAASA,EACTC,eAAcA,EACdE,iBAAgBA,EAChBC,iBAAgBA,EAChBE,iBAAgBA,EAChBE,oBAAmBA,EACnBa,2BAA0BA,EAC1BX,4BAA2BA,EAC3BE,uBAAsBA,EACtBE,yBAAwBA,EACxBE,qBAAoBA,KAEtB,CACEzB,EACAG,EACAE,EACAE,EACAE,EACAmB,EACAC,EACA3B,EACAQ,EACAE,EACAC,EACAE,EACAE,EACAa,EACAX,EACAE,EACAE,EACAE,IAIJ,OAAOa,EAACC,EAAgBC,SAAQN,EAAA,CAACO,MAAON,GAAa,CAAAlC,SAAGA,IAC1D"}
+{"version":3,"file":"OrganismContextProvider.js","sources":["../../../../../src/contexts/OrganismContext/OrganismContextProvider.tsx"],"sourcesContent":[null],"names":["OrganismContextProvider","_a","_b","initItems","children","submitHandler","formId","organismId","validations","_c","editable","_d","isPreview","organismBodyId","_e","isFormInEditMode","organismMetadata","_f","localStateObject","_g","isConfigurationMode","onConfigurationItemHandler","selectedConfigurationItemId","_h","currentStyleProperties","_j","currentContentProperties","_k","onInternalNavigation","_l","React","useState","dateFields","setDateFields","onConfigurationItemClicked","useMemo","itemInfo","doubleClick","__assign","contextValues","items","groupStepItemsByStepContainer","_jsx","OrganismContext","Provider","value"],"mappings":"kTAgDO,IAAMA,EAA0B,SAACC,GACtC,IAAAC,EAAAD,EAAAE,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAQH,EAAAG,SACRC,EAAaJ,EAAAI,cACbC,EAAML,EAAAK,OACNC,EAAUN,EAAAM,WACVC,EAAWP,EAAAO,YACXC,EAAeR,EAAAS,SAAfA,OAAW,IAAAD,KACXE,EAAAV,EAAAW,UAAAA,OAAS,IAAAD,GAAQA,EACjBE,EAAcZ,EAAAY,eACdC,qBAAAC,cAAuBD,EACvBE,qBACAC,EAAAhB,EAAAiB,iBAAAA,OAAgB,IAAAD,EAAG,KAAIA,EACvBE,wBAAAC,cAA2BD,EAC3BE,EAA0BpB,EAAAoB,2BAC1BC,EAA2BrB,EAAAqB,4BAC3BC,EAAAtB,EAAAuB,uBAAAA,OAAsB,IAAAD,EAAG,GAAEA,EAC3BE,6BAAAC,aAA2B,CAAE,EAAAD,EAC7BE,EAA+B1B,EAAA2B,qBAA/BA,OAAuB,IAAAD,EAAA,WAAA,EAAQA,EAEzBE,EAA8BC,EAAMC,SAA6C,IAAhFC,EAAUH,EAAA,GAAEI,OAEbC,EAA6BJ,EAAMK,SACvC,WAAM,OAAA,SAACC,EAAiDC,GACjDD,IAELf,SAAAA,EAAkCiB,EAAAA,EAAA,CAAA,EAAAF,GAAU,CAAA7B,WAAUA,IAAI8B,GAC3D,IACD,CAAChB,EAA4Bd,IAGzBgC,EAAgBT,EAAMK,SAC1B,WAAM,MAAC,CACLH,WAAUA,EACVC,cAAaA,EACbO,MAAOrC,EACPsC,8BAA+B,WAAM,OAAAA,EAA8BtC,EAAU,EAC7EE,cAAaA,EACbC,OAAMA,EACNE,YAAWA,EACXE,SAAQA,EACRE,UAASA,EACTC,eAAcA,EACdE,iBAAgBA,EAChBC,iBAAgBA,EAChBE,iBAAgBA,EAChBE,oBAAmBA,EACnBc,2BAA0BA,EAC1BZ,4BAA2BA,EAC3BE,uBAAsBA,EACtBE,yBAAwBA,EACxBE,qBAAoBA,KAEtB,CACEzB,EACAG,EACAE,EACAE,EACAE,EACAoB,EACAC,EACA5B,EACAQ,EACAE,EACAC,EACAE,EACAE,EACAc,EACAZ,EACAE,EACAE,EACAE,IAIJ,OAAOc,EAACC,EAAgBC,SAAQN,EAAA,CAACO,MAAON,GAAa,CAAAnC,SAAGA,IAC1D"}

package/dist/esm/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/esm/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/esm/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/esm/molecules/Calendar/ResourceTimelineCalendar.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{CalendarMolecule as o}from"./CalendarMolecule.js";var l=[{id:"roomA",title:"Room A"},{id:"roomB",title:"Room B"}],t=function(t){var s=t.resources,m=e(t,["resources"]);return i(o,r({},m,{resources:null!=s?s:l,initialView:"resourceTimeGridWeek",enableDayGrid:!1,enableTimeGrid:!1,enableList:!1,enableTimeline:!1,enableResourceTimeline:!0,enableYearView:!1,editable:!0,droppable:!0,selectable:!0}))};export{t as ResourceTimelineCalendarMolecule};
+import{__rest as e,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import i from"../../node_modules/@fullcalendar/react/dist/index.js";import{useState as n,useCallback as s}from"react";import{useCalendarCore as l}from"./hooks/useCalendarCore.js";import{useCalendarStyling as a}from"./hooks/useCalendarStyling.js";import u from"../../node_modules/@fullcalendar/interaction/index.js";import d from"../../node_modules/@fullcalendar/resource/index.js";import c from"../../node_modules/@fullcalendar/resource-timegrid/index.js";import m from"../../node_modules/@fullcalendar/resource-timeline/index.js";import p from"../../node_modules/@mui/material/Box/Box.js";var v=function(v){var h=v.events,f=void 0===h?[]:h,w=v.resources,b=void 0===w?[]:w,x=v.initialView,y=void 0===x?"week":x,g=v.enableTimelineView,j=void 0!==g&&g,C=v.showPrevButton,A=void 0===C||C,D=v.showNextButton,S=void 0===D||D,V=v.showTodayButton,k=void 0===V||V,B=v.showViewSwitcher,_=void 0===B||B,T=v.editable,E=void 0===T||T,G=v.droppable,H=void 0===G||G,I=v.selectable,N=void 0===I||I,R=v.slotDuration,O=void 0===R?"00:15:00":R,W=v.snapDuration,L=void 0===W?"00:05:00":W,P=v.businessHours,U=v.eventOverlap,K=void 0!==U&&U,q=v.height,z=v.resourceGroupCollapsible,F=void 0!==z&&z,J=v.onEventAdd,M=v.allDaySlot,Q=v.configurationItemInfo,X=e(v,["events","resources","initialView","enableTimelineView","showPrevButton","showNextButton","showTodayButton","showViewSwitcher","editable","droppable","selectable","slotDuration","snapDuration","businessHours","eventOverlap","height","resourceGroupCollapsible","onEventAdd","allDaySlot","configurationItemInfo"]),Y=[u,d,c,m],Z=l({initialEvents:f,onEventAdd:J,businessHours:P}),$=Z.eventsState,ee=Z.calRef,oe=Z.allowDrop,re=Z.onReceive,te=a(X).sx,ie=n(new Set),ne=ie[0],se=ie[1],le=s((function(e){e&&se((function(o){var r=new Set(o);return r.has(e)?r.delete(e):r.add(e),r}))}),[]),ae=Array.isArray(b)?b:[],ue=function(e){return j?"resourceTimeline".concat(e.charAt(0).toUpperCase()+e.slice(1)):"resourceTimeGrid".concat(e.charAt(0).toUpperCase()+e.slice(1))},de={week:ue("week"),day:ue("day")}[y]||ue("week"),ce=F&&ae.length>0?{resourceGroupLabelContent:function(e){return r("span",o({style:{cursor:"pointer",userSelect:"none"},onClick:function(){return le(e.groupValue)}},{children:[ne.has(e.groupValue)?"▶ ":"▼ ",e.text]}))},filterResourcesWithEvents:!0,resources:ae.filter((function(e){return(null==e?void 0:e.group)&&!ne.has(e.group)}))}:{},me=s((function(){var e=[];A&&e.push("prev"),S&&e.push("next"),k&&e.push("today");var o=[];return _&&(o.push(ue("day")),o.push(ue("week"))),{left:e.join(","),center:"title",right:o.join(",")}}),[j,A,S,k,_]);return t(p,o({sx:te},Q,{children:t(i,o({ref:ee,height:q,plugins:Y,themeSystem:"standard",schedulerLicenseKey:"CC-Attribution-NonCommercial-NoDerivatives",initialView:de,headerToolbar:me(),editable:E,droppable:H,selectable:N,businessHours:P,eventOverlap:K,eventAllow:oe,allDaySlot:M,slotDuration:O,snapDuration:L,events:$,resources:ae,resourceAreaWidth:X.resourceAreaWidth,eventReceive:re},ce))}))};export{v as ResourceTimelineCalendarMolecule};
 //# sourceMappingURL=ResourceTimelineCalendar.js.map