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

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export * from 'helpers/constants';
+export { FieldMappingValue } from 'helpers/constants';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
 import { IconNames as IconNames$1, TouchableOpacityProps as TouchableOpacityProps$1 } from 'components';
@@ -29,6 +30,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 +3140,15 @@ 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: "dataGrid";
+    }, {
         readonly id: "columns";
         readonly tool: "dataGridColumns";
         readonly titleKey: "config.datagrid.group.columns";
@@ -3510,8 +3519,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,176 +3886,1309 @@ type StatusChipCellProps = {
 };
 declare const StatusChipCell: FC<StatusChipCellProps>;
 
-type ColorToken = 'blue' | 'green' | 'yellow' | 'purple' | 'red';
-type StatusToken = 'tentative' | 'confirmed' | 'completed' | 'cancelled';
-type DesignerOverlayIndicatorConfig = {
-    maxPerCell?: number;
-    icons?: Record<string, {
-        iconName?: string;
-        className?: string;
-        priority?: number;
-        showCountBadge?: boolean;
-    }>;
-    statusClasses?: {
-        ok?: string;
-        info?: string;
-        warning?: string;
-        danger?: string;
-    };
-    showLegend?: boolean;
-};
-type CalendarOrganismConfiguration = {
-    display: {
-        defaultView: 'day' | 'week' | 'month' | 'year';
-        use24HourFormatByDefault?: boolean;
-        colorMap: Array<{
-            status: StatusToken;
-            color: ColorToken;
-        }>;
-        overlayIndicators?: DesignerOverlayIndicatorConfig;
-    };
-};
-type CalendarQuery = {
-    rangeStart: string;
-    rangeEnd: string;
-    timezone?: string;
-    filters?: Record<string, unknown>;
-};
-type CalendarPage = {
-    events: CalendarEventType[];
-    resources?: Array<Record<string, unknown>>;
-    overlays?: Array<Record<string, unknown>>;
-};
-type FieldMappingValue = string | {
+type FieldMappingValue$2 = string | {
     template: string;
     tokens: Record<string, string>;
 } | {
-    const: any;
+    const: unknown;
 };
-interface EventBindings {
-    id?: FieldMappingValue;
-    title?: FieldMappingValue;
-    startDate?: FieldMappingValue;
-    endDate?: FieldMappingValue;
-    startTime?: FieldMappingValue;
-    endTime?: FieldMappingValue;
-    description?: FieldMappingValue;
-    color?: FieldMappingValue;
-    isRepeating?: FieldMappingValue;
-    isRepeatingInterval?: FieldMappingValue;
-    isRepeatingExcludedDates?: FieldMappingValue;
-    status?: FieldMappingValue;
-    eventType?: FieldMappingValue;
-    resourceId?: FieldMappingValue;
-    resourceName?: FieldMappingValue;
-    associatedEntityType?: FieldMappingValue;
-    associatedEntityId?: FieldMappingValue;
-    meta?: Record<string, FieldMappingValue>;
-}
-interface ResourceBindings {
-    id?: FieldMappingValue;
-    name?: FieldMappingValue;
-    accentClass?: FieldMappingValue;
-    color?: FieldMappingValue;
-    meta?: Record<string, FieldMappingValue>;
-}
-interface Bindings {
-    event?: EventBindings;
-    resource?: ResourceBindings;
-}
-interface ModalField {
-    id: string;
-    label: string;
-    type: 'text' | 'datetime' | 'select' | 'textarea' | 'number';
-    required?: boolean;
-    dataFieldId?: string;
-    remoteOptions?: {
-        queryKey: string;
-        valueField: string;
-        labelField: string;
+type CalendarDataGridEventBindings = {
+    id?: FieldMappingValue$2;
+    title?: FieldMappingValue$2;
+    startDate?: FieldMappingValue$2;
+    endDate?: FieldMappingValue$2;
+    color?: FieldMappingValue$2;
+    status?: FieldMappingValue$2;
+    resourceId?: FieldMappingValue$2;
+    resourceName?: FieldMappingValue$2;
+    meta?: Record<string, FieldMappingValue$2>;
+};
+type CalendarDataGridResourceBindings = {
+    id?: FieldMappingValue$2;
+    name?: FieldMappingValue$2;
+    accentClass?: FieldMappingValue$2;
+    color?: FieldMappingValue$2;
+    meta?: Record<string, FieldMappingValue$2>;
+};
+type CalendarDataGridDataRetrievalConfig = {
+    bindings?: {
+        event?: CalendarDataGridEventBindings;
+        resource?: CalendarDataGridResourceBindings;
     };
-    options?: Array<{
-        value: any;
+};
+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;
     }>;
-    placeholder?: string;
-    validation?: Record<string, any>;
-}
-interface ModalConfig {
-    i18n: {
-        title: string;
-        submitLabel: string;
-        cancelLabel?: string;
-    };
-    fields: ModalField[];
-    layout: {
-        columns: number;
-        order: string[];
+    searchControl?: {
+        placeholder?: string;
+        autoFocus?: boolean;
+        borderRadius?: number;
+        backgroundColor?: string;
+        borderColor?: string;
     };
-}
-interface FormConfig {
-    modal: ModalConfig;
-}
-interface DataRetrievalConfig {
-    bindings: Bindings;
-    form: FormConfig;
-    loadEvents?: (organismId: string, query: CalendarQuery) => Promise<CalendarPage>;
-    onEventCreate?: (event: Omit<CalendarEventType, 'id'>) => Promise<CalendarEventType>;
-    onEventUpdate?: (event: CalendarEventType) => Promise<CalendarEventType>;
-    onEventDelete?: (eventId: string) => Promise<void>;
-}
-interface CalendarOrganismProps {
+};
+interface CalendarDataGridOrganismProps {
     organism: OrganismDTO & {
         config: {
-            dataRetrievalConfig: DataRetrievalConfig;
-            display?: CalendarOrganismConfiguration['display'];
-        };
-    };
-}
-
-declare const CalendarOrganism: react.NamedExoticComponent<CalendarOrganismProps>;
-
-type Params = {
-    organism?: {
-        id?: string;
-        config?: {
-            dataGrid?: DataGridOrganismConfig;
+            display?: CalendarDataGridDisplayConfig;
+            toolbar?: CalendarDataGridToolbarConfig;
+            props?: Record<string, unknown>;
+            dataRetrievalConfig: CalendarDataGridDataRetrievalConfig;
         };
     };
     onAction?: (payload: {
         action: any;
         row: Record<string, unknown>;
     }) => void;
-};
-declare const useDataGridOrganism: (params: Params) => {
-    organismId: string;
-    configuration: DataGridOrganismConfig;
-    rows: Record<string, unknown>[];
-    total: number;
-    isLoading: boolean;
-    error: Error | null;
+    emptyState?: React.ReactNode;
+    errorState?: (error: Error) => React.ReactNode;
+}
+interface CalendarDataGridQuery {
     page: number;
     pageSize: number;
-    search: string;
-    quickFilters: Record<string, string | string[]>;
-    density: "compact" | "comfortable";
-    showSearch: boolean;
-    filterModel: GridFilterModel;
-    densityToggle: boolean;
-    quickFiltersCfg: any;
-    showSearchControl: boolean;
-    showExport: boolean;
-    columnsKey: string;
-    apiRef: react.MutableRefObject<_mui_x_data_grid_pro.GridApiPro | null>;
-    columns: GridColDef<any, any, any>[];
-    setPage: react.Dispatch<react.SetStateAction<number>>;
-    setPageSize: react.Dispatch<react.SetStateAction<number>>;
-    setSearch: react.Dispatch<react.SetStateAction<string>>;
-    setQuickFilter: (columnField: string, value: string) => void;
-    setDensity: react.Dispatch<react.SetStateAction<"compact" | "comfortable">>;
-    setShowSearch: react.Dispatch<react.SetStateAction<boolean>>;
-    refetch: (options?: _tanstack_query_core_build_legacy_hydration_BlEK5ylC.al | undefined) => Promise<_tanstack_query_core_build_legacy_hydration_BlEK5ylC.aC<DataGridPage, Error>>;
-};
+    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 = {
+    maxPerCell?: number;
+    icons?: Record<string, {
+        iconName?: string;
+        className?: string;
+        priority?: number;
+        showCountBadge?: boolean;
+    }>;
+    statusClasses?: {
+        ok?: string;
+        info?: string;
+        warning?: string;
+        danger?: string;
+    };
+    showLegend?: boolean;
+};
+type CalendarOrganismConfiguration = {
+    display: {
+        defaultView: 'day' | 'week' | 'month' | 'year';
+        use24HourFormatByDefault?: boolean;
+        colorMap: Array<{
+            status: StatusToken;
+            color: ColorToken;
+        }>;
+        overlayIndicators?: DesignerOverlayIndicatorConfig;
+    };
+};
+type CalendarQuery = {
+    rangeStart: string;
+    rangeEnd: string;
+    timezone?: string;
+    filters?: Record<string, unknown>;
+};
+type CalendarPage = {
+    events: CalendarEventType[];
+    resources?: Array<Record<string, unknown>>;
+    overlays?: Array<Record<string, unknown>>;
+};
+type FieldMappingValue$1 = string | {
+    template: string;
+    tokens: Record<string, string>;
+} | {
+    const: any;
+};
+interface EventBindings {
+    id?: FieldMappingValue$1;
+    title?: FieldMappingValue$1;
+    startDate?: FieldMappingValue$1;
+    endDate?: FieldMappingValue$1;
+    startTime?: FieldMappingValue$1;
+    endTime?: FieldMappingValue$1;
+    description?: FieldMappingValue$1;
+    color?: FieldMappingValue$1;
+    isRepeating?: FieldMappingValue$1;
+    isRepeatingInterval?: FieldMappingValue$1;
+    isRepeatingExcludedDates?: FieldMappingValue$1;
+    status?: FieldMappingValue$1;
+    eventType?: FieldMappingValue$1;
+    resourceId?: FieldMappingValue$1;
+    resourceName?: FieldMappingValue$1;
+    associatedEntityType?: FieldMappingValue$1;
+    associatedEntityId?: FieldMappingValue$1;
+    meta?: Record<string, FieldMappingValue$1>;
+}
+interface ResourceBindings {
+    id?: FieldMappingValue$1;
+    name?: FieldMappingValue$1;
+    accentClass?: FieldMappingValue$1;
+    color?: FieldMappingValue$1;
+    meta?: Record<string, FieldMappingValue$1>;
+}
+interface Bindings {
+    event?: EventBindings;
+    resource?: ResourceBindings;
+}
+interface ModalField {
+    id: string;
+    label: string;
+    type: 'text' | 'datetime' | 'select' | 'textarea' | 'number';
+    required?: boolean;
+    dataFieldId?: string;
+    remoteOptions?: {
+        queryKey: string;
+        valueField: string;
+        labelField: string;
+    };
+    options?: Array<{
+        value: any;
+        label: string;
+    }>;
+    placeholder?: string;
+    validation?: Record<string, any>;
+}
+interface ModalConfig {
+    i18n: {
+        title: string;
+        submitLabel: string;
+        cancelLabel?: string;
+    };
+    fields: ModalField[];
+    layout: {
+        columns: number;
+        order: string[];
+    };
+}
+interface FormConfig {
+    modal: ModalConfig;
+}
+interface DataRetrievalConfig {
+    bindings: Bindings;
+    form: FormConfig;
+    loadEvents?: (organismId: string, query: CalendarQuery) => Promise<CalendarPage>;
+    onEventCreate?: (event: Omit<CalendarEventType, 'id'>) => Promise<CalendarEventType>;
+    onEventUpdate?: (event: CalendarEventType) => Promise<CalendarEventType>;
+    onEventDelete?: (eventId: string) => Promise<void>;
+}
+interface CalendarOrganismProps {
+    organism: OrganismDTO & {
+        config: {
+            dataRetrievalConfig: DataRetrievalConfig;
+            display?: CalendarOrganismConfiguration['display'];
+        };
+    };
+}
+
+declare const CalendarOrganism: react.NamedExoticComponent<CalendarOrganismProps>;
+
+type Params = {
+    organism?: {
+        id?: string;
+        config?: {
+            dataGrid?: DataGridOrganismConfig;
+        };
+    };
+    onAction?: (payload: {
+        action: any;
+        row: Record<string, unknown>;
+    }) => void;
+};
+declare const useDataGridOrganism: (params: Params) => {
+    organismId: string;
+    configuration: DataGridOrganismConfig;
+    rows: Record<string, unknown>[];
+    total: number;
+    isLoading: boolean;
+    error: Error | null;
+    page: number;
+    pageSize: number;
+    search: string;
+    quickFilters: Record<string, string | string[]>;
+    density: "compact" | "comfortable";
+    showSearch: boolean;
+    filterModel: GridFilterModel;
+    densityToggle: boolean;
+    quickFiltersCfg: any;
+    showSearchControl: boolean;
+    showExport: boolean;
+    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>>;
+    setQuickFilter: (columnField: string, value: string) => void;
+    setDensity: react.Dispatch<react.SetStateAction<"compact" | "comfortable">>;
+    setShowSearch: react.Dispatch<react.SetStateAction<boolean>>;
+    refetch: (options?: _tanstack_query_core_build_legacy_hydration_BlEK5ylC.al | undefined) => Promise<_tanstack_query_core_build_legacy_hydration_BlEK5ylC.aC<DataGridPage, Error>>;
+};
+
+declare const dataGridListConfiguratorDescriptor: {
+    readonly component: "DataGridListOrganism";
+    readonly version: "1.0.0";
+    readonly toolGroups: readonly [{
+        readonly id: "listItemMapping";
+        readonly tool: "custom";
+        readonly titleKey: "config.dataGridList.group.listItemMapping";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "display.listItem";
+        readonly fields: readonly [{
+            readonly type: "text";
+            readonly captureName: "avatarUrl";
+            readonly labelKey: "config.dataGridList.listItem.avatarUrl";
+        }, {
+            readonly type: "text";
+            readonly captureName: "primaryText";
+            readonly labelKey: "config.dataGridList.listItem.primaryText";
+        }, {
+            readonly type: "text";
+            readonly captureName: "secondaryText";
+            readonly labelKey: "config.dataGridList.listItem.secondaryText";
+        }, {
+            readonly type: "array";
+            readonly captureName: "meta[$index]";
+            readonly labelKey: "config.dataGridList.listItem.meta";
+            readonly fields: readonly [{
+                readonly type: "text";
+                readonly captureName: "label";
+                readonly labelKey: "config.common.label";
+            }, {
+                readonly type: "text";
+                readonly captureName: "value";
+                readonly labelKey: "config.common.value";
+            }, {
+                readonly type: "color";
+                readonly captureName: "color";
+                readonly labelKey: "config.common.color";
+            }];
+        }, {
+            readonly type: "composite";
+            readonly captureName: "actions";
+            readonly labelKey: "config.dataGridList.listItem.actions";
+            readonly fields: readonly [{
+                readonly type: "select";
+                readonly captureName: "type";
+                readonly labelKey: "config.common.type";
+                readonly options: readonly [{
+                    readonly id: "predefined";
+                    readonly labelKey: "config.dataGridList.actions.predefined";
+                }, {
+                    readonly id: "single";
+                    readonly labelKey: "config.dataGridList.actions.single";
+                }];
+            }, {
+                readonly type: "composite";
+                readonly captureName: "single";
+                readonly labelKey: "config.dataGridList.actions.single";
+                readonly when: {
+                    readonly path: "actions.type";
+                    readonly equals: "single";
+                };
+                readonly fields: readonly [{
+                    readonly type: "text";
+                    readonly captureName: "tooltip";
+                    readonly labelKey: "config.common.tooltip";
+                }, {
+                    readonly type: "text";
+                    readonly captureName: "icon";
+                    readonly labelKey: "config.common.icon";
+                }, {
+                    readonly type: "select";
+                    readonly captureName: "variant";
+                    readonly labelKey: "config.common.variant";
+                    readonly options: readonly [{
+                        readonly id: "text";
+                        readonly labelKey: "config.common.text";
+                    }, {
+                        readonly id: "outlined";
+                        readonly labelKey: "config.common.outlined";
+                    }, {
+                        readonly id: "contained";
+                        readonly labelKey: "config.common.contained";
+                    }];
+                }];
+            }];
+        }];
+    }, {
+        readonly id: "listLayout";
+        readonly tool: "custom";
+        readonly titleKey: "config.dataGridList.group.listLayout";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "display.layout";
+        readonly fields: readonly [{
+            readonly type: "text";
+            readonly captureName: "templateColumns";
+            readonly labelKey: "config.dataGridList.layout.templateColumns";
+            readonly defaultValue: "auto 1fr auto";
+        }, {
+            readonly type: "number";
+            readonly captureName: "gap";
+            readonly labelKey: "config.common.gap";
+            readonly defaultValue: 12;
+        }, {
+            readonly type: "number";
+            readonly captureName: "leadingSize";
+            readonly labelKey: "config.dataGridList.layout.leadingSize";
+            readonly defaultValue: 36;
+        }, {
+            readonly type: "number";
+            readonly captureName: "verticalGap";
+            readonly labelKey: "config.dataGridList.layout.verticalGap";
+            readonly defaultValue: 4;
+        }];
+    }, {
+        readonly id: "regions";
+        readonly tool: "custom";
+        readonly titleKey: "config.dataGridList.group.regions";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "display.regions";
+        readonly fields: readonly [{
+            readonly type: "array";
+            readonly captureName: "meta[$index]";
+            readonly labelKey: "config.dataGridList.regions.meta";
+            readonly fields: readonly [{
+                readonly type: "text";
+                readonly captureName: "label";
+                readonly labelKey: "config.common.label";
+            }, {
+                readonly type: "text";
+                readonly captureName: "value";
+                readonly labelKey: "config.common.value";
+            }, {
+                readonly type: "color";
+                readonly captureName: "color";
+                readonly labelKey: "config.common.color";
+            }];
+        }, {
+            readonly type: "array";
+            readonly captureName: "subMeta[$index]";
+            readonly labelKey: "config.dataGridList.regions.subMeta";
+            readonly fields: readonly [{
+                readonly type: "text";
+                readonly captureName: "label";
+                readonly labelKey: "config.common.label";
+            }, {
+                readonly type: "text";
+                readonly captureName: "value";
+                readonly labelKey: "config.common.value";
+            }, {
+                readonly type: "color";
+                readonly captureName: "color";
+                readonly labelKey: "config.common.color";
+            }];
+        }, {
+            readonly type: "composite";
+            readonly captureName: "trailing";
+            readonly labelKey: "config.dataGridList.regions.trailing";
+            readonly fields: readonly [{
+                readonly type: "composite";
+                readonly captureName: "dots";
+                readonly labelKey: "config.dataGridList.regions.trailing.dots";
+                readonly fields: readonly [{
+                    readonly type: "text";
+                    readonly captureName: "count";
+                    readonly labelKey: "config.common.count";
+                }, {
+                    readonly type: "color";
+                    readonly captureName: "color";
+                    readonly labelKey: "config.common.color";
+                }, {
+                    readonly type: "number";
+                    readonly captureName: "total";
+                    readonly labelKey: "config.common.total";
+                    readonly defaultValue: 5;
+                }];
+            }, {
+                readonly type: "array";
+                readonly captureName: "lines[$index]";
+                readonly labelKey: "config.dataGridList.regions.trailing.lines";
+                readonly fields: readonly [{
+                    readonly type: "text";
+                    readonly captureName: "icon";
+                    readonly labelKey: "config.common.icon";
+                }, {
+                    readonly type: "text";
+                    readonly captureName: "text";
+                    readonly labelKey: "config.common.text";
+                }, {
+                    readonly type: "color";
+                    readonly captureName: "color";
+                    readonly labelKey: "config.common.color";
+                }];
+            }];
+        }];
+    }, {
+        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: "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: "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";
+        }];
+    }];
+};
+
+type FieldMappingValue = string | {
+    template: string;
+    tokens: Record<string, string>;
+} | {
+    const: unknown;
+};
+type ListItemMapping = {
+    avatarUrl?: FieldMappingValue;
+    primaryText?: FieldMappingValue;
+    secondaryText?: FieldMappingValue;
+    meta?: Array<{
+        label?: FieldMappingValue;
+        value: FieldMappingValue;
+        color?: FieldMappingValue;
+    }>;
+    actions?: {
+        type: 'predefined' | 'single';
+        predefined?: PredefinedActionsConfig;
+        single?: {
+            tooltip?: string;
+            icon?: string;
+            variant?: 'text' | 'outlined' | 'contained';
+        };
+    };
+};
+type DataGridListToolbarConfig = {
+    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;
+    };
+};
+type DataGridListDisplayConfig = {
+    listItem: ListItemMapping;
+    /**
+     * Declarative layout of the list item. Controls grid template and region widths.
+     */
+    layout?: {
+        /** CSS grid-template-columns value, e.g. 'auto 1fr auto' */
+        templateColumns?: string;
+        /** Gap between regions (px) */
+        gap?: number;
+        /** Leading (avatar/icon) box size in px */
+        leadingSize?: number;
+        /** Vertical spacing between primary/secondary/meta */
+        verticalGap?: number;
+        /** Regions order override */
+        regionsOrder?: Array<'leading' | 'content' | 'trailing'>;
+    };
+    /**
+     * Region placements: which fields (from dataRetrievalConfig columns or computed) render in which sub-area.
+     */
+    regions?: {
+        /** Chip/badge meta items resolved from row fields */
+        meta?: Array<{
+            label?: FieldMappingValue;
+            value: FieldMappingValue;
+            color?: FieldMappingValue;
+        }>;
+        /**
+         * Additional field renderers to show beneath secondary text (e.g., sub-meta list)
+         */
+        subMeta?: Array<{
+            label?: FieldMappingValue;
+            value: FieldMappingValue;
+            color?: FieldMappingValue;
+        }>;
+        /** Trailing content (right side) */
+        trailing?: {
+            /** Priority dots: how many are filled (from row) and optional total */
+            dots?: {
+                count?: FieldMappingValue;
+                color?: FieldMappingValue;
+                total?: number;
+            };
+            /** Stacked lines with optional icon */
+            lines?: Array<{
+                icon?: string;
+                text: FieldMappingValue;
+                color?: FieldMappingValue;
+            }>;
+        };
+    };
+};
+interface DataGridListOrganismProps {
+    organism: OrganismDTO & {
+        config: {
+            props?: Record<string, unknown>;
+            display?: DataGridListDisplayConfig;
+            toolbar?: DataGridListToolbarConfig;
+            dataRetrievalConfig?: {
+                columns?: Array<Record<string, unknown>>;
+            };
+        };
+    };
+    onAction?: (payload: {
+        action: any;
+        row: Record<string, unknown>;
+    }) => void;
+    emptyState?: React.ReactNode;
+    errorState?: (error: Error) => React.ReactNode;
+}
+
+declare const DataGridListOrganism: react__default.NamedExoticComponent<DataGridListOrganismProps>;
 
 type OrganismProps = {
     organism: OrganismDTO$1;
@@ -4373,7 +5539,7 @@ declare const calendarConfiguratorDescriptor: {
     }];
 };
 
-type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor;
+type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor | typeof calendarDataGridConfiguratorDescriptor | typeof dataGridListConfiguratorDescriptor;
 declare const organismConfiguratorsMap: Record<string, OrganismConfiguratorDescriptor>;
 
 declare const defaultTheme: Theme;
@@ -4406,4 +5572,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, DataGridListDisplayConfig, DataGridListLayoutConfig, DataGridListMappingConfig, DataGridListOrganism, DataGridListOrganismProps, DataGridListToolbarConfig, 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, 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, ListItemMapping, 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, dataGridListConfiguratorDescriptor, defaultTheme, moleculeConfiguratorsMap, moleculeItemConfiguratorsMap, organismConfiguratorsMap, passwordValidationMapper, richTextDefaultValue, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useCalendarDataGridData, useDataGridOrganism, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };