@zealicsolutions/web-ui 1.0.99-beta.54 → 1.0.99-beta.56

package/dist/index.d.ts

@@ -7,9 +7,9 @@ import { Callback as Callback$1, StylesType, AnyObject as AnyObject$1, StyledTra
 import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
 import { CSSObject, Interpolation, Theme } from '@emotion/react';
+import { BaseButtonProps, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, BasicTextFieldProps as BasicTextFieldProps$1, StepperProps as StepperProps$1, ChecklistProps as ChecklistProps$1, DividerProps as DividerProps$1, LinkProps as LinkProps$1, VideoProps as VideoProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, ChipMoleculeProps as ChipMoleculeProps$1, BadgeMoleculeProps as BadgeMoleculeProps$1, AlertMoleculeProps as AlertMoleculeProps$1, RatingMoleculeProps as RatingMoleculeProps$1, SliderMoleculeProps as SliderMoleculeProps$1, SelectMoleculeProps as SelectMoleculeProps$1, DatePickerMoleculeProps as DatePickerMoleculeProps$1, DateCalendarProps as DateCalendarProps$1, CheckboxProps as CheckboxProps$1, BinaryRadioButtonsProps as BinaryRadioButtonsProps$1, PasswordRuleValidation as PasswordRuleValidation$1, CustomValidationRule as CustomValidationRule$1 } from 'molecules';
 import * as react from 'react';
 import react__default, { PropsWithChildren, FC, MouseEvent, Dispatch, SetStateAction, CSSProperties, ReactNode, InputHTMLAttributes, KeyboardEvent } from 'react';
-import { BaseButtonProps, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, BasicTextFieldProps as BasicTextFieldProps$1, StepperProps as StepperProps$1, ChecklistProps as ChecklistProps$1, DividerProps as DividerProps$1, LinkProps as LinkProps$1, VideoProps as VideoProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, ChipMoleculeProps as ChipMoleculeProps$1, BadgeMoleculeProps as BadgeMoleculeProps$1, AlertMoleculeProps as AlertMoleculeProps$1, RatingMoleculeProps as RatingMoleculeProps$1, SliderMoleculeProps as SliderMoleculeProps$1, SelectMoleculeProps as SelectMoleculeProps$1, DatePickerMoleculeProps as DatePickerMoleculeProps$1, DateCalendarProps as DateCalendarProps$1, CheckboxProps as CheckboxProps$1, BinaryRadioButtonsProps as BinaryRadioButtonsProps$1, PasswordRuleValidation as PasswordRuleValidation$1, CustomValidationRule as CustomValidationRule$1 } from 'molecules';
 import { DataModelFieldFormatCodeTypes as DataModelFieldFormatCodeTypes$1, FormStateType as FormStateType$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ContainerProps as ContainerProps$1, LinkProperties as LinkProperties$1, TextProperties as TextProperties$1, MetadataType as MetadataType$1, ObjectStateProperties as ObjectStateProperties$1, StateProperties as StateProperties$1, Molecule as Molecule$1, ContainerComponentProps as ContainerComponentProps$2, ContainerType as ContainerType$1, MoleculeTypes as MoleculeTypes$1, MoleculeItemTypes as MoleculeItemTypes$2, StateConfigType as StateConfigType$1, ConsentFieldMoleculeType as ConsentFieldMoleculeType$1, PasswordSetupMoleculeType as PasswordSetupMoleculeType$1 } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, FontSizesTypes as FontSizesTypes$1, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
@@ -29,6 +29,7 @@ import { DataGridQuery as DataGridQuery$1, DataGridPage as DataGridPage$1 } from
 import { IconRendererProps as IconRendererProps$1 } from 'molecules/Icon';
 import { DatePickerProps, TimePickerProps } from '@mui/x-date-pickers';
 import { SystemStyleObject, Theme as Theme$1 } from '@mui/system';
+import { CalendarEventType as CalendarEventType$2 } from 'molecules/Calendar/types';
 import * as _tanstack_query_core_build_legacy_hydration_BlEK5ylC from '@tanstack/query-core/build/legacy/hydration-BlEK5ylC';
 import * as _mui_x_data_grid_pro from '@mui/x-data-grid-pro';
 import { GridFilterModel, GridColDef } from '@mui/x-data-grid-pro';
@@ -3138,8 +3139,43 @@ declare const moleculeConfiguratorsMap: Record<string, MoleculeConfiguratorDescr
 
 declare const dataGridConfiguratorDescriptor: {
     readonly component: "DataGridOrganism";
-    readonly version: "1.1.0";
+    readonly version: "1.2.0";
     readonly toolGroups: readonly [{
+        readonly id: "view";
+        readonly tool: "dataGridListConfigurator";
+        readonly titleKey: "config.datagrid.group.view";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "view";
+        readonly defaultView: "listView";
+        readonly toolConfig: {
+            readonly templates: readonly [{
+                readonly id: "custom";
+                readonly labelKey: "config.datagrid.list.template.custom";
+            }, {
+                readonly id: "visitCard";
+                readonly labelKey: "config.datagrid.list.template.visitCard";
+            }, {
+                readonly id: "visitCardCheck";
+                readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+            }, {
+                readonly id: "fourItems";
+                readonly labelKey: "config.datagrid.list.template.fourItems";
+            }, {
+                readonly id: "compact";
+                readonly labelKey: "config.datagrid.list.template.compact";
+            }, {
+                readonly id: "mediaLeft";
+                readonly labelKey: "config.datagrid.list.template.mediaLeft";
+            }, {
+                readonly id: "titleSubtitleMeta";
+                readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+            }, {
+                readonly id: "twoColumn";
+                readonly labelKey: "config.datagrid.list.template.twoColumn";
+            }];
+        };
+    }, {
         readonly id: "columns";
         readonly tool: "dataGridColumns";
         readonly titleKey: "config.datagrid.group.columns";
@@ -3510,8 +3546,32 @@ interface ComponentColumnConfig extends ColumnBaseConfig {
     componentProps?: Record<string, unknown>;
 }
 type ColumnConfig = DataColumnConfig | ComponentColumnConfig;
+type DataGridViewMode = 'table' | 'list' | 'auto';
+interface DataGridListMappingConfig {
+    primaryFieldId?: string;
+    secondaryFieldId?: string;
+    metaFieldIds?: string[];
+    trailingComponentIds?: string[];
+}
+interface DataGridListLayoutConfig {
+    templateColumns?: string;
+    gap?: number;
+    verticalGap?: number;
+}
+interface DataGridListA11yConfig {
+    primarySlot?: string;
+}
+interface DataGridListConfig {
+    mapping?: DataGridListMappingConfig;
+    layout?: DataGridListLayoutConfig;
+    a11y?: DataGridListA11yConfig;
+}
 interface DataGridOrganismConfig {
     columns: ColumnConfig[];
+    /** Optional view mode for the grid: table (default), list, or auto (responsive) */
+    view?: DataGridViewMode;
+    /** Optional list configuration used when view is set to 'list' */
+    list?: DataGridListConfig;
     toolbar?: {
         search?: boolean;
         exportCsv?: boolean;
@@ -3853,6 +3913,540 @@ type StatusChipCellProps = {
 };
 declare const StatusChipCell: FC<StatusChipCellProps>;
 
+type FieldMappingValue$1 = string | {
+    template: string;
+    tokens: Record<string, string>;
+} | {
+    const: unknown;
+};
+type CalendarDataGridEventBindings = {
+    id?: FieldMappingValue$1;
+    title?: FieldMappingValue$1;
+    startDate?: FieldMappingValue$1;
+    endDate?: FieldMappingValue$1;
+    color?: FieldMappingValue$1;
+    status?: FieldMappingValue$1;
+    resourceId?: FieldMappingValue$1;
+    resourceName?: FieldMappingValue$1;
+    meta?: Record<string, FieldMappingValue$1>;
+};
+type CalendarDataGridResourceBindings = {
+    id?: FieldMappingValue$1;
+    name?: FieldMappingValue$1;
+    accentClass?: FieldMappingValue$1;
+    color?: FieldMappingValue$1;
+    meta?: Record<string, FieldMappingValue$1>;
+};
+type CalendarDataGridDataRetrievalConfig = {
+    bindings?: {
+        event?: CalendarDataGridEventBindings;
+        resource?: CalendarDataGridResourceBindings;
+    };
+};
+type TimelineConfig = {
+    startDate: string;
+    endDate: string;
+    granularity?: 'day';
+    groupByMonth?: boolean;
+    dayColumnWidth?: number;
+};
+type CalendarDataGridDisplayConfig = {
+    timeline: TimelineConfig;
+};
+type CalendarDataGridToolbarConfig = {
+    search?: boolean;
+    exportCsv?: boolean;
+    densityToggle?: boolean;
+    densityDefault?: 'compact' | 'comfortable';
+    quickFilters?: Array<{
+        label: string;
+        columnField: string;
+        value: string;
+        color?: string;
+    }>;
+    searchControl?: {
+        placeholder?: string;
+        autoFocus?: boolean;
+        borderRadius?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+    };
+};
+interface CalendarDataGridOrganismProps {
+    organism: OrganismDTO & {
+        config: {
+            display?: CalendarDataGridDisplayConfig;
+            toolbar?: CalendarDataGridToolbarConfig;
+            props?: Record<string, unknown>;
+            dataRetrievalConfig: CalendarDataGridDataRetrievalConfig;
+        };
+    };
+    onAction?: (payload: {
+        action: any;
+        row: Record<string, unknown>;
+    }) => void;
+    emptyState?: React.ReactNode;
+    errorState?: (error: Error) => React.ReactNode;
+}
+interface CalendarDataGridQuery {
+    page: number;
+    pageSize: number;
+    search?: string;
+    quickFilters?: Record<string, string | string[]>;
+    start: Date;
+    end: Date;
+}
+interface CalendarDataGridData {
+    events: CalendarEventType$2[];
+    resources: Array<{
+        id: string;
+        name: string;
+        [key: string]: unknown;
+    }>;
+}
+
+declare const CalendarDataGridOrganism: react__default.NamedExoticComponent<CalendarDataGridOrganismProps>;
+
+declare const calendarDataGridConfiguratorDescriptor: {
+    readonly component: "CalendarDataGridOrganism";
+    readonly version: "1.0.0";
+    readonly toolGroups: readonly [{
+        readonly id: "eventBindings";
+        readonly tool: "calendarDataRetrieval";
+        readonly titleKey: "config.calendar.group.eventBindings";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "dataRetrievalConfig.bindings.event";
+        readonly toolConfig: {
+            readonly targets: readonly [{
+                readonly captureName: "id";
+                readonly labelKey: "config.calendar.bindings.event.id";
+            }, {
+                readonly captureName: "title";
+                readonly labelKey: "config.calendar.bindings.event.title";
+            }, {
+                readonly captureName: "description";
+                readonly labelKey: "config.calendar.bindings.event.description";
+            }, {
+                readonly captureName: "startDate";
+                readonly labelKey: "config.calendar.bindings.event.startDate";
+            }, {
+                readonly captureName: "endDate";
+                readonly labelKey: "config.calendar.bindings.event.endDate";
+            }, {
+                readonly captureName: "startTime";
+                readonly labelKey: "config.calendar.bindings.event.startTime";
+            }, {
+                readonly captureName: "endTime";
+                readonly labelKey: "config.calendar.bindings.event.endTime";
+            }, {
+                readonly captureName: "status";
+                readonly labelKey: "config.calendar.bindings.event.status";
+            }, {
+                readonly captureName: "eventType";
+                readonly labelKey: "config.calendar.bindings.event.eventType";
+            }, {
+                readonly captureName: "resourceId";
+                readonly labelKey: "config.calendar.bindings.event.resourceId";
+            }, {
+                readonly captureName: "resourceName";
+                readonly labelKey: "config.calendar.bindings.event.resourceName";
+            }, {
+                readonly captureName: "visibility";
+                readonly labelKey: "config.calendar.bindings.event.visibility";
+            }, {
+                readonly captureName: "color";
+                readonly labelKey: "config.calendar.bindings.event.color";
+            }, {
+                readonly captureName: "isRepeating";
+                readonly labelKey: "config.calendar.bindings.event.isRepeating";
+            }, {
+                readonly captureName: "isRepeatingInterval";
+                readonly labelKey: "config.calendar.bindings.event.isRepeatingInterval";
+            }, {
+                readonly captureName: "isRepeatingExcludedDates";
+                readonly labelKey: "config.calendar.bindings.event.isRepeatingExcludedDates";
+            }, {
+                readonly captureName: "associatedEntityType";
+                readonly labelKey: "config.calendar.bindings.event.associatedEntityType";
+            }, {
+                readonly captureName: "associatedEntityId";
+                readonly labelKey: "config.calendar.bindings.event.associatedEntityId";
+            }, {
+                readonly captureName: "conferencingLink";
+                readonly labelKey: "config.calendar.bindings.event.conferencingLink";
+            }, {
+                readonly captureName: "meta[$index].token";
+                readonly labelKey: "config.calendar.bindings.event.meta.token";
+            }, {
+                readonly captureName: "meta[$index].dataFieldId";
+                readonly labelKey: "config.calendar.bindings.event.meta.fieldId";
+            }];
+        };
+    }, {
+        readonly id: "resourceBindings";
+        readonly tool: "calendarDataRetrieval";
+        readonly titleKey: "config.calendar.group.resourceBindings";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "dataRetrievalConfig.bindings.resource";
+        readonly toolConfig: {
+            readonly targets: readonly [{
+                readonly captureName: "id";
+                readonly labelKey: "config.calendar.bindings.resource.id";
+            }, {
+                readonly captureName: "name";
+                readonly labelKey: "config.calendar.bindings.resource.name";
+            }, {
+                readonly captureName: "accentClass";
+                readonly labelKey: "config.calendar.bindings.resource.accentClass";
+            }, {
+                readonly captureName: "color";
+                readonly labelKey: "config.calendar.bindings.resource.color";
+            }, {
+                readonly captureName: "meta[$index].token";
+                readonly labelKey: "config.calendar.bindings.resource.meta.token";
+            }, {
+                readonly captureName: "meta[$index].dataFieldId";
+                readonly labelKey: "config.calendar.bindings.resource.meta.fieldId";
+            }];
+        };
+    }, {
+        readonly id: "timeline";
+        readonly tool: "custom";
+        readonly titleKey: "config.calendarDataGrid.group.timeline";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "display.timeline";
+        readonly fields: readonly [{
+            readonly type: "text";
+            readonly captureName: "startDate";
+            readonly labelKey: "config.calendarDataGrid.timeline.startDate";
+        }, {
+            readonly type: "text";
+            readonly captureName: "endDate";
+            readonly labelKey: "config.calendarDataGrid.timeline.endDate";
+        }, {
+            readonly type: "number";
+            readonly captureName: "dayColumnWidth";
+            readonly labelKey: "config.calendarDataGrid.timeline.dayWidth";
+            readonly defaultValue: 40;
+        }, {
+            readonly type: "switch";
+            readonly captureName: "groupByMonth";
+            readonly labelKey: "config.calendarDataGrid.timeline.groupByMonth";
+            readonly defaultValue: true;
+        }];
+    }, {
+        readonly id: "toolbar";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.toolbar";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "toolbar";
+        readonly fields: readonly [{
+            readonly type: "select";
+            readonly captureName: "densityDefault";
+            readonly labelKey: "config.datagrid.toolbar.densityDefault";
+            readonly defaultValue: "comfortable";
+            readonly options: readonly [{
+                readonly id: "compact";
+                readonly labelKey: "config.datagrid.toolbar.view.compact";
+            }, {
+                readonly id: "comfortable";
+                readonly labelKey: "config.datagrid.toolbar.view.comfortable";
+            }];
+        }, {
+            readonly type: "switch";
+            readonly captureName: "densityToggle";
+            readonly labelKey: "config.datagrid.toolbar.densityToggle";
+            readonly defaultValue: true;
+        }, {
+            readonly type: "switch";
+            readonly captureName: "search";
+            readonly labelKey: "config.datagrid.toolbar.search";
+            readonly defaultValue: true;
+        }, {
+            readonly type: "switch";
+            readonly captureName: "exportCsv";
+            readonly labelKey: "config.datagrid.toolbar.exportCsv";
+            readonly defaultValue: true;
+        }];
+    }, {
+        readonly id: "controlsLayout";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.controlsLayout";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.toolbarContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "number";
+            readonly captureName: "controlHeight";
+            readonly labelKey: "config.datagrid.controls.height";
+            readonly defaultValue: 44;
+        }, {
+            readonly type: "number";
+            readonly captureName: "searchWidth";
+            readonly labelKey: "config.datagrid.controls.searchWidth";
+            readonly defaultValue: 360;
+        }, {
+            readonly type: "number";
+            readonly captureName: "columnGap";
+            readonly labelKey: "config.datagrid.controls.columnGap";
+            readonly defaultValue: 1;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginTop";
+            readonly labelKey: "config.datagrid.controls.marginTop";
+            readonly defaultValue: 1;
+        }];
+    }, {
+        readonly id: "wrapperStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.wrapperStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.dataGridWrapper.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.wrapper.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.wrapper.borderColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.wrapper.borderRadius";
+            readonly defaultValue: 8;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingX";
+            readonly labelKey: "config.datagrid.wrapper.paddingX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingY";
+            readonly labelKey: "config.datagrid.wrapper.paddingY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "elevation";
+            readonly labelKey: "config.datagrid.wrapper.elevation";
+            readonly defaultValue: 0;
+        }];
+    }, {
+        readonly id: "toolbarStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.toolbarStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.toolbarContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.toolbarStyles.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.toolbarStyles.borderColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.toolbarStyles.borderRadius";
+            readonly defaultValue: 8;
+        }, {
+            readonly type: "number";
+            readonly captureName: "gap";
+            readonly labelKey: "config.datagrid.toolbarStyles.gap";
+            readonly defaultValue: 1.5;
+        }];
+    }, {
+        readonly id: "quickFilters";
+        readonly tool: "dataGridQuickFilters";
+        readonly titleKey: "config.datagrid.group.quickFilters";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "toolbar.quickFilters";
+        readonly toolConfig: {
+            readonly columnsDependencyPath: "dataRetrievalConfig.columns";
+            readonly fields: readonly [{
+                readonly type: "text";
+                readonly captureName: "label";
+                readonly labelKey: "config.datagrid.quickFilters.label";
+            }, {
+                readonly type: "text";
+                readonly captureName: "columnField";
+                readonly labelKey: "config.datagrid.quickFilters.columnField";
+            }, {
+                readonly type: "text";
+                readonly captureName: "value";
+                readonly labelKey: "config.datagrid.quickFilters.value";
+            }, {
+                readonly type: "color";
+                readonly captureName: "color";
+                readonly labelKey: "config.datagrid.quickFilters.color";
+            }];
+        };
+    }, {
+        readonly id: "quickFiltersStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.quickFiltersStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.quickFiltersGroup.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "chipBackgroundColor";
+            readonly labelKey: "config.datagrid.quickFilters.chipBackground";
+        }, {
+            readonly type: "color";
+            readonly captureName: "chipTextColor";
+            readonly labelKey: "config.datagrid.quickFilters.chipText";
+        }, {
+            readonly type: "color";
+            readonly captureName: "chipBorderColor";
+            readonly labelKey: "config.datagrid.quickFilters.chipBorder";
+        }, {
+            readonly type: "number";
+            readonly captureName: "chipBorderRadius";
+            readonly labelKey: "config.datagrid.quickFilters.chipBorderRadius";
+            readonly defaultValue: 10;
+        }, {
+            readonly type: "number";
+            readonly captureName: "chipGap";
+            readonly labelKey: "config.datagrid.quickFilters.chipGap";
+            readonly defaultValue: 8;
+        }, {
+            readonly type: "color";
+            readonly captureName: "selectedChipColor";
+            readonly labelKey: "config.datagrid.quickFilters.selectedChipColor";
+        }];
+    }, {
+        readonly id: "searchControl";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.searchControl";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "toolbar.searchControl";
+        readonly fields: readonly [{
+            readonly type: "text";
+            readonly captureName: "placeholder";
+            readonly labelKey: "config.datagrid.search.placeholder";
+            readonly defaultValue: "Search";
+        }, {
+            readonly type: "switch";
+            readonly captureName: "autoFocus";
+            readonly labelKey: "config.datagrid.search.autoFocus";
+            readonly defaultValue: false;
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.search.borderRadius";
+            readonly defaultValue: 2;
+        }, {
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.search.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.search.borderColor";
+        }];
+    }, {
+        readonly id: "densityToggleStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.densityToggleStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.densityToggleContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.density.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "selectedBackgroundColor";
+            readonly labelKey: "config.datagrid.density.selectedBackground";
+        }, {
+            readonly type: "color";
+            readonly captureName: "selectedTextColor";
+            readonly labelKey: "config.datagrid.density.selectedTextColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.density.borderRadius";
+            readonly defaultValue: 10;
+        }];
+    }, {
+        readonly id: "exportButtonStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.exportButtonStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.exportButton.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.export.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.export.borderColor";
+        }, {
+            readonly type: "color";
+            readonly captureName: "iconColor";
+            readonly labelKey: "config.datagrid.export.iconColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.export.borderRadius";
+            readonly defaultValue: 8;
+        }];
+    }, {
+        readonly id: "styles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.styles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.dataGrid.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.styles.background";
+            readonly defaultValue: "#FFFFFF";
+        }];
+    }];
+};
+
+declare const useCalendarDataGridData: (organismId: string, start?: Date, end?: Date) => {
+    events: {
+        title: string;
+        color: string;
+        startDate: Date;
+        endDate: Date;
+        startTime: string;
+        endTime: string;
+        isRepeating: boolean;
+        id?: string | undefined;
+        visibility?: "public" | "private" | undefined;
+        description?: string | undefined;
+        isRepeatingInterval?: "daily" | "weekly" | "monthly" | undefined;
+        isRepeatingExcludedDates?: Date[] | undefined;
+        resourceId?: string | undefined;
+        eventType?: string | undefined;
+    }[];
+    resources: {
+        [key: string]: unknown;
+        id: string;
+        name: string;
+    }[];
+    isLoading: boolean;
+    error: Error | null;
+    refetch: (options?: _tanstack_query_core_build_legacy_hydration_BlEK5ylC.al | undefined) => Promise<_tanstack_query_core_build_legacy_hydration_BlEK5ylC.aC<CalendarDataGridData, Error>>;
+};
+
 type ColorToken = 'blue' | 'green' | 'yellow' | 'purple' | 'red';
 type StatusToken = 'tentative' | 'confirmed' | 'completed' | 'cancelled';
 type DesignerOverlayIndicatorConfig = {
@@ -3997,6 +4591,7 @@ type Params = {
 declare const useDataGridOrganism: (params: Params) => {
     organismId: string;
     configuration: DataGridOrganismConfig;
+    usingLegacyListConfig: boolean;
     rows: Record<string, unknown>[];
     total: number;
     isLoading: boolean;
@@ -4015,6 +4610,8 @@ declare const useDataGridOrganism: (params: Params) => {
     columnsKey: string;
     apiRef: react.MutableRefObject<_mui_x_data_grid_pro.GridApiPro | null>;
     columns: GridColDef<any, any, any>[];
+    listViewColumn: _mui_x_data_grid_pro.GridListViewColDef<any, any, any>;
+    resolvedView: "table" | "list";
     setPage: react.Dispatch<react.SetStateAction<number>>;
     setPageSize: react.Dispatch<react.SetStateAction<number>>;
     setSearch: react.Dispatch<react.SetStateAction<string>>;
@@ -4373,7 +4970,7 @@ declare const calendarConfiguratorDescriptor: {
     }];
 };
 
-type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor;
+type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor | typeof calendarDataGridConfiguratorDescriptor;
 declare const organismConfiguratorsMap: Record<string, OrganismConfiguratorDescriptor>;
 
 declare const defaultTheme: Theme;
@@ -4406,4 +5003,4 @@ declare const toastStyles: _emotion_react.SerializedStyles;
 
 declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
 
-export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionButtonCell, ActionButtonStyle, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, ArrayField, AvatarMoleculeType, AvatarTextCell, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseActionConfig, BaseField, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BinaryRadioButtons, BinaryRadioButtonsMoleculeType, BinaryRadioButtonsProps, BooleanIconCell, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarEventType, CalendarMoleculeType, CalendarOrganism, CalendarOrganismProps, CellRendererRegistry, Checkbox, CheckboxMoleculeType, CheckboxProps, Checklist, ChecklistItem, ChecklistItemType, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ColumnActionConfig, ColumnBaseConfig, ColumnConfig, ColumnKind, ComponentColumnConfig, CompositeField, CompositeTarget, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigGroup, ConfigurationItem, ConfigurationItemInfo, ConfiguratorDescriptor, ConsentFieldMoleculeType, ConsentMolecule, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerConfiguratorDescriptor, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, ContentWrapper, ContentWrapperProps, CountValidationTypes, CriteriaType, CurrencyCell, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataColumnConfig, DataConnectionValues, DataGridConfiguratorModel, DataGridOrganism, DataGridOrganismConfig, DataGridOrganismHostProps, DataGridOrganismProps, DataGridPage, DataGridQuery, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DateCalendar, DateCalendarMoleculeProps, DateCalendarMoleculeType, DateCalendarProps, DateCell, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DateProperties, DefaultTextCell, Divider, DividerItemType, DividerMoleculeType, DividerProps, DownloadFile, Drawer, DrawerMoleculeType, DrawerState, EmailInputFieldMoleculeType, EmailLinkCell, ErrorText, EventCalendarConfigType, Field, FieldType, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, GridSpan, HeaderTabs, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, LayoutContext, LayoutContextType, LayoutProvider, LayoutProviderProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, LucideIconName, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeConfiguratorDescriptor, MoleculeItemConfiguratorDescriptor, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismConfiguratorDescriptor, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneLinkCell, PhoneNumberInputFieldMoleculeType, PopupPropsType, PredefinedActionsConfig, PrimitiveField, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingCell, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RendererName, RichTextEditorProps, RichTextItemType, RichTextViewer, RuntimeApiResponseDTO, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption$1 as SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, SpeedDial, SpeedDialActionItemProps, SpeedDialActionItemType, SpeedDialItem, SpeedDialItemType, SpeedDialMoleculeType, SpeedDialProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, StatusChipCell, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextItemType, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, TimePickerMolecule, TimePickerMoleculeProps, TimePickerMoleculeType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, UnionField, UnionVariant, ValidationRules, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeProps, VisitMoleculeType, WhenCondition, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, calendarConfiguratorDescriptor, containerConfiguratorsMap, dataGridConfiguratorDescriptor, defaultTheme, moleculeConfiguratorsMap, moleculeItemConfiguratorsMap, organismConfiguratorsMap, passwordValidationMapper, richTextDefaultValue, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useDataGridOrganism, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };
+export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionButtonCell, ActionButtonStyle, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, ArrayField, AvatarMoleculeType, AvatarTextCell, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseActionConfig, BaseField, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BinaryRadioButtons, BinaryRadioButtonsMoleculeType, BinaryRadioButtonsProps, BooleanIconCell, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarDataGridData, CalendarDataGridDataRetrievalConfig, CalendarDataGridDisplayConfig, CalendarDataGridEventBindings, CalendarDataGridOrganism, CalendarDataGridOrganismProps, CalendarDataGridQuery, CalendarDataGridResourceBindings, CalendarDataGridToolbarConfig, CalendarEventType, CalendarMoleculeType, CalendarOrganism, CalendarOrganismProps, CellRendererRegistry, Checkbox, CheckboxMoleculeType, CheckboxProps, Checklist, ChecklistItem, ChecklistItemType, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ColumnActionConfig, ColumnBaseConfig, ColumnConfig, ColumnKind, ComponentColumnConfig, CompositeField, CompositeTarget, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigGroup, ConfigurationItem, ConfigurationItemInfo, ConfiguratorDescriptor, ConsentFieldMoleculeType, ConsentMolecule, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerConfiguratorDescriptor, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, ContentWrapper, ContentWrapperProps, CountValidationTypes, CriteriaType, CurrencyCell, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataColumnConfig, DataConnectionValues, DataGridConfiguratorModel, DataGridListA11yConfig, DataGridListConfig, DataGridListLayoutConfig, DataGridListMappingConfig, DataGridOrganism, DataGridOrganismConfig, DataGridOrganismHostProps, DataGridOrganismProps, DataGridPage, DataGridQuery, DataGridViewMode, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DateCalendar, DateCalendarMoleculeProps, DateCalendarMoleculeType, DateCalendarProps, DateCell, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DateProperties, DefaultTextCell, Divider, DividerItemType, DividerMoleculeType, DividerProps, DownloadFile, Drawer, DrawerMoleculeType, DrawerState, EmailInputFieldMoleculeType, EmailLinkCell, ErrorText, EventCalendarConfigType, Field, FieldMappingValue$1 as FieldMappingValue, FieldType, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, GridSpan, HeaderTabs, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, LayoutContext, LayoutContextType, LayoutProvider, LayoutProviderProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, LucideIconName, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeConfiguratorDescriptor, MoleculeItemConfiguratorDescriptor, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismConfiguratorDescriptor, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneLinkCell, PhoneNumberInputFieldMoleculeType, PopupPropsType, PredefinedActionsConfig, PrimitiveField, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingCell, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RendererName, RichTextEditorProps, RichTextItemType, RichTextViewer, RuntimeApiResponseDTO, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption$1 as SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, SpeedDial, SpeedDialActionItemProps, SpeedDialActionItemType, SpeedDialItem, SpeedDialItemType, SpeedDialMoleculeType, SpeedDialProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, StatusChipCell, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextItemType, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, TimePickerMolecule, TimePickerMoleculeProps, TimePickerMoleculeType, TimelineConfig, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, UnionField, UnionVariant, ValidationRules, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeProps, VisitMoleculeType, WhenCondition, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, calendarConfiguratorDescriptor, calendarDataGridConfiguratorDescriptor, containerConfiguratorsMap, dataGridConfiguratorDescriptor, defaultTheme, moleculeConfiguratorsMap, moleculeItemConfiguratorsMap, organismConfiguratorsMap, passwordValidationMapper, richTextDefaultValue, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useCalendarDataGridData, useDataGridOrganism, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };