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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/cjs/containers/types/moleculeTypes.d.ts +16 -10
  2. package/dist/cjs/index.js +1577 -1577
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +54 -0
  5. package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts +3 -0
  6. package/dist/cjs/molecules/Visit/VisitMolecule.d.ts +41 -0
  7. package/dist/esm/containers/types/moleculeTypes.d.ts +16 -10
  8. package/dist/esm/molecules/BaseMolecule.js +1 -1
  9. package/dist/esm/molecules/BaseMolecule.js.map +1 -1
  10. package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +54 -0
  11. package/dist/esm/molecules/Calendar/CalendarMolecule.js +2 -0
  12. package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +1 -0
  13. package/dist/esm/molecules/Calendar/CalendarMolecule.stories.d.ts +3 -0
  14. package/dist/esm/molecules/Visit/VisitMolecule.d.ts +41 -0
  15. package/dist/esm/molecules/Visit/VisitMolecule.js +2 -0
  16. package/dist/esm/molecules/Visit/VisitMolecule.js.map +1 -0
  17. package/dist/esm/node_modules/@fullcalendar/core/index.js +2 -0
  18. package/dist/esm/node_modules/@fullcalendar/core/index.js.map +1 -0
  19. package/dist/esm/node_modules/@fullcalendar/core/internal-common.js +2 -0
  20. package/dist/esm/node_modules/@fullcalendar/core/internal-common.js.map +1 -0
  21. package/dist/esm/node_modules/@fullcalendar/daygrid/index.js +2 -0
  22. package/dist/esm/node_modules/@fullcalendar/daygrid/index.js.map +1 -0
  23. package/dist/esm/node_modules/@fullcalendar/daygrid/internal.js +2 -0
  24. package/dist/esm/node_modules/@fullcalendar/daygrid/internal.js.map +1 -0
  25. package/dist/esm/node_modules/@fullcalendar/interaction/index.js +2 -0
  26. package/dist/esm/node_modules/@fullcalendar/interaction/index.js.map +1 -0
  27. package/dist/esm/node_modules/@fullcalendar/list/index.js +2 -0
  28. package/dist/esm/node_modules/@fullcalendar/list/index.js.map +1 -0
  29. package/dist/esm/node_modules/@fullcalendar/list/internal.js +2 -0
  30. package/dist/esm/node_modules/@fullcalendar/list/internal.js.map +1 -0
  31. package/dist/esm/node_modules/@fullcalendar/premium-common/index.js +2 -0
  32. package/dist/esm/node_modules/@fullcalendar/premium-common/index.js.map +1 -0
  33. package/dist/esm/node_modules/@fullcalendar/react/dist/index.js +2 -0
  34. package/dist/esm/node_modules/@fullcalendar/react/dist/index.js.map +1 -0
  35. package/dist/esm/node_modules/@fullcalendar/resource/index.js +2 -0
  36. package/dist/esm/node_modules/@fullcalendar/resource/index.js.map +1 -0
  37. package/dist/esm/node_modules/@fullcalendar/resource/internal-common.js +2 -0
  38. package/dist/esm/node_modules/@fullcalendar/resource/internal-common.js.map +1 -0
  39. package/dist/esm/node_modules/@fullcalendar/resource-daygrid/internal.js +2 -0
  40. package/dist/esm/node_modules/@fullcalendar/resource-daygrid/internal.js.map +1 -0
  41. package/dist/esm/node_modules/@fullcalendar/resource-timegrid/index.js +2 -0
  42. package/dist/esm/node_modules/@fullcalendar/resource-timegrid/index.js.map +1 -0
  43. package/dist/esm/node_modules/@fullcalendar/resource-timegrid/internal.js +2 -0
  44. package/dist/esm/node_modules/@fullcalendar/resource-timegrid/internal.js.map +1 -0
  45. package/dist/esm/node_modules/@fullcalendar/resource-timeline/index.js +2 -0
  46. package/dist/esm/node_modules/@fullcalendar/resource-timeline/index.js.map +1 -0
  47. package/dist/esm/node_modules/@fullcalendar/resource-timeline/internal.js +2 -0
  48. package/dist/esm/node_modules/@fullcalendar/resource-timeline/internal.js.map +1 -0
  49. package/dist/esm/node_modules/@fullcalendar/scrollgrid/internal.js +2 -0
  50. package/dist/esm/node_modules/@fullcalendar/scrollgrid/internal.js.map +1 -0
  51. package/dist/esm/node_modules/@fullcalendar/timegrid/index.js +2 -0
  52. package/dist/esm/node_modules/@fullcalendar/timegrid/index.js.map +1 -0
  53. package/dist/esm/node_modules/@fullcalendar/timegrid/internal.js +2 -0
  54. package/dist/esm/node_modules/@fullcalendar/timegrid/internal.js.map +1 -0
  55. package/dist/esm/node_modules/@fullcalendar/timeline/index.js +2 -0
  56. package/dist/esm/node_modules/@fullcalendar/timeline/index.js.map +1 -0
  57. package/dist/esm/node_modules/@fullcalendar/timeline/internal.js +2 -0
  58. package/dist/esm/node_modules/@fullcalendar/timeline/internal.js.map +1 -0
  59. package/dist/esm/node_modules/preact/compat/dist/compat.mjs.js +2 -0
  60. package/dist/esm/node_modules/preact/compat/dist/compat.mjs.js.map +1 -0
  61. package/dist/esm/node_modules/preact/dist/preact.mjs.js +2 -0
  62. package/dist/esm/node_modules/preact/dist/preact.mjs.js.map +1 -0
  63. package/dist/esm/node_modules/preact/hooks/dist/hooks.mjs.js +2 -0
  64. package/dist/esm/node_modules/preact/hooks/dist/hooks.mjs.js.map +1 -0
  65. package/dist/index.d.ts +105 -10
  66. package/package.json +11 -1
@@ -0,0 +1,54 @@
1
+ import React from 'react';
2
+ import { EventInput, ThemeSystem } from '@fullcalendar/react';
3
+ import { ConfigurationItemInfo } from 'containers';
4
+ export interface CalendarMoleculeProps {
5
+ /** initial events (will be copied into internal state) */
6
+ events?: EventInput[];
7
+ resources?: any[];
8
+ initialView?: string;
9
+ enableDayGrid?: boolean;
10
+ enableTimeGrid?: boolean;
11
+ enableList?: boolean;
12
+ enableTimeline?: boolean;
13
+ enableResourceTimeline?: boolean;
14
+ slotDuration?: string;
15
+ snapDuration?: string;
16
+ businessHours?: any;
17
+ width?: string | number;
18
+ height?: string | number;
19
+ backgroundColor?: string;
20
+ themeSystem?: ThemeSystem;
21
+ marginLeft?: string;
22
+ marginTop?: string;
23
+ marginRight?: string;
24
+ marginBottom?: string;
25
+ paddingLeft?: string;
26
+ paddingTop?: string;
27
+ paddingRight?: string;
28
+ paddingBottom?: string;
29
+ primaryColor?: string;
30
+ secondaryColor?: string;
31
+ toolbarBg?: string;
32
+ toolbarTextColor?: string;
33
+ buttonBg?: string;
34
+ buttonTextColor?: string;
35
+ buttonHoverBg?: string;
36
+ dayHeaderColor?: string;
37
+ dayHeaderFontWeight?: number | string;
38
+ slotLabelColor?: string;
39
+ slotLabelFontSize?: string | number;
40
+ eventBg?: string;
41
+ eventBorderColor?: string;
42
+ eventTextColor?: string;
43
+ eventHoverBg?: string;
44
+ nowIndicatorColor?: string;
45
+ resourceAreaBg?: string;
46
+ resourceTextColor?: string;
47
+ resourceBorderColor?: string;
48
+ bodyBg?: string;
49
+ resourceAreaWidth?: string | number;
50
+ /** callback whenever a drop creates a new event */
51
+ onEventAdd?: (e: EventInput) => void;
52
+ configurationItemInfo?: ConfigurationItemInfo;
53
+ }
54
+ export declare const CalendarMolecule: React.FC<CalendarMoleculeProps>;
@@ -0,0 +1,3 @@
1
+ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./CalendarMolecule").CalendarMoleculeProps>;
2
+ export default _default;
3
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./CalendarMolecule").CalendarMoleculeProps>;
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import { ConfigurationItemInfo } from 'containers';
3
+ export interface VisitMoleculeProps {
4
+ /** Unique visit identifier (used as event.id) */
5
+ id: string;
6
+ /** Title shown on the card and used as event.title */
7
+ title: string;
8
+ /** Length of the visit, in minutes (used to compute event.end) */
9
+ duration: number;
10
+ /** Optional description rendered under the title */
11
+ description?: string;
12
+ /** If you want to associate this visit with a resource */
13
+ resourceId?: string;
14
+ /** Background color of the card */
15
+ backgroundColor?: string;
16
+ /** Text color for title/description */
17
+ textColor?: string;
18
+ /** Border color around the card */
19
+ borderColor?: string;
20
+ /** Border radius (e.g. '4px') */
21
+ borderRadius?: string;
22
+ marginLeft?: string;
23
+ marginTop?: string;
24
+ marginRight?: string;
25
+ marginBottom?: string;
26
+ paddingLeft?: string;
27
+ paddingTop?: string;
28
+ paddingRight?: string;
29
+ paddingBottom?: string;
30
+ /** Font size for the title (e.g. '14px') */
31
+ fontSize?: string | number;
32
+ /** Font weight for the title (e.g. 400, 600) */
33
+ fontWeight?: string | number;
34
+ /** If false, disables dragging completely */
35
+ draggable?: boolean;
36
+ /** If false, dropping won’t actually create an event */
37
+ createOnDrop?: boolean;
38
+ /** Extra props your designer tool may pass */
39
+ configurationItemInfo?: ConfigurationItemInfo;
40
+ }
41
+ export declare const VisitMolecule: React.FC<VisitMoleculeProps>;
@@ -16,6 +16,8 @@ import { AccordionProps } from '../../molecules/Accordion/Accordion';
16
16
  import { TabsProps } from '../../molecules/Tabs/Tabs';
17
17
  import { MenuProps } from '../../molecules/Menu/Menu';
18
18
  import { AvatarMoleculeProps } from '../../molecules/Avatar/Avatar';
19
+ import { VisitMoleculeProps } from '../../molecules/Visit/VisitMolecule';
20
+ import { CalendarMoleculeProps } from '../../molecules/Calendar/CalendarMolecule';
19
21
  export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
20
22
  export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
21
23
  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 = {
123
125
  pmiObjectId: string | null;
124
126
  };
125
127
  export declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item';
126
- 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';
128
+ 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';
127
129
  /**
128
130
  * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
129
131
  *
@@ -466,21 +468,25 @@ export interface AvatarMoleculeType extends BaseMoleculeType {
466
468
  dataCapture: DataCaptureProperties;
467
469
  };
468
470
  }
469
- export interface CalendarMoleculeType extends BaseMoleculeType {
470
- type: 'calendar';
471
+ export interface VisitMoleculeType extends BaseMoleculeType {
472
+ type: 'visit';
471
473
  config: {
472
- props: AnyObject;
474
+ props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
475
+ };
476
+ properties: {
477
+ dataCapture: DataCaptureProperties;
473
478
  };
474
- properties: AnyObject;
475
479
  }
476
- export interface VisitMoleculeType extends BaseMoleculeType {
477
- type: 'visit';
480
+ export interface CalendarMoleculeType extends BaseMoleculeType {
481
+ type: 'calendar';
478
482
  config: {
479
- props: AnyObject;
483
+ props: Omit<CalendarMoleculeProps, 'configurationItemInfo'>;
484
+ };
485
+ properties: {
486
+ dataCapture: DataCaptureProperties;
480
487
  };
481
- properties: AnyObject;
482
488
  }
483
- 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<{
489
+ 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<{
484
490
  form: UseFormReturn<any>;
485
491
  formData: AnyObject;
486
492
  setFormData: Dispatch<SetStateAction<AnyObject>>;