gomtm 0.0.172 → 0.0.174

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

@@ -12,5 +12,5 @@ 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;
+export declare const Curd3ListViewDebug: () => import("react").JSX.Element;

package/dist/esm/curd/CurdListViewV3.js

@@ -19,12 +19,15 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, 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 { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
 import { callUnaryMethod } from "../connectquery";
+import { ListViewLayout } from "../gomtmpb/mtm/sppb/mtm_pb";
 import { gomtmBaseUrlAtom, transportAtom } from "../store/GomtmBackendProvider";
+import { ListItemView } from "./list-item/ListItem";
 const curd3activateIdAtom = atom("");
 const curd3ListParamsAtom = atom({});
 const curd3MethodListAtom = atom(null);
@@ -35,7 +38,8 @@ const curd3ItemsAtom = atom((get) => __async(void 0, null, function* () {
     throw new Error("curd3ItemsAtom, missing methodList");
   }
   const transport = get(transportAtom);
-  return yield callUnaryMethod(methodList, params, { transport });
+  const data = yield callUnaryMethod(methodList, params, { transport });
+  return data;
 }));
 function Curd3ListProvider(props) {
   const { params, methodList, children } = props;
@@ -52,6 +56,25 @@ const useCurd3List = () => {
     curd3MethodList
   };
 };
+const Curd2ListView = () => {
+  const [res] = useAtom(curd3ItemsAtom);
+  return /* @__PURE__ */ jsx("div", { className: "bg-blue-100 p-2", children: res.errCode ? /* @__PURE__ */ jsx(MtUnaryCallErrorView, { unaryError: res }) : /* @__PURE__ */ jsx(Fragment, { children: res.items.map((item, i) => {
+    return /* @__PURE__ */ jsx(ListItemView, { item }, i);
+  }) }) });
+};
+const ListLayout = (props) => {
+  const { children } = props;
+  switch (props.layout) {
+    case ListViewLayout.simple:
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1 rounded-md p-2 shadow-sm", children });
+    case ListViewLayout.grid:
+      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
+    case ListViewLayout.card:
+      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
+    default:
+      return children;
+  }
+};
 const Curd3ListViewDebug = () => {
   const curd3 = useCurd3List();
   const [gomtmBaseUrl] = useAtom(gomtmBaseUrlAtom);
@@ -67,10 +90,6 @@ const Curd3ListViewDebug = () => {
     ] })
   ] });
 };
-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,