gomtm 0.0.339 → 0.0.340

package/dist/esm/components/MtDate.js

@@ -10,7 +10,7 @@ const MtDateView = (props) => {
   date1.setFullYear(date.year);
   date1.setMonth(date.month);
   date1.setDate(date.day);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("time", { dateTime: date1.toString(), children: formatDate(date1.toString(), "en-US") }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { children: formatDate(date1.toString(), "en-US") }) });
 };
 export {
   MtDateView

package/dist/esm/curd/edit/CurdEditPanel.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
+import { ComponentType } from "react";
 export default function CurdEditPanel(props: {
     fullScreen?: boolean;
 }): import("react").JSX.Element | null;
 export declare const CurdEditPanelTriggerButton: () => import("react").JSX.Element;
+export declare const RenderEditorComponent: () => import("react").JSX.Element;
+export declare const RegisterEditorComponent: (name: string, Component: ComponentType<any>) => void;

package/dist/esm/curd/edit/CurdEditPanel.js

@@ -12,20 +12,17 @@ function CurdEditPanel(props) {
   const setOpenEdit = useListview((x) => x.setOpenEdit);
   const openEdit = useListview((x) => x.openEdit);
   const editRender = useListview((x) => x.editRender);
+  const editorComponentName = useListview((x) => x.editorComponentName);
   if (!openEdit) {
     return null;
   }
   if (fullScreen) {
-    return /* @__PURE__ */ jsx(WithLoadGetData, { children: /* @__PURE__ */ jsxs(FullScreenPanel, { children: [
-      !editRender && /* @__PURE__ */ jsx("div", { children: "missing editRender children" }),
-      openEdit && editRender && flexRender(editRender, {})
-    ] }) });
+    return /* @__PURE__ */ jsx(WithLoadGetData, { children: /* @__PURE__ */ jsx(FullScreenPanel, { children: openEdit && editRender && flexRender(editRender, {}) }) });
   }
   return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }),
-    openEdit && editRender && flexRender(editRender, {}),
+    /* @__PURE__ */ jsx(RenderEditorComponent, {}),
     /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-      console.log("editRender", editRender);
     }, children: "xxxxx" })
   ] }) });
 }
@@ -44,10 +41,7 @@ const WithLoadGetData = (props) => {
   if (detailQuery.isLoading) {
     return /* @__PURE__ */ jsx("div", { children: "loading detail" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "bg-red-200 p-2", children: [
-    "WithLoadGetData",
-    children
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "bg-red-200 p-2", children });
 };
 const CurdEditPanelTriggerButton = () => {
   const setOpenEdit = useListview((x) => x.setOpenEdit);
@@ -55,7 +49,34 @@ const CurdEditPanelTriggerButton = () => {
     setOpenEdit(true);
   }, children: "Edit" }) });
 };
+const RenderEditorComponent = () => {
+  const editorComponentName = useListview((x) => x.editorComponentName);
+  const editRender = useListview((x) => x.editRender);
+  const Comp = useMemo(() => {
+    const c = allEditorComponent[editorComponentName || ""];
+    return c || null;
+  }, [editorComponentName]);
+  if (!editorComponentName) {
+    return /* @__PURE__ */ jsx("div", { children: "missing editorComponentName" });
+  }
+  if (Comp) {
+    return /* @__PURE__ */ jsx(Comp, {});
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-red-200 p-2", children: [
+    "missing Component:",
+    editorComponentName
+  ] });
+};
+const allEditorComponent = {};
+const RegisterEditorComponent = (name, Component) => {
+  allEditorComponent[name] = Component;
+};
+RegisterEditorComponent("hello_editor", () => {
+  return /* @__PURE__ */ jsx("div", { children: "HelloEditorComponent" });
+});
 export {
   CurdEditPanelTriggerButton,
+  RegisterEditorComponent,
+  RenderEditorComponent,
   CurdEditPanel as default
 };

package/dist/esm/curd/edit/useCurdUpdateForm.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from "react-hook-form";
+export declare function useCurdUpdateForm<TFieldValues extends FieldValues = FieldValues>(): {
+    form: import("react-hook-form").UseFormReturn<TFieldValues, any, undefined>;
+    handleSubmit: (values: any) => void;
+    detailData: any;
+    setOpenEdit: (openEdit: boolean) => void;
+};

package/dist/esm/curd/edit/useCurdUpdateForm.js

@@ -0,0 +1,25 @@
+"use client";
+import { useForm } from "react-hook-form";
+import { useCurdUpdateMutation, useListview } from "../listview/list-store";
+function useCurdUpdateForm() {
+  const detailData = useListview((x) => x.detailData);
+  const setOpenEdit = useListview((x) => x.setOpenEdit);
+  const mutationUpdate = useCurdUpdateMutation();
+  const form = useForm(
+    {
+      defaultValues: detailData
+    }
+  );
+  const handleSubmit = (values) => {
+    mutationUpdate.mutateAsync(values);
+  };
+  return {
+    form,
+    handleSubmit,
+    detailData,
+    setOpenEdit
+  };
+}
+export {
+  useCurdUpdateForm
+};

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

@@ -6,7 +6,6 @@ import { cn } from "mtxuilib/lib/utils";
 import { buttonVariants } from "mtxuilib/ui/button";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "mtxuilib/ui/card";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
-import { title } from "process";
 import { Suspense, useState } from "react";
 import { MtDateView } from "../../components/MtDate";
 import Tag from "../../components/Tag";
@@ -55,7 +54,6 @@ const CommonListItemView = (props) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      "aria-label": item.id,
       onClick: handleSelect,
       className: cn(
         buttonVariants({
@@ -117,7 +115,6 @@ const PostCardListItem = (props) => {
                 {
                   href: `/blog/${item.slug}`,
                   className: "text-primary-500 hover:text-primary-600 dark:hover:text-primary-400",
-                  "aria-label": `Read more: "${title}"`,
                   children: "Read more \u2192"
                 }
               ) })

package/dist/esm/curd/listview/MtListView.js

@@ -41,7 +41,7 @@ function MtListView(props) {
       svc: etc.svc,
       method: etc.methodList,
       input: etc.paramsList,
-      children: /* @__PURE__ */ jsx(ListViewRender, {})
+      children: /* @__PURE__ */ jsx(ListViewRender, { children })
     }
   ) }));
 }

package/dist/esm/curd/listview/list-store.d.ts

@@ -17,6 +17,7 @@ interface ListViewStateProps {
     data?: any;
     error?: any;
     editRender?: Renderable<any>;
+    editorComponentName?: string;
 }
 export interface ListViewState extends ListViewStateProps {
     openRemove: boolean;
@@ -30,10 +31,12 @@ export interface ListViewState extends ListViewStateProps {
     nextPage: () => void;
     setEditRender: (a: Renderable<any>) => void;
     setDetailData: (detailData: any) => void;
+    setEeditorComponentName: (editorComponentName: string) => void;
 }
 export declare const listViewContext: import("react").Context<import("zustand").StoreApi<ListViewState> | null>;
 type BearProviderProps = React.PropsWithChildren<ListViewStateProps>;
 export declare const ListViewStoreProvider: (props: BearProviderProps) => import("react").JSX.Element;
 export declare const ListView: (props: Omit<ComponentProps<typeof ListViewStoreProvider>, 'backendUrl'> & PropsWithChildren) => import("react").JSX.Element;
 export declare function useListview<T>(selector: (state: ListViewState) => T): T;
+export declare const useCurdUpdateMutation: () => import("@tanstack/react-query").UseMutationResult<any, Error, any, unknown>;
 export {};

package/dist/esm/curd/listview/list-store.js

@@ -36,6 +36,7 @@ import { createContext, useContext, useRef } from "react";
 import { useStore } from "zustand";
 import { createStore } from "zustand/vanilla";
 import { CONST_cookieListViewLayout } from "../../consts";
+import { useGomtmMutation } from "../../gomtmQuery";
 import { useGomtm } from "../../store/mtapp-store";
 const createListviewStore = (initProps) => {
   const DEFAULT_PROPS = {
@@ -77,7 +78,8 @@ const createListviewStore = (initProps) => {
     nextPage: () => {
     },
     setEditRender: (editRender) => set({ editRender }),
-    setDetailData: (detailData) => set({ detailData })
+    setDetailData: (detailData) => set({ detailData }),
+    setEeditorComponentName: (editorComponentName) => set({ editorComponentName })
   }));
 };
 const listViewContext = createContext(null);
@@ -100,9 +102,16 @@ function useListview(selector) {
     throw new Error("useListview Missing ListViewProvider in the tree");
   return useStore(store, selector);
 }
+const useCurdUpdateMutation = () => {
+  const svc = useListview((x) => x.svc);
+  const methodUpdate = useListview((x) => x.methodUpdate);
+  const mutationUpdate = useGomtmMutation(svc, methodUpdate);
+  return mutationUpdate;
+};
 export {
   ListView,
   ListViewStoreProvider,
   listViewContext,
+  useCurdUpdateMutation,
   useListview
 };

package/dist/esm/gomtmQuery.js

@@ -43,7 +43,6 @@ function useGomtmSuspenseInfiniteQuery(svc, method, input) {
     queryFn: (k) => fn(svc, method, input),
     initialPageParam: input,
     getNextPageParam: (lastPage, allPages, lastPageParam, allPageParams) => {
-      console.log("lastPage", lastPage);
       return lastPage;
     }
   });