gomtm 0.0.169 → 0.0.170

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/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,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { cn } from "mtxuilib/lib/utils";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { PostCard } from "../../components/blog/PostCard";
+import { useCurdView } from "../CurdViewView";
+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 curd = useCurdView();
+  const handleSelect = () => {
+    curd.openShow(item.id);
+  };
+  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,
+      children: /* @__PURE__ */ jsxs(MtLink, { href: curd.showLink(item.id), children: [
+        item.title || item.id,
+        item.description && /* @__PURE__ */ jsx("div", { children: item.description })
+      ] })
+    }
+  );
+};
+export {
+  ListItemView
+};

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