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

package/dist/cjs/organisms/DataGrid/config/toolDescriptor/view.d.ts

@@ -0,0 +1,8 @@
+export declare const viewGroup: {
+    readonly id: "view";
+    readonly tool: "dataGridListConfigurator";
+    readonly titleKey: "config.datagrid.group.view";
+    readonly collapsible: true;
+    readonly initiallyExpanded: true;
+    readonly pathBase: "dataGrid";
+};

package/dist/cjs/organisms/DataGrid/hooks/useDataGridColumnsV2.d.ts

@@ -0,0 +1,20 @@
+import type { GridColDef, GridListViewColDef } from '@mui/x-data-grid-pro';
+export type BuiltColumns = {
+    tableColumns: GridColDef[];
+    listViewColumn: GridListViewColDef;
+    hiddenColumns: GridColDef[];
+    columnsKey: string;
+};
+type Params = {
+    organism?: any;
+    density: 'compact' | 'comfortable';
+    onAction?: (payload: {
+        action: any;
+        row: Record<string, unknown>;
+    }) => void;
+    apiRef: {
+        current?: any;
+    };
+};
+export declare const useDataGridColumnsV2: ({ organism, density, onAction, apiRef }: Params) => BuiltColumns;
+export {};

package/dist/cjs/organisms/DataGrid/hooks/useDataGridOrganism.d.ts

@@ -34,6 +34,8 @@ export declare const useDataGridOrganism: (params: Params) => {
     columnsKey: string;
     apiRef: import("react").MutableRefObject<import("@mui/x-data-grid-pro").GridApiPro | null>;
     columns: GridColDef<any, any, any>[];
+    listViewColumn: import("@mui/x-data-grid-pro").GridListViewColDef<any, any, any>;
+    resolvedView: "table" | "list";
     setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
     setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
     setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;

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

@@ -80,8 +80,32 @@ export interface ComponentColumnConfig extends ColumnBaseConfig {
     componentProps?: Record<string, unknown>;
 }
 export type ColumnConfig = DataColumnConfig | ComponentColumnConfig;
+export type DataGridViewMode = 'table' | 'list' | 'auto';
+export interface DataGridListMappingConfig {
+    primaryFieldId?: string;
+    secondaryFieldId?: string;
+    metaFieldIds?: string[];
+    trailingComponentIds?: string[];
+}
+export interface DataGridListLayoutConfig {
+    templateColumns?: string;
+    gap?: number;
+    verticalGap?: number;
+}
+export interface DataGridListA11yConfig {
+    primarySlot?: string;
+}
+export interface DataGridListConfig {
+    mapping?: DataGridListMappingConfig;
+    layout?: DataGridListLayoutConfig;
+    a11y?: DataGridListA11yConfig;
+}
 export 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;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import '../../setup/muiXLicense';
+import type { DataGridListOrganismProps } from './types';
+export declare const DataGridListOrganism: React.NamedExoticComponent<DataGridListOrganismProps>;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { DataGridListOrganism } from './DataGridListOrganism';
+declare const meta: Meta<typeof DataGridListOrganism>;
+export default meta;
+export declare const Basic: StoryFn<typeof DataGridListOrganism>;
+export declare const FederatedRich: StoryFn<typeof DataGridListOrganism>;
+export declare const ColumnsDriven: StoryFn<typeof DataGridListOrganism>;

package/dist/cjs/organisms/DataGridListOrganism/config/descriptors.d.ts

@@ -0,0 +1,479 @@
+export 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";
+        }];
+    }];
+};

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

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

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

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