@zealicsolutions/web-ui 1.0.44-beta-1 → 1.0.44-beta-2

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

@@ -1,11 +1,41 @@
 import React from 'react';
-export interface Visit {
+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;
-    start: string;
+    /** Length of the visit, in minutes (used to compute event.end) */
     duration: number;
-}
-export interface VisitMoleculeProps {
-    visit: Visit;
+    /** 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

@@ -17,6 +17,7 @@ import { TabsProps } from '../../molecules/Tabs/Tabs';
 import { MenuProps } from '../../molecules/Menu/Menu';
 import { AvatarMoleculeProps } from '../../molecules/Avatar/Avatar';
 import { CalendarMoleculeProps } from '../../molecules/Calendar/CalendarMolecule';
+import { VisitMoleculeProps } from '../../molecules/Visit/VisitMolecule';
 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';
@@ -124,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';
+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';
 /**
  * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
  *
@@ -474,7 +475,14 @@ export interface CalendarMoleculeType extends BaseMoleculeType {
     };
     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> & Partial<{
+export interface VisitMoleculeType extends BaseMoleculeType {
+    type: 'visit';
+    config: {
+        props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
+    };
+    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<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;