gomtm 0.0.164 → 0.0.166

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
+};

package/dist/esm/curd/CurdViewView.d.ts

@@ -55,8 +55,6 @@ export declare const CurdViewView: (props: {
 export declare function useCurdView(): {
     curdView: CurdView;
     openShow: (id: string) => void;
-    invalidateList: () => Promise<void>;
-    invalidateGet: () => Promise<void>;
     activateId: string;
     setActivateId: (args_0: string | ((prev: string) => string)) => void;
     editLink: (id: string) => string;

package/dist/esm/curd/CurdViewView.js

@@ -1,24 +1,4 @@
 "use client";
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 import { Fragment, jsx } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 import { atom, createStore, useAtom } from "jotai";
@@ -28,7 +8,6 @@ import { compile, match } from "path-to-regexp";
 import { useCallback, useMemo } from "react";
 import { useSuspenseQuery } from "../connectquery";
 import { curdViewGet } from "../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
-import { createInfiniteQueryKey, createQueryKey } from "../mtmquery";
 const activateIdAtom = atom("0");
 const curdViewAtom = atom(null);
 const curdViewIdAtom = atom("");
@@ -63,20 +42,6 @@ function useCurdView() {
       router.push(showLink(id));
     }
   }, [router, showLink]);
-  const invalidateList = useCallback(() => __async(this, null, function* () {
-    if (curdView) {
-      yield queryClient.invalidateQueries({
-        queryKey: createInfiniteQueryKey(curdView.svcName, curdView.methodList)
-      });
-    }
-  }), [curdView, queryClient]);
-  const invalidateGet = useCallback(() => __async(this, null, function* () {
-    if (curdView) {
-      yield queryClient.invalidateQueries({
-        queryKey: createQueryKey(curdView.svcName, curdView.methodGet)
-      });
-    }
-  }), [curdView, queryClient]);
   const editLink = useCallback((id) => {
     if (curdView == null ? void 0 : curdView.routeEdit) {
       const toPath = compile(curdView == null ? void 0 : curdView.routeEdit, { encode: encodeURIComponent });
@@ -106,8 +71,8 @@ function useCurdView() {
   return {
     curdView,
     openShow,
-    invalidateList,
-    invalidateGet,
+    // invalidateList,
+    // invalidateGet,
     activateId,
     setActivateId,
     editLink,

package/dist/esm/mtmquery.d.ts

@@ -1,3 +0,0 @@
-export type * from '@tanstack/react-query';
-export declare function createQueryKey(svc: string, method: string, input?: any): any[];
-export declare function createInfiniteQueryKey(svc: string, method: string, input?: any): any[];

package/dist/esm/mtmquery.js

@@ -1,12 +1 @@
 "use client";
-import { camelCase, upperFirst } from "lodash";
-function createQueryKey(svc, method, input) {
-  return [svc, upperFirst(camelCase(method)), input || {}];
-}
-function createInfiniteQueryKey(svc, method, input) {
-  return [...createQueryKey(svc, method, input), "infinite"];
-}
-export {
-  createInfiniteQueryKey,
-  createQueryKey
-};

package/dist/esm/providers/userContext.d.ts

@@ -1,9 +1 @@
-import React, { PropsWithChildren } from 'react';
-import { ConnectError, PartialMessage } from '..';
-import { LoginReply, LoginReq } from '../gomtmpb/mtm/sppb/mtm_pb';
-import { UseMutationResult } from '../mtmquery';
-export declare function UserProvider(props: {} & PropsWithChildren): React.JSX.Element;
 export declare function isRoleMatch(currentRoles: string[], allowRoles?: string[]): boolean;
-export declare const useAuth: () => {
-    login: UseMutationResult<LoginReply, ConnectError, PartialMessage<LoginReq>>;
-};

package/dist/esm/providers/userContext.js

@@ -1,18 +1,4 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { useMutation, useSuspenseQuery } from "../connectquery";
-import { MtM_TOKEN_NAME } from "../consts";
-import { login, userinfo } from "../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
-import { useToken } from "./GomtmProvider";
-const UserContext = React.createContext(void 0);
-function UserProvider(props) {
-  const { children } = props;
-  const query = useSuspenseQuery(userinfo, {});
-  return /* @__PURE__ */ jsx(UserContext.Provider, { value: {
-    userInfo: query.data
-  }, children });
-}
 function isRoleMatch(currentRoles, allowRoles) {
   if (!currentRoles) {
     return true;
@@ -28,20 +14,6 @@ function isRoleMatch(currentRoles, allowRoles) {
   }
   return false;
 }
-const useAuth = () => {
-  const { token, setToken } = useToken();
-  const loginMutation = useMutation(login, {
-    onSuccess(data, variables, context) {
-      setToken(data.accessToken);
-      document.cookie = `${MtM_TOKEN_NAME}=${data.accessToken}`;
-    }
-  });
-  return {
-    login: loginMutation
-  };
-};
 export {
-  UserProvider,
-  isRoleMatch,
-  useAuth
+  isRoleMatch
 };