gomtm 0.0.276 → 0.0.278

package/dist/esm/consts.d.ts

@@ -28,3 +28,5 @@ export declare const MEMBER_ROLE = "member";
 export declare const TRPC_API_PREFIX = "/api.v1/trpc";
 export declare const HOTKEY_Debug = "alt+j";
 export declare const HOTKEY_Switchlayout = "alt+l";
+export declare const HOTKEY_ListViewCMDK = "alt+c";
+export declare const CONST_debounce_INPUT = 300;

package/dist/esm/consts.js

@@ -28,6 +28,8 @@ const MEMBER_ROLE = "member";
 const TRPC_API_PREFIX = "/api.v1/trpc";
 const HOTKEY_Debug = "alt+j";
 const HOTKEY_Switchlayout = "alt+l";
+const HOTKEY_ListViewCMDK = "alt+c";
+const CONST_debounce_INPUT = 300;
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -35,12 +37,14 @@ export {
   ActionEdit,
   ActionFetchNextPage,
   ActionRefetch,
+  CONST_debounce_INPUT,
   COOKIE_IS_DEBUG,
   COOKIE_MTM_SITE_ID,
   Cookie_Site_Host,
   DEFAULT_revalidate_SECONDS,
   ExtKey_Hostname,
   HOTKEY_Debug,
+  HOTKEY_ListViewCMDK,
   HOTKEY_Switchlayout,
   HeaderMtmApi,
   HeaderMtmHost,

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

@@ -1,19 +1,4 @@
-import type { Message, PartialMessage } from "@bufbuild/protobuf";
-import { Dispatch, PropsWithChildren } from "react";
-import { MethodUnaryDescriptor } from "../connectquery";
-interface CurdDetailProps {
-    curdDetailPageData?: any | null;
-    methodGet: MethodUnaryDescriptor<any, any>;
-    params?: PartialMessage<any>;
-}
-export declare function CurdDetailProvider<I extends Message<I>, O extends Message<O>>(props: CurdDetailProps & PropsWithChildren): import("react").JSX.Element;
-export declare function useDetail(): {
-    setCurdDetailPageData: Dispatch<any>;
-    curdDetailPageData?: any;
-    methodGet: MethodUnaryDescriptor<any, any>;
-    params?: PartialMessage<any> | undefined;
-};
+/// <reference types="react" />
 export declare const DetailViewDataDlg: () => import("react").JSX.Element;
 export declare function DlgCurdDebugInfo(): import("react").JSX.Element;
 export declare const DlgCurdDebugInfoTriggerButton: () => import("react").JSX.Element | null;
-export {};

package/dist/esm/curd/CurdDetailProvider.js

@@ -1,52 +1,12 @@
-"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 { Dialog, DialogContent, DialogTitle, DialogTrigger } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { Suspense, createContext, useContext, useState } from "react";
 import { useSuspenseQuery } from "../connectquery";
 import { useMtmApp } from "../providers/GomtmProvider";
 import { useListView } from "./ListViewProvider";
-const CurdDetailContext = createContext(void 0);
-function CurdDetailProvider(props) {
-  const { params, methodGet, children } = props;
-  const [curdDetailPageData, setCurdDetailPageData] = useState(null);
-  const mtApp = useMtmApp();
-  return /* @__PURE__ */ jsxs(CurdDetailContext.Provider, { value: {
-    params,
-    methodGet,
-    curdDetailPageData,
-    setCurdDetailPageData
-  }, children: [
-    children,
-    mtApp.isDebug && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(DetailViewDataDlg, {}) })
-  ] });
-}
-function useDetail() {
-  const mtappContext = useContext(CurdDetailContext);
-  if (mtappContext === void 0) {
-    throw new Error("useMtmApp must be used within a MtAppProvider");
-  }
-  return __spreadValues({}, mtappContext);
-}
 const DetailViewDataDlg = () => {
-  const detail = useDetail();
-  const query = useSuspenseQuery(detail.methodGet);
+  const listView = useListView();
+  const query = useSuspenseQuery(listView.methodGet, listView.getParams);
   return /* @__PURE__ */ jsxs(Dialog, { children: [
     /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { children: "DetailData" }) }),
     /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(query.data, null, 2) }) })
@@ -67,9 +27,7 @@ const DlgCurdDebugInfoTriggerButton = () => {
   }, children: "DlgCurdDebug" }) });
 };
 export {
-  CurdDetailProvider,
   DetailViewDataDlg,
   DlgCurdDebugInfo,
-  DlgCurdDebugInfoTriggerButton,
-  useDetail
+  DlgCurdDebugInfoTriggerButton
 };

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ListPageCommands(): import("react").JSX.Element;

package/dist/esm/curd/ListPageCommands.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HOTKEY_ListViewCMDK } from "../consts";
+import { debounce } from "lodash";
+import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparator } from "mtxuilib/ui/command";
+import { useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+function ListPageCommands() {
+  const [open, setOpen] = useState(false);
+  useHotkeys(HOTKEY_ListViewCMDK, () => {
+    setOpen((pre) => !pre);
+  }, [setOpen]);
+  const handleValueChange = (search) => {
+  };
+  return /* @__PURE__ */ jsxs(CommandDialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search...", onValueChange: debounce(handleValueChange, 500) }),
+    /* @__PURE__ */ jsxs(CommandList, { children: [
+      /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ jsx(CommandSeparator, {})
+    ] })
+  ] });
+}
+export {
+  ListPageCommands
+};

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

@@ -0,0 +1,4 @@
+import { ComponentProps, PropsWithChildren } from "react";
+import { Message } from "..";
+import { ListViewProvider } from "./ListViewProvider";
+export default function ListViewPage<I extends Message<I>, O extends Message<O>>(props: {} & ComponentProps<typeof ListViewProvider> & PropsWithChildren): import("react").JSX.Element;

package/dist/esm/curd/ListViewPage.js

@@ -0,0 +1,50 @@
+"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 { WithConnectHydrate } from "../components/SSR";
+import { siteList } from "../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
+import { ListViewProvider } from "./ListViewProvider";
+function ListViewPage(props) {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ListViewProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
+    WithConnectHydrate,
+    {
+      methodSig: siteList,
+      input: etc.params,
+      children
+    }
+  ) })) });
+}
+export {
+  ListViewPage as default
+};

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

@@ -5,18 +5,24 @@ interface ListViewProps<I extends Message<I>, O extends Message<O>> {
     methodList: MethodUnaryDescriptor<I, any>;
     methodDelete: MethodUnaryDescriptor<any, any>;
     methodCreate?: MethodUnaryDescriptor<any, any>;
+    methodGet?: MethodUnaryDescriptor<any, any>;
     slugPath?: string;
     activateItem?: any;
     params?: any;
+    getParams?: any;
+    detailData?: any;
 }
 export declare function ListViewProvider<I extends Message<I>, O extends Message<O>>(props: ListViewProps<I, O> & PropsWithChildren): import("react").JSX.Element;
 export declare function useListView<I extends Message<I>, O extends Message<O>>(): {
     methodList?: MethodUnaryDescriptor<any, any> | undefined;
     methodDelete?: MethodUnaryDescriptor<any, any> | undefined;
     methodCreate?: MethodUnaryDescriptor<any, any> | undefined;
+    methodGet?: MethodUnaryDescriptor<any, any> | undefined;
     slugPath?: string | undefined;
     activateItem?: any;
     params?: any;
+    getParams?: any;
+    detailData?: any;
     openRemove?: boolean | undefined;
     setOpenRemove?: Dispatch<SetStateAction<boolean>> | undefined;
     openCreate?: boolean | undefined;
@@ -27,6 +33,29 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     openDebug?: boolean | undefined;
     setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
     setParams?: Dispatch<any> | undefined;
+    setDetailData?: Dispatch<any> | undefined;
+};
+export declare function useDetail(): {
+    methodList: MethodUnaryDescriptor<any, any>;
+    methodDelete: MethodUnaryDescriptor<any, any>;
+    methodCreate?: MethodUnaryDescriptor<any, any> | undefined;
+    methodGet?: MethodUnaryDescriptor<any, any> | undefined;
+    slugPath?: string | undefined;
+    activateItem?: any;
+    params?: any;
+    getParams?: any;
+    detailData?: any;
+    openRemove: boolean;
+    setOpenRemove: Dispatch<SetStateAction<boolean>>;
+    openCreate: boolean;
+    setOpenCreate: Dispatch<SetStateAction<boolean>>;
+    setActivateItem: Dispatch<any>;
+    openEdit?: boolean | undefined;
+    setOpenEdit: Dispatch<SetStateAction<boolean>>;
+    openDebug?: boolean | undefined;
+    setOpenDebug: Dispatch<SetStateAction<boolean>>;
+    setParams: Dispatch<any>;
+    setDetailData: Dispatch<any>;
 };
 export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
 export declare const ListViewActions: () => import("react").JSX.Element;

package/dist/esm/curd/ListViewProvider.js

@@ -49,6 +49,7 @@ import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { Suspense, createContext, useCallback, useContext, useMemo, useState } from "react";
 import { MtmErrorView } from "../components/MtmErrorView";
 import { useMutation, useSuspenseInfiniteQuery } from "../connectquery";
+import { CONST_debounce_INPUT } from "../consts";
 import { useMtmApp } from "../providers/GomtmProvider";
 import { DlgCurdDebugInfo, DlgCurdDebugInfoTriggerButton } from "./CurdDetailProvider";
 import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "./create/CurdCreatePanel";
@@ -57,7 +58,7 @@ import { ListItemView } from "./list-item/ListItem";
 import { ListLayout } from "./list-item/ListLayout";
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
-  const { children, methodList, methodDelete, slugPath, methodCreate } = props;
+  const { children, methodList, methodDelete, slugPath, methodCreate, methodGet } = props;
   const mtapp = useMtmApp();
   const [openRemove, setOpenRemove] = useState(false);
   const [openCreate, setOpenCreate] = useState(false);
@@ -65,6 +66,7 @@ function ListViewProvider(props) {
   const [openEdit, setOpenEdit] = useState(false);
   const [openDebug, setOpenDebug] = useState(false);
   const [_params, _setParams] = useState(mtapp.globalSearchParams);
+  const [detailData, setDetailData] = useState(void 0);
   const params = useMemo(() => {
     var _a;
     return {
@@ -73,14 +75,15 @@ function ListViewProvider(props) {
   }, [mtapp.globalSearchParams]);
   const setParams = useCallback(debounce((values) => {
     _setParams(values);
-  }, 300), [_setParams]);
+  }, CONST_debounce_INPUT), [_setParams]);
   return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
     methodList,
+    methodGet,
+    methodDelete,
+    methodCreate,
     slugPath,
     openRemove,
     setOpenRemove,
-    methodDelete,
-    methodCreate,
     openCreate,
     setOpenCreate,
     activateItem,
@@ -90,13 +93,22 @@ function ListViewProvider(props) {
     openDebug,
     setOpenDebug,
     params,
-    setParams
+    setParams,
+    detailData,
+    setDetailData
   }, children });
 }
 function useListView() {
   const ctx = useContext(commonListViewContext);
   return __spreadValues({}, ctx);
 }
+function useDetail() {
+  const mtappContext = useContext(commonListViewContext);
+  if (mtappContext === void 0) {
+    throw new Error("useDetail must be used within a MtAppProvider");
+  }
+  return __spreadValues({}, mtappContext);
+}
 function CommonListView() {
   const listView = useListView();
   const listQuery = useSuspenseInfiniteQuery(listView.methodList, {
@@ -105,9 +117,6 @@ function CommonListView() {
         q: listView.params.q || ""
       }
     },
-    // pagination: {
-    //   page: 1
-    // }
     pagination: void 0
   }, {
     pageParamKey: "pagination",
@@ -199,5 +208,6 @@ export {
   CommonListView,
   ListViewActions,
   ListViewProvider,
+  useDetail,
   useListView
 };