@zealicsolutions/web-ui 1.0.118 → 1.0.120

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

@@ -0,0 +1,455 @@
+export declare const dataGridConfiguratorDescriptor: {
+    readonly component: "DataGridOrganism";
+    readonly version: "1.4.0";
+    readonly toolGroups: readonly [{
+        readonly id: "view";
+        readonly tool: "dataGridListConfigurator";
+        readonly titleKey: "config.datagrid.group.view";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "view";
+        readonly defaultView: "listView";
+        readonly toolConfig: {
+            readonly basePathAliasKey: "meta.pathAliases.dataGridView";
+            readonly templates: readonly [{
+                readonly id: "custom";
+                readonly label: "Custom";
+                readonly labelKey: "config.datagrid.list.template.custom";
+            }, {
+                readonly id: "studyCard";
+                readonly label: "Study card";
+                readonly labelKey: "config.datagrid.list.template.studyCard";
+            }, {
+                readonly id: "subjectCard";
+                readonly label: "Subject card";
+                readonly labelKey: "config.datagrid.list.template.subjectCard";
+            }, {
+                readonly id: "visitCard";
+                readonly label: "Visit card";
+                readonly labelKey: "config.datagrid.list.template.visitCard";
+            }, {
+                readonly id: "visitCardCheck";
+                readonly label: "Visit card (check)";
+                readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+            }, {
+                readonly id: "fourItems";
+                readonly label: "4 items view";
+                readonly labelKey: "config.datagrid.list.template.fourItems";
+            }, {
+                readonly id: "compact";
+                readonly label: "Compact";
+                readonly labelKey: "config.datagrid.list.template.compact";
+            }, {
+                readonly id: "mediaLeft";
+                readonly label: "Media left";
+                readonly labelKey: "config.datagrid.list.template.mediaLeft";
+            }, {
+                readonly id: "titleSubtitleMeta";
+                readonly label: "Title + subtitle + meta";
+                readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+            }, {
+                readonly id: "twoColumn";
+                readonly label: "Two column";
+                readonly labelKey: "config.datagrid.list.template.twoColumn";
+            }];
+        };
+    }, {
+        readonly id: "columns";
+        readonly tool: "dataGridColumns";
+        readonly titleKey: "config.datagrid.group.columns";
+        readonly collapsible: true;
+        readonly initiallyExpanded: true;
+        readonly pathBase: "dataRetrievalConfig.columns";
+    }, {
+        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: "rootWrapperStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.rootWrapperStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.rootContainer.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.rootWrapper.background";
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingX";
+            readonly labelKey: "config.datagrid.rootWrapper.paddingX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingY";
+            readonly labelKey: "config.datagrid.rootWrapper.paddingY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginX";
+            readonly labelKey: "config.datagrid.rootWrapper.marginX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginY";
+            readonly labelKey: "config.datagrid.rootWrapper.marginY";
+            readonly defaultValue: 0;
+        }];
+    }, {
+        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 type: "number";
+            readonly captureName: "marginX";
+            readonly labelKey: "config.datagrid.wrapper.marginX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginY";
+            readonly labelKey: "config.datagrid.wrapper.marginY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "text";
+            readonly captureName: "boxShadow";
+            readonly labelKey: "config.datagrid.wrapper.boxShadow";
+        }];
+    }, {
+        readonly id: "listItemStyles";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.listItemStyles";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "props.listItem.sx";
+        readonly fields: readonly [{
+            readonly type: "color";
+            readonly captureName: "backgroundColor";
+            readonly labelKey: "config.datagrid.listItem.background";
+        }, {
+            readonly type: "color";
+            readonly captureName: "borderColor";
+            readonly labelKey: "config.datagrid.listItem.borderColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "borderRadius";
+            readonly labelKey: "config.datagrid.listItem.borderRadius";
+            readonly defaultValue: 12;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingX";
+            readonly labelKey: "config.datagrid.listItem.paddingX";
+            readonly defaultValue: 10;
+        }, {
+            readonly type: "number";
+            readonly captureName: "paddingY";
+            readonly labelKey: "config.datagrid.listItem.paddingY";
+            readonly defaultValue: 10;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginX";
+            readonly labelKey: "config.datagrid.listItem.marginX";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "number";
+            readonly captureName: "marginY";
+            readonly labelKey: "config.datagrid.listItem.marginY";
+            readonly defaultValue: 0;
+        }, {
+            readonly type: "text";
+            readonly captureName: "boxShadow";
+            readonly labelKey: "config.datagrid.listItem.boxShadow";
+        }];
+    }, {
+        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";
+        }, {
+            readonly type: "color";
+            readonly captureName: "headerBackgroundColor";
+            readonly labelKey: "config.datagrid.styles.headerBackground";
+        }, {
+            readonly type: "number";
+            readonly captureName: "headerFontSize";
+            readonly labelKey: "config.datagrid.styles.headerFontSize";
+        }, {
+            readonly type: "color";
+            readonly captureName: "rowHoverColor";
+            readonly labelKey: "config.datagrid.styles.rowHoverColor";
+        }, {
+            readonly type: "number";
+            readonly captureName: "rowHeight";
+            readonly labelKey: "config.datagrid.styles.rowHeight";
+        }, {
+            readonly type: "number";
+            readonly captureName: "rowGap";
+            readonly labelKey: "config.datagrid.styles.rowGap";
+        }];
+    }];
+};

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

@@ -0,0 +1,8 @@
+export declare const columnsGroup: {
+    readonly id: "columns";
+    readonly tool: "dataGridColumns";
+    readonly titleKey: "config.datagrid.group.columns";
+    readonly collapsible: true;
+    readonly initiallyExpanded: true;
+    readonly pathBase: "dataRetrievalConfig.columns";
+};

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

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+export declare const listItemStylesGroup: {
+    readonly id: "listItemStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.listItemStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "props.listItem.sx";
+    readonly fields: readonly [{
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.listItem.background";
+    }, {
+        readonly type: "color";
+        readonly captureName: "borderColor";
+        readonly labelKey: "config.datagrid.listItem.borderColor";
+    }, {
+        readonly type: "number";
+        readonly captureName: "borderRadius";
+        readonly labelKey: "config.datagrid.listItem.borderRadius";
+        readonly defaultValue: 12;
+    }, {
+        readonly type: "number";
+        readonly captureName: "paddingX";
+        readonly labelKey: "config.datagrid.listItem.paddingX";
+        readonly defaultValue: 10;
+    }, {
+        readonly type: "number";
+        readonly captureName: "paddingY";
+        readonly labelKey: "config.datagrid.listItem.paddingY";
+        readonly defaultValue: 10;
+    }, {
+        readonly type: "number";
+        readonly captureName: "marginX";
+        readonly labelKey: "config.datagrid.listItem.marginX";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "marginY";
+        readonly labelKey: "config.datagrid.listItem.marginY";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "text";
+        readonly captureName: "boxShadow";
+        readonly labelKey: "config.datagrid.listItem.boxShadow";
+    }];
+};

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

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

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

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