gomtm 0.0.169 → 0.0.171

package/dist/esm/curd/CommonListViewV2.js

@@ -4,10 +4,10 @@ import { atom, useAtom } from "jotai";
 import { useHydrateAtoms } from "jotai/utils";
 import { cn } from "mtxuilib/lib/utils";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
-import { ListItemView } from "../components/ListItem";
 import { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
 import { useSuspenseInfiniteQuery } from "../connectquery";
 import { ListViewLayout } from "../gomtmpb/mtm/sppb/mtm_pb";
+import { ListItemView } from "./list-item/ListItem";
 const listQueryAtom = atom(null);
 function CommonListViewProvider(props) {
   const { children, methodList } = props;

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

@@ -0,0 +1,16 @@
+import { AnyMessage, Message, PlainMessage } from "@bufbuild/protobuf";
+import { PropsWithChildren } from "react";
+import { MethodUnaryDescriptor } from "../connectquery";
+export declare const curd3activateIdAtom: import("jotai").PrimitiveAtom<string> & {
+    init: string;
+};
+export declare function Curd3ListProvider<I extends Message<I>, O extends Message<O>>(props: {
+    params: Partial<PlainMessage<I>>;
+    methodList: MethodUnaryDescriptor<I, O>;
+} & PropsWithChildren): import("react").JSX.Element;
+export declare const useCurd3List: () => {
+    params: PlainMessage<AnyMessage>;
+    curd3MethodList: MethodUnaryDescriptor<AnyMessage, AnyMessage> | null;
+};
+export declare const Curd3ListViewDebug: () => import("react").JSX.Element;
+export declare const Curd2ListView: () => import("react").JSX.Element;

package/dist/esm/curd/CurdListViewV3.js

@@ -0,0 +1,80 @@
+"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 { jsx, jsxs } from "react/jsx-runtime";
+import { atom, useAtom } from "jotai";
+import { ScopeProvider } from "mtxlib/jotai/ScopeProvider";
+import { AtomsHydrator } from "mtxlib/jotai/jotai-helper";
+import { callUnaryMethod } from "../connectquery";
+import { gomtmBaseUrlAtom, transportAtom } from "../store/GomtmBackendProvider";
+const curd3activateIdAtom = atom("");
+const curd3ListParamsAtom = atom({});
+const curd3MethodListAtom = atom(null);
+const curd3ItemsAtom = atom((get) => __async(void 0, null, function* () {
+  const params = get(curd3ListParamsAtom);
+  const methodList = get(curd3MethodListAtom);
+  if (!methodList) {
+    throw new Error("curd3ItemsAtom, missing methodList");
+  }
+  const transport = get(transportAtom);
+  return yield callUnaryMethod(methodList, params, { transport });
+}));
+function Curd3ListProvider(props) {
+  const { params, methodList, children } = props;
+  return /* @__PURE__ */ jsx(ScopeProvider, { atoms: [curd3ListParamsAtom, curd3MethodListAtom], children: /* @__PURE__ */ jsx(AtomsHydrator, { atomValues: [
+    [curd3ListParamsAtom, params],
+    [curd3MethodListAtom, methodList]
+  ], children }) });
+}
+const useCurd3List = () => {
+  const [curd3ListParams] = useAtom(curd3ListParamsAtom);
+  const [curd3MethodList] = useAtom(curd3MethodListAtom);
+  return {
+    params: curd3ListParams,
+    curd3MethodList
+  };
+};
+const Curd3ListViewDebug = () => {
+  const curd3 = useCurd3List();
+  const [gomtmBaseUrl] = useAtom(gomtmBaseUrlAtom);
+  return /* @__PURE__ */ jsxs("div", { className: "bg-slate-200 p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Curd3ListViewDebug" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "params: ",
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(curd3, null, 2) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "gomtmBaseUrl:",
+      gomtmBaseUrl
+    ] })
+  ] });
+};
+const Curd2ListView = () => {
+  const [items] = useAtom(curd3ItemsAtom);
+  return /* @__PURE__ */ jsx("div", { className: "bg-blue-100 p-2", children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(items, null, 2) }) });
+};
+export {
+  Curd2ListView,
+  Curd3ListProvider,
+  Curd3ListViewDebug,
+  curd3activateIdAtom,
+  useCurd3List
+};

package/dist/esm/curd/curd-detail.js

@@ -6,7 +6,7 @@ import { createContext, useMemo, useState } from "react";
 import { Icons } from "mtxuilib/icons/icons";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { activateIdAtom, useCurdView } from "./CurdViewView";
+import { curd3activateIdAtom } from "./CurdListViewV3";
 const curdDetailViewContext = createContext(void 0);
 function CurdViewDetailProvider(props) {
   const [isOpenEdit, setIsOpenEdit] = useState(false);
@@ -17,7 +17,7 @@ function CurdViewDetailProvider(props) {
 }
 function CurdViewShow(props) {
   const { children } = props;
-  const [activateId, setActivateId] = useAtom(activateIdAtom);
+  const [activateId, setActivateId] = useAtom(curd3activateIdAtom);
   const search = useSearchParams();
   useMemo(() => {
     const id = search.get("id");
@@ -31,7 +31,6 @@ function CurdViewShow(props) {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CurdViewDetailProvider, {}) });
 }
 const DetailViewActions = () => {
-  const curd = useCurdView();
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { variant: "ghost", className: "m-0 flex h-10 w-10 items-center justify-center border p-0 shadow-sm backdrop-blur", children: /* @__PURE__ */ jsx(Icons.ellipsis, {}) }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { className: "w-56", children: [

package/dist/esm/curd/list-item/ListItem.d.ts

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

package/dist/esm/curd/list-item/ListItem.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "mtxuilib/lib/utils";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { PostCard } from "../../components/blog/PostCard";
+const ListItemView = (props) => {
+  var _a, _b;
+  const { item } = props;
+  if ((_a = item == null ? void 0 : item.item) == null ? void 0 : _a.value) {
+    const itemCase = ((_b = item.item) == null ? void 0 : _b.case) || "";
+    switch (itemCase) {
+      case "commonListItem":
+        return /* @__PURE__ */ jsx(CommonListItemView, { item: item.item.value });
+      case "postCard":
+        return /* @__PURE__ */ jsx(PostCard, { item: item.item.value });
+      default:
+        return /* @__PURE__ */ jsx("span", { className: "bg-red-600 p-2", children: "unknow list item type" });
+    }
+  }
+  return null;
+};
+const CommonListItemView = (props) => {
+  const { item } = props;
+  const handleSelect = () => {
+  };
+  return /* @__PURE__ */ jsx(
+    MtButton,
+    {
+      variant: "ghost",
+      onClick: handleSelect,
+      className: cn(
+        "flex  min-h-16 justify-start border p-4 text-left"
+        // item.id == curd.activateId && " font-bold"
+      ),
+      "aria-label": item.id
+    }
+  );
+};
+export {
+  ListItemView
+};

package/dist/esm/curd/toolbar-buttons.js

@@ -1,14 +1,10 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { MtLink } from "mtxuilib/common/mtlink";
-import { useCurdView } from "./CurdViewView";
 const CurdEditButton = () => {
-  const curd = useCurdView();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: curd.editLink(curd.activateId), children: "edit" }) });
+  return /* @__PURE__ */ jsx(Fragment, {});
 };
 const CurdCreateButton = () => {
-  const curd = useCurdView();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: curd.createLink, children: "new" }) });
+  return /* @__PURE__ */ jsx(Fragment, {});
 };
 export {
   CurdCreateButton,

package/dist/esm/form/ConnectEsUpdateForm.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, PropsWithChildren } from "react";
+import type { Message, PartialMessage } from "@bufbuild/protobuf";
+import { ConnectQueryKey, MethodUnaryDescriptor } from "../connectquery";
+export declare function ConnectEsUpdateForm<I extends Message<I>, O extends Message<O>>(props: {
+    defaultValues?: any;
+    mutationMethodSig: MethodUnaryDescriptor<any, any>;
+    onMutationSuccess?: ((data: any, variables: PartialMessage<any>, context: ConnectQueryKey<any>) => unknown) | undefined;
+} & Omit<ComponentProps<typeof FormInnerWithSuspenseQuery>, "onSubmit">): import("react").JSX.Element;
+declare function FormInner(props: {
+    defaultValues: any;
+    onSubmit: (values: any) => void;
+} & PropsWithChildren): import("react").JSX.Element;
+declare function FormInnerWithSuspenseQuery<I extends Message<I>, O extends Message<O>>(props: {
+    methodQuerySig: MethodUnaryDescriptor<I, O>;
+    params?: PartialMessage<I>;
+} & Omit<ComponentProps<typeof FormInner>, "defaultValues">): import("react").JSX.Element;
+export {};

package/dist/esm/form/ConnectEsUpdateForm.js

@@ -0,0 +1,78 @@
+"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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Suspense, useMemo } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { useMutation, useSuspenseQuery } from "../connectquery";
+function ConnectEsUpdateForm(props) {
+  const { defaultValues, methodQuerySig, params, children, mutationMethodSig, onMutationSuccess } = props;
+  const mutation = useMutation(mutationMethodSig, {
+    onSuccess: onMutationSuccess
+  });
+  const handleSubmit = (values) => {
+    console.log("ConnectEsUpdateForm handle submit ", values, mutationMethodSig);
+    mutation.mutateAsync({ input: values });
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: defaultValues ? /* @__PURE__ */ jsx(FormInner, { defaultValues, onSubmit: handleSubmit, children }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Fragment, { children: "ConnectEsUpdateForm loading" }), children: /* @__PURE__ */ jsx(
+    FormInnerWithSuspenseQuery,
+    {
+      methodQuerySig,
+      params,
+      onSubmit: handleSubmit,
+      children
+    }
+  ) }) }) });
+}
+function FormInner(props) {
+  const { defaultValues, onSubmit, children } = props;
+  const form = useForm({
+    defaultValues
+  });
+  return /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsx("form", { onSubmit: form.handleSubmit(onSubmit), children }) }));
+}
+function FormInnerWithSuspenseQuery(props) {
+  const _a = props, { methodQuerySig, params, onSubmit } = _a, etc = __objRest(_a, ["methodQuerySig", "params", "onSubmit"]);
+  const query = useSuspenseQuery(methodQuerySig, params);
+  const defaultValue = useMemo(() => {
+    var _a2, _b;
+    const data2 = query.data;
+    if ((_a2 = data2.item) == null ? void 0 : _a2.value) {
+      return (_b = data2.item) == null ? void 0 : _b.value;
+    }
+    return query.data;
+  }, [query.data]);
+  return /* @__PURE__ */ jsx(FormInner, __spreadValues({ defaultValues: defaultValue, onSubmit }, etc));
+}
+export {
+  ConnectEsUpdateForm
+};