@zealicsolutions/web-ui 1.0.99-beta.33 → 1.0.99-beta.34

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

@@ -64,6 +64,207 @@ export declare const dataGridConfiguratorDescriptor: {
         readonly collapsible: true;
         readonly initiallyExpanded: false;
         readonly pathBase: "toolbar.quickFilters";
+    }, {
+        readonly id: "controlsLayout";
+        readonly tool: "custom";
+        readonly titleKey: "config.datagrid.group.controlsLayout";
+        readonly collapsible: true;
+        readonly initiallyExpanded: false;
+        readonly pathBase: "layout.controls";
+        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: "styles.wrapper";
+        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: "styles.toolbar";
+        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: "styles.quickFilters";
+        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 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: "styles.densityToggle";
+        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: "styles.exportButton";
+        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";

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: "";
+};

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: "layout.controls";
+    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: "styles.densityToggle";
+    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: "styles.exportButton";
+    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/quickFilters.d.ts

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

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

@@ -0,0 +1,31 @@
+export declare const quickFiltersStylesGroup: {
+    readonly id: "quickFiltersStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.quickFiltersStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "styles.quickFilters";
+    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;
+    }];
+};

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

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

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

@@ -0,0 +1,37 @@
+export declare const stylesGroup: {
+    readonly id: "styles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.styles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "styles";
+    readonly fields: readonly [{
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.styles.background";
+        readonly defaultValue: "#FFFFFF";
+    }, {
+        readonly type: "color";
+        readonly captureName: "header.backgroundColor";
+        readonly labelKey: "config.datagrid.styles.headerBg";
+    }, {
+        readonly type: "number";
+        readonly captureName: "header.fontSize";
+        readonly labelKey: "config.datagrid.styles.headerFontSize";
+        readonly defaultValue: 14;
+    }, {
+        readonly type: "number";
+        readonly captureName: "row.height";
+        readonly labelKey: "config.datagrid.styles.rowHeight";
+        readonly defaultValue: 40;
+    }, {
+        readonly type: "color";
+        readonly captureName: "row.hoverColor";
+        readonly labelKey: "config.datagrid.styles.rowHover";
+    }, {
+        readonly type: "switch";
+        readonly captureName: "row.striped";
+        readonly labelKey: "config.datagrid.styles.striped";
+        readonly defaultValue: false;
+    }];
+};

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

@@ -0,0 +1,50 @@
+export declare const toolbarGroup: {
+    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: "select";
+        readonly captureName: "search";
+        readonly labelKey: "config.datagrid.toolbar.search";
+        readonly defaultValue: "true";
+        readonly options: readonly [{
+            readonly id: "true";
+            readonly labelKey: "config.common.yes";
+        }, {
+            readonly id: "false";
+            readonly labelKey: "config.common.no";
+        }];
+    }, {
+        readonly type: "select";
+        readonly captureName: "exportCsv";
+        readonly labelKey: "config.datagrid.toolbar.exportCsv";
+        readonly defaultValue: "true";
+        readonly options: readonly [{
+            readonly id: "true";
+            readonly labelKey: "config.common.yes";
+        }, {
+            readonly id: "false";
+            readonly labelKey: "config.common.no";
+        }];
+    }];
+};

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

@@ -0,0 +1,27 @@
+export declare const toolbarStylesGroup: {
+    readonly id: "toolbarStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.toolbarStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "styles.toolbar";
+    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;
+    }];
+};

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

@@ -0,0 +1,37 @@
+export declare const wrapperStylesGroup: {
+    readonly id: "wrapperStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.wrapperStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "styles.wrapper";
+    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;
+    }];
+};