@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.
- package/dist/cjs/containers/types/moleculeTypes.d.ts +16 -10
- package/dist/cjs/index.js +1577 -1577
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +54 -0
- package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts +3 -0
- package/dist/cjs/molecules/Visit/VisitMolecule.d.ts +41 -0
- package/dist/esm/containers/types/moleculeTypes.d.ts +16 -10
- package/dist/esm/molecules/BaseMolecule.js +1 -1
- package/dist/esm/molecules/BaseMolecule.js.map +1 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +54 -0
- package/dist/esm/molecules/Calendar/CalendarMolecule.js +2 -0
- package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +1 -0
- package/dist/esm/molecules/Calendar/CalendarMolecule.stories.d.ts +3 -0
- package/dist/esm/molecules/Visit/VisitMolecule.d.ts +41 -0
- package/dist/esm/molecules/Visit/VisitMolecule.js +2 -0
- package/dist/esm/molecules/Visit/VisitMolecule.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/core/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/core/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/core/internal-common.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/core/internal-common.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/daygrid/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/daygrid/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/daygrid/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/daygrid/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/interaction/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/interaction/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/list/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/list/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/list/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/list/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/premium-common/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/premium-common/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/react/dist/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/react/dist/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource/internal-common.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource/internal-common.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource-daygrid/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource-daygrid/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timegrid/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timegrid/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timegrid/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timegrid/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timeline/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timeline/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timeline/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/resource-timeline/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/scrollgrid/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/scrollgrid/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/timegrid/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/timegrid/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/timegrid/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/timegrid/internal.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/timeline/index.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/timeline/index.js.map +1 -0
- package/dist/esm/node_modules/@fullcalendar/timeline/internal.js +2 -0
- package/dist/esm/node_modules/@fullcalendar/timeline/internal.js.map +1 -0
- package/dist/esm/node_modules/preact/compat/dist/compat.mjs.js +2 -0
- package/dist/esm/node_modules/preact/compat/dist/compat.mjs.js.map +1 -0
- package/dist/esm/node_modules/preact/dist/preact.mjs.js +2 -0
- package/dist/esm/node_modules/preact/dist/preact.mjs.js.map +1 -0
- package/dist/esm/node_modules/preact/hooks/dist/hooks.mjs.js +2 -0
- package/dist/esm/node_modules/preact/hooks/dist/hooks.mjs.js.map +1 -0
- package/dist/index.d.ts +105 -10
- 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' | '
|
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
|
470
|
-
type: '
|
471
|
+
export interface VisitMoleculeType extends BaseMoleculeType {
|
472
|
+
type: 'visit';
|
471
473
|
config: {
|
472
|
-
props:
|
474
|
+
props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
|
475
|
+
};
|
476
|
+
properties: {
|
477
|
+
dataCapture: DataCaptureProperties;
|
473
478
|
};
|
474
|
-
properties: AnyObject;
|
475
479
|
}
|
476
|
-
export interface
|
477
|
-
type: '
|
480
|
+
export interface CalendarMoleculeType extends BaseMoleculeType {
|
481
|
+
type: 'calendar';
|
478
482
|
config: {
|
479
|
-
props:
|
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 |
|
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>>;
|