gomtm 0.0.165 → 0.0.167

package/dist/esm/components/formFieldRender/SchemaFormFieldsRender.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PlainMessage } from "@bufbuild/protobuf";
+import { FormSchema } from "../../gomtmpb/mtm/sppb/mtm_pb";
+export declare const SchemaFormFieldsRender: (props: {
+    schema: PlainMessage<FormSchema>;
+}) => import("react").JSX.Element;

package/dist/esm/components/formFieldRender/SchemaFormFieldsRender.js

@@ -0,0 +1,46 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "mtxuilib/ui/form";
+import { Input } from "mtxuilib/ui/input";
+import { useFormContext } from "react-hook-form";
+const SchemaFormFieldsRender = (props) => {
+  var _a;
+  const { schema } = props;
+  const form = useFormContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: (_a = schema.fields) == null ? void 0 : _a.map((formField, i) => {
+    return /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: formField.name,
+        defaultValue: formField.defaultValue || "",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          formField.label && /* @__PURE__ */ jsx(FormLabel, { children: formField.label }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: formField.placeholder }, field)) }) }),
+          formField.description && /* @__PURE__ */ jsx(FormDescription, { children: formField.description }),
+          /* @__PURE__ */ jsx(FormMessage, {})
+        ] })
+      },
+      i
+    );
+  }) });
+};
+export {
+  SchemaFormFieldsRender
+};

package/dist/esm/components/formFieldRender/SchemaFormView.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { PlainMessage } from "@bufbuild/protobuf";
+import { MaybePromise } from "mtxlib";
+import { FormSchema } from "../../gomtmpb/mtm/sppb/mtm_pb";
+type SchemaFormViewVaranit = "auto" | "modal" | "card";
+export declare const SchemaFormView: (props: {
+    formSchema?: PlainMessage<FormSchema> | undefined;
+    defaultValues?: any;
+    onSubmit: (values: any) => MaybePromise<void>;
+    onCancel?: (() => void) | undefined;
+    isLoading?: boolean | undefined;
+    variants?: SchemaFormViewVaranit | undefined;
+}) => import("react").JSX.Element;
+export {};

package/dist/esm/components/formFieldRender/SchemaFormView.js

@@ -0,0 +1,44 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { EditFormToolbar } from "mtxuilib/form/EditFormToolbar";
+import { Card, CardContent } from "mtxuilib/ui/card";
+import { DialogFooter } from "mtxuilib/ui/dialog";
+import { SchemaFormFieldsRender } from "./SchemaFormFieldsRender";
+const SchemaFormView = (props) => {
+  const { formSchema, onSubmit, onCancel, variants } = props;
+  const [defaultValues, setDefaultValues] = useState({});
+  const form = useForm({
+    defaultValues
+  });
+  if (!formSchema) {
+    return /* @__PURE__ */ jsx("div", { className: "border p-8", children: "missing formSchema params" });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsx(Card, { className: "p-2", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+    /* @__PURE__ */ jsx(SchemaFormFieldsRender, { schema: formSchema }),
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(EditFormToolbar, { onCancel: () => onCancel && onCancel() }) })
+  ] }) }) }) })) });
+};
+export {
+  SchemaFormView
+};