windmill-components 1.309.7 → 1.339.2

package/package/components/apps/editor/component/components.d.ts

@@ -75,6 +75,13 @@ export type AggridComponentEe = BaseComponent<'aggridcomponentee'> & {
     license: string;
     actions: TableAction[];
 };
+export type AggridInfiniteComponent = BaseComponent<'aggridinfinitecomponent'> & {
+    actions: TableAction[];
+};
+export type AggridInfiniteComponentEe = BaseComponent<'aggridinfinitecomponentee'> & {
+    actions: TableAction[];
+    license: string;
+};
 export type DisplayComponent = BaseComponent<'displaycomponent'>;
 export type LogComponent = BaseComponent<'logcomponent'>;
 export type JobIdLogComponent = BaseComponent<'jobidlogcomponent'>;
@@ -89,6 +96,7 @@ export type ResourceSelectComponent = BaseComponent<'resourceselectcomponent'> &
     onSelect?: string[];
 };
 export type MultiSelectComponent = BaseComponent<'multiselectcomponent'>;
+export type MultiSelectComponentV2 = BaseComponent<'multiselectcomponentv2'>;
 export type CheckboxComponent = BaseComponent<'checkboxcomponent'> & RecomputeOthersSource & {
     onToggle?: string[];
 };
@@ -105,7 +113,10 @@ export type ListComponent = BaseComponent<'listcomponent'>;
 export type ContainerComponent = BaseComponent<'containercomponent'> & {
     groupFields: RichConfigurations;
 };
-export type DrawerComponent = BaseComponent<'drawercomponent'>;
+export type DrawerComponent = BaseComponent<'drawercomponent'> & {
+    onOpenRecomputeIds: string[] | undefined;
+    onCloseRecomputeIds: string[] | undefined;
+};
 export type MapComponent = BaseComponent<'mapcomponent'>;
 export type VerticalSplitPanesComponent = BaseComponent<'verticalsplitpanescomponent'> & {
     panes: number[];
@@ -114,7 +125,10 @@ export type HorizontalSplitPanesComponent = BaseComponent<'horizontalsplitpanesc
     panes: number[];
 };
 export type PdfComponent = BaseComponent<'pdfcomponent'>;
-export type ModalComponent = BaseComponent<'modalcomponent'>;
+export type ModalComponent = BaseComponent<'modalcomponent'> & {
+    onOpenRecomputeIds: string[] | undefined;
+    onCloseRecomputeIds: string[] | undefined;
+};
 export type StepperComponent = BaseComponent<'steppercomponent'> & {
     tabs: string[];
 };
@@ -147,7 +161,7 @@ export type DecisionTreeComponent = BaseComponent<'decisiontreecomponent'> & {
     nodes: DecisionTreeNode[];
 };
 export type AlertComponent = BaseComponent<'alertcomponent'>;
-export type TypedComponent = DBExplorerComponent | DisplayComponent | LogComponent | JobIdLogComponent | FlowStatusComponent | JobIdFlowStatusComponent | TextInputComponent | QuillComponent | TextareaInputComponent | PasswordInputComponent | EmailInputComponent | DateInputComponent | NumberInputComponent | CurrencyComponent | SliderComponent | RangeComponent | BarChartComponent | TimeseriesComponent | HtmlComponent | CustomComponent | MarkdownComponent | TableComponent | TextComponent | ButtonComponent | PieChartComponent | ScatterChartComponent | SelectComponent | ResourceSelectComponent | MultiSelectComponent | CheckboxComponent | FormComponent | FormButtonComponent | VegaLiteComponent | PlotlyComponent | TabsComponent | ContainerComponent | ListComponent | IconComponent | HorizontalDividerComponent | VerticalDividerComponent | FileInputComponent | ImageComponent | AggridComponent | AggridComponentEe | DrawerComponent | MapComponent | VerticalSplitPanesComponent | HorizontalSplitPanesComponent | PdfComponent | ModalComponent | StepperComponent | Schemaformcomponent | SelectTabComponent | ConditionalWrapperComponent | SelectStepComponent | DownloadComponent | ChartJsComponent | CarouselListComponent | PlotlyComponentV2 | ChartJsComponentV2 | StatisticCardComponent | MenuComponent | DecisionTreeComponent | S3FileInputComponent | AgChartsComponent | AgChartsComponentEe | AlertComponent | DateSliderComponent | TimeInputComponent | DateTimeInputComponent;
+export type TypedComponent = DBExplorerComponent | DisplayComponent | LogComponent | JobIdLogComponent | FlowStatusComponent | JobIdFlowStatusComponent | TextInputComponent | QuillComponent | TextareaInputComponent | PasswordInputComponent | EmailInputComponent | DateInputComponent | NumberInputComponent | CurrencyComponent | SliderComponent | RangeComponent | BarChartComponent | TimeseriesComponent | HtmlComponent | CustomComponent | MarkdownComponent | TableComponent | TextComponent | ButtonComponent | PieChartComponent | ScatterChartComponent | SelectComponent | ResourceSelectComponent | MultiSelectComponent | CheckboxComponent | FormComponent | FormButtonComponent | VegaLiteComponent | PlotlyComponent | TabsComponent | ContainerComponent | ListComponent | IconComponent | HorizontalDividerComponent | VerticalDividerComponent | FileInputComponent | ImageComponent | AggridComponent | AggridComponentEe | DrawerComponent | MapComponent | VerticalSplitPanesComponent | HorizontalSplitPanesComponent | PdfComponent | ModalComponent | StepperComponent | Schemaformcomponent | SelectTabComponent | ConditionalWrapperComponent | SelectStepComponent | DownloadComponent | ChartJsComponent | CarouselListComponent | PlotlyComponentV2 | ChartJsComponentV2 | StatisticCardComponent | MenuComponent | DecisionTreeComponent | S3FileInputComponent | AgChartsComponent | AgChartsComponentEe | AlertComponent | DateSliderComponent | TimeInputComponent | DateTimeInputComponent | AggridInfiniteComponent | AggridInfiniteComponentEe | MultiSelectComponentV2;
 export type AppComponent = BaseAppComponent & TypedComponent;
 export type AppComponentDimensions = `${IntRange<1, typeof NARROW_GRID_COLUMNS>}:${number}-${IntRange<1, typeof WIDE_GRID_COLUMNS>}:${number}`;
 export declare function getRecommendedDimensionsByComponent(componentType: AppComponent['type'], column: number): Size;
@@ -478,7 +492,7 @@ export declare const components: {
                     readonly fieldType: "select";
                     readonly type: "static";
                     readonly selectOptions: string[];
-                    readonly value: "Title" | "Subtitle" | "Body" | "Label" | "Caption";
+                    readonly value: "Body" | "Title" | "Subtitle" | "Label" | "Caption";
                 };
                 readonly copyButton: {
                     readonly type: "static";
@@ -528,7 +542,7 @@ export declare const components: {
                     readonly type: "static";
                     readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
                     readonly value: "blue";
-                    readonly tooltip: "Theses presets can be overwritten with custom styles.";
+                    readonly tooltip: "These presets can be overwritten with custom styles.";
                 };
                 readonly size: {
                     readonly fieldType: "select";
@@ -612,7 +626,7 @@ export declare const components: {
                         };
                         readonly sendToast: {
                             readonly message: {
-                                readonly tooltip: "The message of the toast to diplay";
+                                readonly tooltip: "The message of the toast to display";
                                 readonly fieldType: "text";
                                 readonly type: "static";
                                 readonly value: "";
@@ -714,10 +728,10 @@ export declare const components: {
                         };
                         readonly sendErrorToast: {
                             readonly message: {
-                                readonly tooltip: "The message of the toast to diplay";
+                                readonly tooltip: "The message of the toast to display";
                                 readonly fieldType: "text";
                                 readonly type: "static";
-                                readonly value: "";
+                                readonly value: "An error occured";
                                 readonly placeholder: "Hello there";
                                 readonly onDemandOnly: true;
                             };
@@ -943,7 +957,7 @@ export declare const components: {
                         };
                         readonly sendToast: {
                             readonly message: {
-                                readonly tooltip: "The message of the toast to diplay";
+                                readonly tooltip: "The message of the toast to display";
                                 readonly fieldType: "text";
                                 readonly type: "static";
                                 readonly value: "";
@@ -1045,10 +1059,10 @@ export declare const components: {
                         };
                         readonly sendErrorToast: {
                             readonly message: {
-                                readonly tooltip: "The message of the toast to diplay";
+                                readonly tooltip: "The message of the toast to display";
                                 readonly fieldType: "text";
                                 readonly type: "static";
-                                readonly value: "";
+                                readonly value: "An error occured";
                                 readonly placeholder: "Hello there";
                                 readonly onDemandOnly: true;
                             };
@@ -1123,7 +1137,7 @@ export declare const components: {
                     readonly type: "static";
                     readonly value: "dark";
                     readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
-                    readonly tooltip: "Theses presets can be overwritten with custom styles.";
+                    readonly tooltip: "These presets can be overwritten with custom styles.";
                 };
                 readonly size: {
                     readonly fieldType: "select";
@@ -1181,7 +1195,7 @@ export declare const components: {
                         };
                         readonly sendToast: {
                             readonly message: {
-                                readonly tooltip: "The message of the toast to diplay";
+                                readonly tooltip: "The message of the toast to display";
                                 readonly fieldType: "text";
                                 readonly type: "static";
                                 readonly value: "";
@@ -1283,10 +1297,10 @@ export declare const components: {
                         };
                         readonly sendErrorToast: {
                             readonly message: {
-                                readonly tooltip: "The message of the toast to diplay";
+                                readonly tooltip: "The message of the toast to display";
                                 readonly fieldType: "text";
                                 readonly type: "static";
-                                readonly value: "";
+                                readonly value: "An error occured";
                                 readonly placeholder: "Hello there";
                                 readonly onDemandOnly: true;
                             };
@@ -1724,7 +1738,7 @@ export declare const components: {
         };
     };
     readonly tablecomponent: {
-        readonly name: "Table";
+        readonly name: "TanStack Table";
         readonly icon: typeof Table2;
         readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/table";
         readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-11:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-10:${number}` | `1:${number}-8:${number}` | `1:${number}-7:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-11:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-10:${number}` | `2:${number}-8:${number}` | `2:${number}-7:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-11:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-10:${number}` | `3:${number}-8:${number}` | `3:${number}-7:${number}` | `3:${number}-12:${number}`;
@@ -1875,6 +1889,12 @@ export declare const components: {
                     readonly value: false;
                     readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
                 };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
             };
             readonly componentInput: StaticAppInput;
         };
@@ -1948,10 +1968,186 @@ export declare const components: {
                     readonly value: false;
                     readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
                 };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
             };
             readonly componentInput: StaticAppInput;
         };
     };
+    readonly aggridinfinitecomponent: {
+        readonly name: "AgGrid Infinite Table";
+        readonly icon: typeof Table2;
+        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table#aggrid-infinite-table";
+        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-11:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-10:${number}` | `1:${number}-8:${number}` | `1:${number}-7:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-11:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-10:${number}` | `2:${number}-8:${number}` | `2:${number}-7:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-11:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-10:${number}` | `3:${number}-8:${number}` | `3:${number}-7:${number}` | `3:${number}-12:${number}`;
+        readonly customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly compactness: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "normal";
+                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
+                    readonly tooltip: "Change the row height";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly searchEnabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Enable search in the table";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+        };
+    };
+    readonly aggridinfinitecomponentee: {
+        readonly name: "AgGrid Infinite Table EE";
+        readonly icon: typeof Table2;
+        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/aggrid_table#aggrid-infinite-table";
+        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-11:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-10:${number}` | `1:${number}-8:${number}` | `1:${number}-7:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-11:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-10:${number}` | `2:${number}-8:${number}` | `2:${number}-7:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-11:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-10:${number}` | `3:${number}-8:${number}` | `3:${number}-7:${number}` | `3:${number}-12:${number}`;
+        readonly customCss: {
+            readonly container: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly configuration: {
+                readonly columnDefs: StaticAppInput;
+                readonly flex: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "default col flex is 1 (see ag-grid docs)";
+                };
+                readonly allEditable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly hide: true;
+                    readonly tooltip: "Configure all columns as Editable by users";
+                };
+                readonly multipleSelectable: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Make multiple rows selectable at once";
+                };
+                readonly rowMultiselectWithClick: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If multiple selectable, allow multiselect with click";
+                };
+                readonly selectFirstRowByDefault: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: boolean;
+                    readonly tooltip: "Select the first row by default on start";
+                };
+                readonly extraConfig: {
+                    readonly type: "static";
+                    readonly fieldType: "object";
+                    readonly value: {};
+                    readonly tooltip: "any configuration that can be passed to ag-grid top level";
+                };
+                readonly compactness: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "normal";
+                    readonly selectOptions: readonly ["normal", "compact", "comfortable"];
+                    readonly tooltip: "Change the row height";
+                };
+                readonly wrapActions: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
+                };
+                readonly searchEnabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Enable search in the table";
+                };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
+            };
+            readonly componentInput: {
+                readonly type: "runnable";
+                readonly fieldType: "any";
+                readonly fields: {};
+                readonly runnable: undefined;
+            };
+        };
+    };
     readonly checkboxcomponent: {
         readonly name: "Toggle";
         readonly icon: typeof ToggleLeft;
@@ -2157,6 +2353,45 @@ export declare const components: {
         };
         readonly initialData: {
             readonly componentInput: undefined;
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly items: StaticAppInput;
+                readonly defaultItems: StaticAppInput;
+                readonly placeholder: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Select items";
+                };
+                readonly create: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                    readonly tooltip: "Allows user to manually add new value";
+                    readonly customTitle: "User creatable";
+                };
+                readonly allowOverflow: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "If too many items, the box overflow its container instead of having an internal scroll";
+                };
+            };
+        };
+    };
+    readonly multiselectcomponentv2: {
+        readonly name: "Multi Select";
+        readonly icon: typeof List;
+        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/multiselect";
+        readonly dims: `1:${number}-1:${number}` | `1:${number}-2:${number}` | `1:${number}-5:${number}` | `1:${number}-6:${number}` | `1:${number}-3:${number}` | `1:${number}-11:${number}` | `1:${number}-9:${number}` | `1:${number}-4:${number}` | `1:${number}-10:${number}` | `1:${number}-8:${number}` | `1:${number}-7:${number}` | `1:${number}-12:${number}` | `2:${number}-1:${number}` | `2:${number}-2:${number}` | `2:${number}-5:${number}` | `2:${number}-6:${number}` | `2:${number}-3:${number}` | `2:${number}-11:${number}` | `2:${number}-9:${number}` | `2:${number}-4:${number}` | `2:${number}-10:${number}` | `2:${number}-8:${number}` | `2:${number}-7:${number}` | `2:${number}-12:${number}` | `3:${number}-1:${number}` | `3:${number}-2:${number}` | `3:${number}-5:${number}` | `3:${number}-6:${number}` | `3:${number}-3:${number}` | `3:${number}-11:${number}` | `3:${number}-9:${number}` | `3:${number}-4:${number}` | `3:${number}-10:${number}` | `3:${number}-8:${number}` | `3:${number}-7:${number}` | `3:${number}-12:${number}`;
+        readonly customCss: {
+            readonly multiselect: {
+                readonly style: "";
+                readonly tooltip: "See https://multiselect.janosh.dev/#with-css-variables for the available variables";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly verticalAlignment: "center";
             readonly configuration: {
                 readonly items: StaticAppInput;
                 readonly defaultItems: StaticAppInput;
@@ -2353,6 +2588,12 @@ export declare const components: {
                     readonly value: false;
                     readonly fieldType: "boolean";
                 };
+                readonly axisStep: {
+                    readonly type: "static";
+                    readonly value: 10;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion when using the arrow keys";
+                };
             };
         };
     };
@@ -2481,6 +2722,12 @@ export declare const components: {
                     readonly fieldType: "boolean";
                     readonly tooltip: "Determine if the slider is disabled, or enabled (only disables interactions, and events)";
                 };
+                readonly axisStep: {
+                    readonly type: "static";
+                    readonly value: 10;
+                    readonly fieldType: "number";
+                    readonly tooltip: "Spread between each number suggestion when using the arrow keys";
+                };
             };
         };
     };
@@ -2599,11 +2846,11 @@ export declare const components: {
                 };
                 readonly outputFormat: {
                     readonly type: "static";
-                    readonly value: undefined;
+                    readonly value: "yyyy-MM-dd";
                     readonly fieldType: "text";
-                    readonly markdownTooltip: "### Output format\t\t\t\t\nSee date-fns format for more information. By default, it is 'dd.MM.yyyy'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n";
+                    readonly markdownTooltip: "### Output format\t\t\t\t\nSee date-fns format for more information. By default, it is 'yyyy-MM-dd'\n\n| Format      | Result | Description |\n| ----------- | ----------- | ----------- |\n| dd \t\t\t\t| 01, 02, ..., 31 | Day of the month |\n| d \t\t\t\t| 1, 2, ..., 31 | Day of the month |\n| MM \t\t\t\t| 01, 02, ..., 12 | Month |\n| MMM \t\t\t\t| Jan, Feb, ..., Dec | Month |\n| MMMM \t\t\t\t| January, February, ..., December | Month |\n| yyyy \t\t\t\t| 2021, 2022, ... | Year |\n";
                     readonly documentationLink: "https://date-fns.org/v2.30.0/docs/format";
-                    readonly placeholder: "dd.MM.yyyy";
+                    readonly placeholder: "yyyy-MM-dd";
                 };
             };
         };
@@ -3211,7 +3458,7 @@ export declare const components: {
                     readonly type: "static";
                     readonly selectOptions: ("blue" | "red" | "dark" | "light" | "green" | "gray" | "none")[];
                     readonly value: "blue";
-                    readonly tooltip: "Theses presets can be overwritten with custom styles.";
+                    readonly tooltip: "These presets can be overwritten with custom styles.";
                 };
                 readonly buttonSize: {
                     readonly fieldType: "select";
@@ -3286,7 +3533,7 @@ export declare const components: {
                     readonly fieldType: "boolean";
                     readonly type: "static";
                     readonly value: false;
-                    readonly tooltip: "This will diplay the type and/or the format on the field next to the label.";
+                    readonly tooltip: "This will display the type and/or the format on the field next to the label.";
                 };
                 readonly largeGap: {
                     readonly fieldType: "boolean";
@@ -3719,6 +3966,12 @@ export declare const components: {
                     readonly value: false;
                     readonly tooltip: "When true, actions will wrap to the next line. Otherwise, the column will grow to fit the actions.";
                 };
+                readonly footer: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: true;
+                    readonly tooltip: "Allow visible footer for pagination and download";
+                };
             };
             readonly componentInput: undefined;
         };