feat: more props for openFieldsDialog

README.md

@@ -174,7 +174,7 @@ const fields = {
   },
 };
 
-const result = await openFieldsDialog(fields);
+const result = await openFieldsDialog({ fields });
 console.log(result); // -> { email: "..." }
 ```
 

src/composables/dialog.ts

@@ -54,21 +54,36 @@ export function useDialog() {
    *   }
    * }
    *
-   * const result = await openFieldsDialog(fields)
+   * const result = await openFieldsDialog({ fields })
    * console.log(result) // -> { email: "..." }
    * ```
    */
-  function openFieldsDialog(fields: Record<string, any>) {
+  function openFieldsDialog(props: {
+    /** @default "medium" */
+    size?: string;
+    submitButton?: string | Record<string, any>;
+    text?: string;
+    /**
+     * Empty state message if no fields are defined
+     */
+    empty?: string;
+    /**
+     * An array or object with all available fields
+     */
+    fields?: Record<string, any> | Record<string, any>[];
+    /**
+     * An object with all values for the fields
+     */
+    value?: Record<string, any>;
+  }) {
     let result: any;
 
     return new Promise<any>((resolve) => {
       const panel = usePanel();
 
       panel.dialog.open({
         component: "k-form-dialog",
-        props: {
-          fields,
-        },
+        props,
         on: {
           // Close event will always be triggered, even on submit
           close: () => {