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

package/dist/cjs/organisms/DataGridListOrganism/config/toolDescriptor/regions.d.ts

@@ -0,0 +1,83 @@
+export declare const regionsGroup: {
+    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";
+            }];
+        }];
+    }];
+};

package/dist/cjs/organisms/DataGridListOrganism/index.d.ts

@@ -0,0 +1,3 @@
+export { dataGridListConfiguratorDescriptor } from './config/descriptors';
+export { DataGridListOrganism } from './DataGridListOrganism';
+export * from './types';

package/dist/cjs/organisms/DataGridListOrganism/types.d.ts

@@ -0,0 +1,117 @@
+/// <reference types="react" />
+import type { PredefinedActionsConfig } from '../DataGrid/types';
+import type { OrganismDTO } from '../types';
+export type FieldMappingValue = string | {
+    template: string;
+    tokens: Record<string, string>;
+} | {
+    const: unknown;
+};
+export 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';
+        };
+    };
+};
+export 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;
+    };
+};
+export 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;
+            }>;
+        };
+    };
+};
+export 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;
+}

package/dist/cjs/organisms/DataGridListOrganism/useDataGridListOrganism.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { GridColDef, GridFilterModel, GridListViewColDef } from '@mui/x-data-grid-pro';
+import type { DataGridListOrganismProps } from './types';
+type Params = {
+    organism?: DataGridListOrganismProps['organism'];
+    onAction?: (payload: {
+        action: any;
+        row: Record<string, unknown>;
+    }) => void;
+};
+export declare const useDataGridListOrganism: ({ organism, onAction }: Params) => {
+    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: import("react").MutableRefObject<import("@mui/x-data-grid-pro").GridApiPro | null>;
+    columns: GridColDef<any, any, any>[];
+    listViewColumn: GridListViewColDef<any, any, any>;
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setQuickFilter: (columnField: string, value: string) => void;
+    setDensity: import("react").Dispatch<import("react").SetStateAction<"compact" | "comfortable">>;
+    setShowSearch: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<import("..").DataGridPage, Error>>;
+};
+export {};

package/dist/cjs/organisms/index.d.ts

@@ -1,5 +1,7 @@
 export * from './DataGrid';
+export * from './CalendarDataGridOrganism';
 export { CalendarOrganism, CalendarOrganismProps } from './CalendarOrganism';
 export { useDataGridOrganism } from './DataGrid/hooks/useDataGridOrganism';
 export { DataGridOrganismHostProps } from './DataGrid/hostTypes';
+export * from './DataGridListOrganism';
 export { Organism } from './Organism/Organism';

package/dist/cjs/organisms/organismConfigurators.d.ts

@@ -1,5 +1,7 @@
+import { calendarDataGridConfiguratorDescriptor } from './CalendarDataGridOrganism/config/descriptors';
 import { calendarConfiguratorDescriptor } from './CalendarOrganism/config/descriptors';
 import { dataGridConfiguratorDescriptor } from './DataGrid/config/descriptors';
-export type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor;
+import { dataGridListConfiguratorDescriptor } from './DataGridListOrganism/config/descriptors';
+export type OrganismConfiguratorDescriptor = typeof calendarConfiguratorDescriptor | typeof dataGridConfiguratorDescriptor | typeof calendarDataGridConfiguratorDescriptor | typeof dataGridListConfiguratorDescriptor;
 export declare const organismConfiguratorsMap: Record<string, OrganismConfiguratorDescriptor>;
-export { calendarConfiguratorDescriptor, dataGridConfiguratorDescriptor };
+export { calendarConfiguratorDescriptor, calendarDataGridConfiguratorDescriptor, dataGridConfiguratorDescriptor, dataGridListConfiguratorDescriptor };