windmill-components 1.352.8 → 1.362.0

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

@@ -1,7 +1,7 @@
 import type { IntRange } from '../../../../common';
 import type { NARROW_GRID_COLUMNS, WIDE_GRID_COLUMNS } from '../../gridUtils';
-import { BarChart4, Binary, FormInput, Inspect, List, Monitor, PieChart, Table2, TextCursorInput, Type, Lock, Calendar, ToggleLeft, GripHorizontal, Code2, SlidersHorizontal, PlusSquare, ListOrdered, BoxSelect, Smile, DollarSign, SeparatorHorizontal, SeparatorVertical, Paperclip, Image, SidebarClose, MapPin, FlipHorizontal, FlipVertical, FileText, AtSignIcon, Split, Download, PanelLeft, PanelTopInactive, ListIcon, Heading1, FileBarChart, Menu, Network, Database, UploadCloud, AlertTriangle, Clock, CalendarClock } from 'lucide-svelte';
-import type { Aligned, BaseAppComponent, ComponentCustomCSS, GridItem, RichConfiguration, RichConfigurations, StaticRichConfigurations } from '../../types';
+import { BarChart4, Binary, FormInput, Inspect, List, Monitor, PieChart, Table2, TextCursorInput, Type, Lock, Calendar, ToggleLeft, GripHorizontal, Code2, SlidersHorizontal, PlusSquare, ListOrdered, BoxSelect, Smile, DollarSign, SeparatorHorizontal, SeparatorVertical, Paperclip, Image, SidebarClose, MapPin, FlipHorizontal, FlipVertical, FileText, AtSignIcon, Split, Download, PanelLeft, PanelTopInactive, ListIcon, Heading1, FileBarChart, Menu, Network, Database, UploadCloud, AlertTriangle, Clock, CalendarClock, AppWindow } from 'lucide-svelte';
+import type { Aligned, BaseAppComponent, ComponentCustomCSS, GridItem, OneOfConfiguration, RichConfiguration, RichConfigurations, StaticRichConfigurations } from '../../types';
 import type { Size } from '../../svelte-grid/types';
 import type { AppInputSpec, EvalV2AppInput, InputConnectionEval, ResultAppInput, StaticAppInput, TemplateV2AppInput } from '../../inputType';
 export type BaseComponent<T extends string> = {
@@ -169,7 +169,19 @@ 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 | AggridInfiniteComponent | AggridInfiniteComponentEe | MultiSelectComponentV2;
+export type NavbarItem = {
+    path: OneOfConfiguration;
+    label: RichConfiguration;
+    caption?: string;
+    disabled: RichConfiguration;
+    hidden: RichConfiguration;
+    icon?: string;
+};
+export type NavBarComponent = BaseComponent<'navbarcomponent'> & {
+    navbarItems: NavbarItem[];
+};
+export type DateSelectComponent = BaseComponent<'dateselectcomponent'>;
+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 | NavBarComponent | DateSelectComponent;
 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;
@@ -1903,6 +1915,12 @@ export declare const components: {
                     readonly value: true;
                     readonly tooltip: "Allow visible footer for pagination and download";
                 };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
             };
             readonly componentInput: StaticAppInput;
         };
@@ -1982,6 +2000,12 @@ export declare const components: {
                     readonly value: true;
                     readonly tooltip: "Allow visible footer for pagination and download";
                 };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
             };
             readonly componentInput: StaticAppInput;
         };
@@ -2062,6 +2086,12 @@ export declare const components: {
                     readonly value: true;
                     readonly tooltip: "Allow visible footer for pagination and download";
                 };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
             };
             readonly componentInput: {
                 readonly type: "runnable";
@@ -2147,6 +2177,12 @@ export declare const components: {
                     readonly value: true;
                     readonly tooltip: "Allow visible footer for pagination and download";
                 };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
             };
             readonly componentInput: {
                 readonly type: "runnable";
@@ -2450,6 +2486,11 @@ export declare const components: {
                     readonly value: true;
                     readonly tooltip: "Set the width of the options popup to 100% of the select width";
                 };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly fieldType: "boolean";
+                    readonly value: false;
+                };
             };
         };
     };
@@ -2909,6 +2950,11 @@ export declare const components: {
                     readonly value: undefined;
                     readonly fieldType: "datetime";
                 };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
             };
         };
     };
@@ -3199,6 +3245,11 @@ export declare const components: {
                     readonly value: "Selected file";
                     readonly fieldType: "text";
                 };
+                readonly disabled: {
+                    readonly type: "static";
+                    readonly value: false;
+                    readonly fieldType: "boolean";
+                };
             };
         };
     };
@@ -3823,6 +3874,11 @@ export declare const components: {
                                 readonly fieldType: "text";
                             };
                             readonly pathTemplate: EvalV2AppInput;
+                            readonly disabled: {
+                                readonly type: "static";
+                                readonly value: false;
+                                readonly fieldType: "boolean";
+                            };
                         };
                     };
                 };
@@ -3981,6 +4037,12 @@ export declare const components: {
                     readonly value: true;
                     readonly tooltip: "Allow visible footer for pagination and download";
                 };
+                readonly customActionsHeader: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: undefined;
+                    readonly tooltip: "Custom header for the actions columns";
+                };
             };
             readonly componentInput: undefined;
         };
@@ -4079,6 +4141,146 @@ export declare const components: {
             };
         };
     };
+    readonly navbarcomponent: {
+        readonly name: "Navbar";
+        readonly icon: typeof AppWindow;
+        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/navbar";
+        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 image: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly configuration: {
+                readonly title: {
+                    readonly type: "static";
+                    readonly fieldType: "text";
+                    readonly value: "Title";
+                };
+                readonly borderColor: {
+                    readonly type: "static";
+                    readonly value: "#555";
+                    readonly fieldType: "color";
+                };
+                readonly logo: {
+                    readonly type: "oneOf";
+                    readonly selected: "no";
+                    readonly labels: {
+                        readonly yes: "Use logo";
+                        readonly no: "No logo";
+                    };
+                    readonly configuration: {
+                        readonly yes: {
+                            readonly source: {
+                                readonly type: "static";
+                                readonly value: "/logo.svg";
+                                readonly fieldType: "text";
+                                readonly fileUpload: {
+                                    readonly accept: "image/*";
+                                    readonly convertTo: "base64";
+                                };
+                            };
+                            readonly sourceKind: {
+                                readonly fieldType: "select";
+                                readonly type: "static";
+                                readonly selectOptions: string[];
+                                readonly value: string;
+                            };
+                            readonly altText: {
+                                readonly type: "static";
+                                readonly value: "";
+                                readonly fieldType: "text";
+                                readonly tooltip: "This text will appear if the image can't be loaded for any reason";
+                            };
+                        };
+                        readonly no: {};
+                    };
+                };
+                readonly orientation: {
+                    readonly type: "static";
+                    readonly fieldType: "select";
+                    readonly value: "horizontal";
+                    readonly selectOptions: readonly [{
+                        readonly value: "horizontal";
+                        readonly label: "Horizontal";
+                    }, {
+                        readonly value: "vertical";
+                        readonly label: "Vertical";
+                    }];
+                };
+            };
+            readonly horizontalAlignment: import("../../types").HorizontalAlignment;
+            readonly verticalAlignment: import("../../types").VerticalAlignment;
+        };
+    };
+    readonly dateselectcomponent: {
+        readonly name: "Date Select";
+        readonly icon: typeof Calendar;
+        readonly documentationLink: "https://www.windmill.dev/docs/apps/app_configuration_settings/date_select";
+        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 input: {
+                readonly class: "";
+                readonly style: "";
+            };
+        };
+        readonly initialData: {
+            readonly componentInput: undefined;
+            readonly verticalAlignment: "center";
+            readonly configuration: {
+                readonly enableDay: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                };
+                readonly enableMonth: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                };
+                readonly enableYear: {
+                    readonly type: "static";
+                    readonly value: true;
+                    readonly fieldType: "boolean";
+                };
+                readonly defaultValue: {
+                    readonly type: "static";
+                    readonly value: undefined;
+                    readonly fieldType: "date";
+                };
+                readonly orientation: {
+                    readonly type: "static";
+                    readonly value: "horizontal";
+                    readonly fieldType: "select";
+                    readonly selectOptions: readonly [{
+                        readonly value: "horizontal";
+                        readonly label: "Horizontal";
+                    }, {
+                        readonly value: "vertical";
+                        readonly label: "Vertical";
+                    }];
+                };
+                readonly locale: {
+                    readonly type: "static";
+                    readonly value: "en-US";
+                    readonly fieldType: "select";
+                    readonly selectOptions: string[];
+                    readonly tooltip: "Format on the month names";
+                };
+            };
+        };
+    };
 };
 export declare const presetComponents: {
     sidebartabscomponent: {

package/package/components/apps/editor/component/components.js

@@ -1,6 +1,6 @@
 import { BUTTON_COLORS } from '../../../common';
 import { defaultAlignement } from '../componentsPanel/componentDefaultProps';
-import { BarChart4, Binary, FormInput, Inspect, List, Monitor, PieChart, Table2, TextCursorInput, Type, Lock, Calendar, ToggleLeft, GripHorizontal, Code2, SlidersHorizontal, PlusSquare, ListOrdered, BoxSelect, Smile, DollarSign, SeparatorHorizontal, SeparatorVertical, Paperclip, Image, SidebarClose, MapPin, FlipHorizontal, FlipVertical, FileText, AtSignIcon, Split, Download, PanelLeft, PanelTopInactive, ListIcon, Heading1, FileBarChart, Menu, Network, Database, UploadCloud, AlertTriangle, Clock, CalendarClock } from 'lucide-svelte';
+import { BarChart4, Binary, FormInput, Inspect, List, Monitor, PieChart, Table2, TextCursorInput, Type, Lock, Calendar, ToggleLeft, GripHorizontal, Code2, SlidersHorizontal, PlusSquare, ListOrdered, BoxSelect, Smile, DollarSign, SeparatorHorizontal, SeparatorVertical, Paperclip, Image, SidebarClose, MapPin, FlipHorizontal, FlipVertical, FileText, AtSignIcon, Split, Download, PanelLeft, PanelTopInactive, ListIcon, Heading1, FileBarChart, Menu, Network, Database, UploadCloud, AlertTriangle, Clock, CalendarClock, AppWindow } from 'lucide-svelte';
 export function getRecommendedDimensionsByComponent(componentType, column) {
     const size = components[componentType].dims.split('-')[column === 3 ? 0 : 1].split(':');
     return { w: +size[0], h: +size[1] };
@@ -325,6 +325,12 @@ const aggridcomponentconst = {
                 fieldType: 'boolean',
                 value: true,
                 tooltip: 'Allow visible footer for pagination and download'
+            },
+            customActionsHeader: {
+                type: 'static',
+                fieldType: 'text',
+                value: undefined,
+                tooltip: 'Custom header for the actions columns'
             }
         },
         componentInput: {
@@ -423,6 +429,12 @@ const aggridinfinitecomponentconst = {
                 fieldType: 'boolean',
                 value: true,
                 tooltip: 'Allow visible footer for pagination and download'
+            },
+            customActionsHeader: {
+                type: 'static',
+                fieldType: 'text',
+                value: undefined,
+                tooltip: 'Custom header for the actions columns'
             }
         },
         componentInput: {
@@ -1735,6 +1747,11 @@ This is a paragraph.
                     fieldType: 'boolean',
                     value: true,
                     tooltip: 'Set the width of the options popup to 100% of the select width'
+                },
+                disabled: {
+                    type: 'static',
+                    fieldType: 'boolean',
+                    value: false
                 }
             }
         }
@@ -2167,6 +2184,11 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                     type: 'static',
                     value: undefined,
                     fieldType: 'datetime'
+                },
+                disabled: {
+                    type: 'static',
+                    value: false,
+                    fieldType: 'boolean'
                 }
             }
         }
@@ -2418,6 +2440,11 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                     type: 'static',
                     value: 'Selected file',
                     fieldType: 'text'
+                },
+                disabled: {
+                    type: 'static',
+                    value: false,
+                    fieldType: 'boolean'
                 }
             }
         }
@@ -3058,6 +3085,11 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                                 fieldType: 'template',
                                 connections: [],
                                 onDemandOnly: true
+                            },
+                            disabled: {
+                                type: 'static',
+                                value: false,
+                                fieldType: 'boolean'
                             }
                         }
                     }
@@ -3245,6 +3277,12 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                     fieldType: 'boolean',
                     value: true,
                     tooltip: 'Allow visible footer for pagination and download'
+                },
+                customActionsHeader: {
+                    type: 'static',
+                    fieldType: 'text',
+                    value: undefined,
+                    tooltip: 'Custom header for the actions columns'
                 }
             },
             componentInput: undefined
@@ -3318,6 +3356,127 @@ See date-fns format for more information. By default, it is 'dd.MM.yyyy HH:mm'
                 }
             }
         }
+    },
+    navbarcomponent: {
+        name: 'Navbar',
+        icon: AppWindow,
+        documentationLink: `${documentationBaseUrl}/navbar`,
+        dims: '12:1-12:2',
+        customCss: {
+            container: { class: '', style: '' },
+            image: { class: '', style: '' }
+        },
+        initialData: {
+            ...defaultAlignement,
+            componentInput: undefined,
+            configuration: {
+                title: {
+                    type: 'static',
+                    fieldType: 'text',
+                    value: 'Title'
+                },
+                borderColor: {
+                    type: 'static',
+                    value: '#555',
+                    fieldType: 'color'
+                },
+                logo: {
+                    type: 'oneOf',
+                    selected: 'no',
+                    labels: {
+                        yes: 'Use logo',
+                        no: 'No logo'
+                    },
+                    configuration: {
+                        yes: {
+                            source: {
+                                type: 'static',
+                                value: '/logo.svg',
+                                fieldType: 'text',
+                                fileUpload: {
+                                    accept: 'image/*',
+                                    convertTo: 'base64'
+                                }
+                            },
+                            sourceKind: {
+                                fieldType: 'select',
+                                type: 'static',
+                                selectOptions: selectOptions.imageSourceKind,
+                                value: 'url'
+                            },
+                            altText: {
+                                type: 'static',
+                                value: '',
+                                fieldType: 'text',
+                                tooltip: "This text will appear if the image can't be loaded for any reason"
+                            }
+                        },
+                        no: {}
+                    }
+                },
+                orientation: {
+                    type: 'static',
+                    fieldType: 'select',
+                    value: 'horizontal',
+                    selectOptions: [
+                        { value: 'horizontal', label: 'Horizontal' },
+                        { value: 'vertical', label: 'Vertical' }
+                    ]
+                }
+            }
+        }
+    },
+    dateselectcomponent: {
+        name: 'Date Select',
+        icon: Calendar,
+        documentationLink: `${documentationBaseUrl}/date_select`,
+        dims: '3:4-6:4',
+        customCss: {
+            container: { class: '', style: '' },
+            input: { class: '', style: '' }
+        },
+        initialData: {
+            componentInput: undefined,
+            verticalAlignment: 'center',
+            configuration: {
+                enableDay: {
+                    type: 'static',
+                    value: true,
+                    fieldType: 'boolean'
+                },
+                enableMonth: {
+                    type: 'static',
+                    value: true,
+                    fieldType: 'boolean'
+                },
+                enableYear: {
+                    type: 'static',
+                    value: true,
+                    fieldType: 'boolean'
+                },
+                defaultValue: {
+                    type: 'static',
+                    value: undefined,
+                    fieldType: 'date'
+                },
+                orientation: {
+                    type: 'static',
+                    value: 'horizontal',
+                    fieldType: 'select',
+                    selectOptions: [
+                        { value: 'horizontal', label: 'Horizontal' },
+                        { value: 'vertical', label: 'Vertical' }
+                    ]
+                },
+                locale: {
+                    type: 'static',
+                    value: 'en-US',
+                    fieldType: 'select',
+                    selectOptions: selectOptions.localeOptions,
+                    tooltip: 'Format on the month names'
+                }
+            }
+        }
     }
 };
 export const presetComponents = {

package/package/components/apps/editor/component/default-codes.js

@@ -92,9 +92,9 @@ export async function main(db: Postgresql) {
     email: string;
     created_at: string;
     };
-    const GLOBAL_COUNT = 25000;
+const GLOBAL_COUNT = 25000;
 
-    function getUsers(limit: number, offset: number): User[] {
+function getUsers(limit: number, offset: number): User[] {
 
     if (offset > GLOBAL_COUNT) {
         return []
@@ -107,28 +107,28 @@ export async function main(db: Postgresql) {
         email: \`user\${offset + index}@example.com\`,
         created_at: new Date().toISOString(),
     }));
-    }
+}
 
-    export async function main(offset: number, limit: number, orderBy: string, isDesc: boolean, search: string): Promise<User[]> {
+export async function main(offset: number, limit: number, orderBy: string, isDesc: boolean, search: string): Promise<User[]> {
     let users = getUsers(limit, offset);
 
     if (orderBy && Object.keys(users[0]).includes(orderBy)) {
         users.sort((a, b) => {
-        const aValue = a[orderBy as keyof User];
-        const bValue = b[orderBy as keyof User];
+            const aValue = a[orderBy as keyof User];
+            const bValue = b[orderBy as keyof User];
 
-        if (typeof aValue === 'string' && typeof bValue === 'string') {
-            return isDesc ? bValue.localeCompare(aValue) : aValue.localeCompare(bValue);
-        }
-        return 0;
+            if (typeof aValue === 'string' && typeof bValue === 'string') {
+                return isDesc ? bValue.localeCompare(aValue) : aValue.localeCompare(bValue);
+            }
+            return 0;
         });
     }
 
     if (search) {
         return users.filter(user =>
-        Object.values(user).some(value =>
-            typeof value === 'string' && value.toLowerCase().includes(search.toLowerCase())
-        )
+            Object.values(user).some(value =>
+                typeof value === 'string' && value.toLowerCase().includes(search.toLowerCase())
+            )
         );
     }
 

package/package/components/apps/editor/component/sets.js

@@ -16,7 +16,8 @@ const layout = {
         'modalcomponent',
         'steppercomponent',
         'carousellistcomponent',
-        'decisiontreecomponent'
+        'decisiontreecomponent',
+        'navbarcomponent'
     ]
 };
 const buttons = {
@@ -47,7 +48,8 @@ const inputs = {
         'resourceselectcomponent',
         'multiselectcomponentv2',
         'selecttabcomponent',
-        'selectstepcomponent'
+        'selectstepcomponent',
+        'dateselectcomponent'
     ]
 };
 const display = {