@farmzone/fz-react-ui 0.0.8 → 0.0.10

package/dist/index.cjs

@@ -8853,11 +8853,7 @@ function DetailContent(props) {
     layout = "compact",
     className
   } = props;
-  const containerClass = cn(
-    "overflow-y-auto",
-    layout === "compact" ? "max-h-[60vh]" : "min-h-0 flex-1",
-    className
-  );
+  const containerClass = layout === "none" ? cn(className) : cn("overflow-y-auto", layout === "compact" ? "max-h-[60vh]" : "min-h-0 flex-1", className);
   if (!data) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(containerClass, "flex items-center justify-center p-8"), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-400", children: "\uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." }) });
   }
@@ -8894,9 +8890,15 @@ function DetailModalFrame(props) {
     renderEditBody,
     mode,
     onModeChange,
-    contentClassName
+    contentClassName,
+    renderExtraContent,
+    renderFooterExtra,
+    onDirtyChange
   } = props;
   const controller = useDetailController({ mode, onModeChange });
+  React6.useEffect(() => {
+    onDirtyChange?.(controller.isDirty);
+  }, [controller.isDirty, onDirtyChange]);
   const handleClose = React6.useCallback(async () => {
     if (controller.isDirty) {
       const confirmed = await new Promise((resolve) => {
@@ -8934,24 +8936,30 @@ function DetailModalFrame(props) {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold text-gray-900", children: title }),
       !isEditMode && canEdit && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: handleEdit, children: "\uC218\uC815" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ModalBody, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-      DetailContent,
-      {
-        controller,
-        data,
-        readFields,
-        editSchema,
-        editFields,
-        onSave,
-        renderReadBody,
-        renderEditBody,
-        layout: "compact"
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ModalBody, { className: "flex-1 min-h-0 p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DetailContent,
+        {
+          controller,
+          data,
+          readFields,
+          editSchema,
+          editFields,
+          onSave,
+          renderReadBody,
+          renderEditBody,
+          layout: "none"
+        }
+      ),
+      renderExtraContent?.({ isEditMode })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ModalFooter, { className: "flex justify-end gap-2", children: isEditMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleCancelEdit, disabled: controller.isSaving, children: "\uCDE8\uC18C" }),
       /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", form: controller.formId, variant: "save", disabled: controller.isSaving, children: controller.isSaving ? "\uC800\uC7A5 \uC911..." : "\uC800\uC7A5" })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleClose, children: "\uB2EB\uAE30" }) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      renderFooterExtra,
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleClose, children: "\uB2EB\uAE30" })
+    ] }) })
   ] });
 }
 function useBlockModalConfirm() {