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

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import { EventInput, ThemeSystem } from '@fullcalendar/react';
+import { ConfigurationItemInfo } from 'containers';
+export 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;
+}
+export declare const CalendarMolecule: React.FC<CalendarMoleculeProps>;

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

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./CalendarMolecule").CalendarMoleculeProps>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./CalendarMolecule").CalendarMoleculeProps>;

package/dist/cjs/molecules/Visit/VisitMolecule.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { ConfigurationItemInfo } from 'containers';
+export 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;
+}
+export declare const VisitMolecule: React.FC<VisitMoleculeProps>;

package/dist/esm/containers/types/moleculeTypes.d.ts

@@ -16,6 +16,8 @@ import { AccordionProps } from '../../molecules/Accordion/Accordion';
 import { TabsProps } from '../../molecules/Tabs/Tabs';
 import { MenuProps } from '../../molecules/Menu/Menu';
 import { AvatarMoleculeProps } from '../../molecules/Avatar/Avatar';
+import { VisitMoleculeProps } from '../../molecules/Visit/VisitMolecule';
+import { CalendarMoleculeProps } from '../../molecules/Calendar/CalendarMolecule';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
 export 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';
@@ -123,7 +125,7 @@ export declare type ObjectStateProperties = {
     pmiObjectId: string | null;
 };
 export declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item';
-export 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';
+export 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
  *
@@ -466,21 +468,25 @@ export interface AvatarMoleculeType extends BaseMoleculeType {
         dataCapture: DataCaptureProperties;
     };
 }
-export interface CalendarMoleculeType extends BaseMoleculeType {
-    type: 'calendar';
+export interface VisitMoleculeType extends BaseMoleculeType {
+    type: 'visit';
     config: {
-        props: AnyObject;
+        props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
+    };
+    properties: {
+        dataCapture: DataCaptureProperties;
     };
-    properties: AnyObject;
 }
-export interface VisitMoleculeType extends BaseMoleculeType {
-    type: 'visit';
+export interface CalendarMoleculeType extends BaseMoleculeType {
+    type: 'calendar';
     config: {
-        props: AnyObject;
+        props: Omit<CalendarMoleculeProps, 'configurationItemInfo'>;
+    };
+    properties: {
+        dataCapture: DataCaptureProperties;
     };
-    properties: AnyObject;
 }
-export 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<{
+export 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;
     setFormData: Dispatch<SetStateAction<AnyObject>>;