@bouku/modal 0.0.5 → 0.0.7

package/dist/ui/layouts/form.d.ts

@@ -1,8 +1,17 @@
-import { ModalProps } from "./normal";
 import { FormBuilderField, FormData, FormSchema, PresetName } from "@bouku/form";
+import type { ReactNode } from "react";
+import type { Component } from "@bouku/core";
+type ModalProps = Component & {
+    title: string;
+    subtitle?: ReactNode;
+    redirect?: {
+        label: string;
+        to: string;
+    };
+};
 type Props<T extends FormData = FormData, P extends PresetName | undefined = undefined> = {
     fields: FormBuilderField[][];
-    initialData?: Partial<T>;
+    initialData?: Partial<FormSchema<T, P>>;
     submitLabel?: string;
     validator?: (data: FormSchema<T, P>) => {
         success: boolean;
@@ -12,6 +21,7 @@ type Props<T extends FormData = FormData, P extends PresetName | undefined = und
         code?: string;
         message?: string;
     }>;
+    oops?: (message: string) => void;
 } & Omit<ModalProps, "children">;
 /**
  * Form Modal component.
@@ -19,7 +29,7 @@ type Props<T extends FormData = FormData, P extends PresetName | undefined = und
  * Combines a standard modal layout with a form builder.
  * Wraps @bouko/form `FormBuilder` for form handling.
 **/
-export declare function FormModal({ style, fields, initialData, submitLabel, submit, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function FormModal<T extends FormData = FormData, P extends PresetName | undefined = undefined>({ style, fields, initialData, submitLabel, submit, oops, ...props }: Props<T, P>): import("react/jsx-runtime").JSX.Element;
 export default FormModal;
 /**
  * Problems:

package/dist/ui/layouts/form.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormModal = FormModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const normal_1 = require("./normal");
+const notify_1 = require("@bouku/notify");
 const form_1 = require("@bouku/form");
 /**
  * Form Modal component.
@@ -10,7 +11,7 @@ const form_1 = require("@bouku/form");
  * Combines a standard modal layout with a form builder.
  * Wraps @bouko/form `FormBuilder` for form handling.
 **/
-function FormModal({ style, fields, initialData, submitLabel, submit, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(normal_1.Modal, { ...props, children: (0, jsx_runtime_1.jsx)(form_1.FormBuilder, { style: style, fields: fields, initialData: initialData, submitLabel: submitLabel, submit: submit }) }));
+function FormModal({ style, fields, initialData, submitLabel, submit, oops, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(normal_1.Modal, { ...props, children: (0, jsx_runtime_1.jsx)(form_1.FormBuilder, { style: style, fields: fields, initialData: initialData, submitLabel: submitLabel, submit: submit, oops: oops ?? ((msg) => (0, notify_1.isToasterMounted)() ? notify_1.toast.error(msg) : console.log(msg)) }) }));
 }
 exports.default = FormModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bouku/modal",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -23,6 +23,7 @@
     "@bouku/animate": "^0.0.1",
     "@bouku/core": "^0.4.1",
     "@bouku/form": "^0.1.9",
+    "@bouku/notify": "^0.0.2",
     "clsx": "^2.1.1",
     "formeact": "^0.0.3",
     "framer-motion": "^12.16.0",