gomtm 0.0.282 → 0.0.284

package/dist/esm/consts.d.ts

@@ -28,5 +28,6 @@ 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_Listview_Switchlayout = "alt+m";
 export declare const HOTKEY_ListViewCMDK = "alt+c";
 export declare const CONST_debounce_INPUT = 300;

package/dist/esm/consts.js

@@ -28,6 +28,7 @@ const MEMBER_ROLE = "member";
 const TRPC_API_PREFIX = "/api.v1/trpc";
 const HOTKEY_Debug = "alt+j";
 const HOTKEY_Switchlayout = "alt+l";
+const HOTKEY_Listview_Switchlayout = "alt+m";
 const HOTKEY_ListViewCMDK = "alt+c";
 const CONST_debounce_INPUT = 300;
 export {
@@ -45,6 +46,7 @@ export {
   ExtKey_Hostname,
   HOTKEY_Debug,
   HOTKEY_ListViewCMDK,
+  HOTKEY_Listview_Switchlayout,
   HOTKEY_Switchlayout,
   HeaderMtmApi,
   HeaderMtmHost,

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

@@ -11,6 +11,7 @@ interface ListViewProps {
     params?: any;
     getParams?: any;
     detailData?: any;
+    layout?: string;
 }
 export declare function ListViewProvider(props: ListViewProps & PropsWithChildren): import("react").JSX.Element;
 export declare function useListView<I extends Message<I>, O extends Message<O>>(): {
@@ -24,6 +25,7 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     params?: any;
     getParams?: any;
     detailData?: any;
+    layout?: string | undefined;
     openRemove?: boolean | undefined;
     setOpenRemove?: Dispatch<SetStateAction<boolean>> | undefined;
     openCreate?: boolean | undefined;
@@ -35,6 +37,7 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
     setParams?: Dispatch<any> | undefined;
     setDetailData?: Dispatch<any> | undefined;
+    setLayout?: Dispatch<SetStateAction<string>> | undefined;
 };
 export declare function useDetail(): {
     svc: string;
@@ -47,6 +50,7 @@ export declare function useDetail(): {
     params?: any;
     getParams?: any;
     detailData?: any;
+    layout?: string | undefined;
     openRemove: boolean;
     setOpenRemove: Dispatch<SetStateAction<boolean>>;
     openCreate: boolean;
@@ -58,6 +62,7 @@ export declare function useDetail(): {
     setOpenDebug: Dispatch<SetStateAction<boolean>>;
     setParams: Dispatch<any>;
     setDetailData: Dispatch<any>;
+    setLayout: Dispatch<SetStateAction<string>>;
 };
 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/listview/ListViewProvider.js

@@ -35,7 +35,7 @@ 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 { debounce } from "lodash";
 import { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
@@ -44,14 +44,22 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { Suspense, createContext, useCallback, useContext, useMemo, useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
 import { MtmErrorView } from "../../components/MtmErrorView";
-import { CONST_debounce_INPUT } from "../../consts";
+import { CONST_debounce_INPUT, HOTKEY_Listview_Switchlayout } from "../../consts";
 import { useGomtmMutation, useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
 import { useMtmApp } from "../../providers/GomtmProvider";
 import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "../create/CurdCreatePanel";
 import CurdEditPanel, { CurdEditPanelTriggerButton } from "../edit/CurdEditPanel";
 import { ListItemView } from "../list-item/ListItem";
 import { ListLayout } from "../list-item/ListLayout";
+import { ListViewLayoutDefault } from "./listview-layouts/default";
+import ListViewLayoutDemo from "./listview-layouts/listviewlayout-demo";
+const ALL_Layouts = [
+  "demo",
+  "default",
+  "none"
+];
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
   const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet } = props;
@@ -64,6 +72,7 @@ function ListViewProvider(props) {
   const [openDebug, setOpenDebug] = useState(false);
   const [_params, _setParams] = useState(mtapp.globalSearchParams);
   const [detailData, setDetailData] = useState(void 0);
+  const [layout, setLayout] = useState("default");
   const params = useMemo(() => {
     var _a;
     return {
@@ -93,8 +102,13 @@ function ListViewProvider(props) {
     params,
     setParams,
     detailData,
-    setDetailData
-  }, children });
+    setDetailData,
+    layout,
+    setLayout
+  }, children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
+    children,
+    /* @__PURE__ */ jsx(ListViewLayoutSwitch, {})
+  ] }) });
 }
 function useListView() {
   const ctx = useContext(commonListViewContext);
@@ -186,6 +200,38 @@ const ListViewActions = () => {
     ] })
   ] });
 };
+const ListViewLayout = (props) => {
+  const listView = useListView();
+  const { children } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: listView.layout == "default" ? /* @__PURE__ */ jsxs(ListViewLayoutDefault, { children: [
+    " ",
+    children,
+    " "
+  ] }) : listView.layout == "demo" ? /* @__PURE__ */ jsxs(ListViewLayoutDemo, { children: [
+    " ",
+    children,
+    " "
+  ] }) : listView.layout == "none" ? /* @__PURE__ */ jsx(Fragment, { children }) : children });
+};
+const ListViewLayoutSwitch = () => {
+  const listview = useListView();
+  const [open, setOpen] = useState(false);
+  useHotkeys(HOTKEY_Listview_Switchlayout, () => {
+    setOpen((pre) => !pre);
+  }, [open, setOpen]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "LayoutSwitch,",
+      listview.layout
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
+      return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+        listview.setLayout(layout);
+        setOpen(false);
+      }, children: layout }, layout);
+    }) })
+  ] }) });
+};
 export {
   CommonListView,
   ListViewActions,

package/dist/esm/curd/listview/listview-layouts/default/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const ListViewLayoutDefault: (props: PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/curd/listview/listview-layouts/default/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+const ListViewLayoutDefault = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+export {
+  ListViewLayoutDefault
+};

package/dist/esm/curd/listview/listview-layouts/{listview-demolayout → listviewlayout-demo}/index.d.ts

@@ -1,2 +1,2 @@
 import { PropsWithChildren } from "react";
-export default function ListViewDemoLayout(props: PropsWithChildren): import("react").JSX.Element;
+export default function ListViewLayoutDemo(props: PropsWithChildren): import("react").JSX.Element;

package/dist/esm/curd/listview/listview-layouts/listviewlayout-demo/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ListViewLayoutDemo(props) {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs("div", { className: "bg-blue-300 p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "ListViewDemoLayout" }),
+    children
+  ] });
+}
+export {
+  ListViewLayoutDemo as default
+};

package/dist/esm/ly/LayoutBase.js

@@ -7,7 +7,7 @@ import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { TooltipProvider } from "mtxuilib/ui/tooltip";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
-import { Suspense, lazy } from "react";
+import { Suspense, lazy, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
 import { HOTKEY_Switchlayout } from "../consts";
@@ -50,10 +50,11 @@ const LayoutBase = (props) => {
 };
 const LayoutSwitchDlg = () => {
   const mtapp = useMtmApp();
+  const [open, setOpen] = useState(false);
   useHotkeys(HOTKEY_Switchlayout, () => {
-    mtapp.setOpenLayoutSwitchDlg((pre) => !pre);
-  }, [mtapp.setOpenLayoutSwitchDlg, mtapp.openLayoutSwitchDlg]);
-  return /* @__PURE__ */ jsx(Dialog, { open: mtapp.openLayoutSwitchDlg, onOpenChange: mtapp.setOpenLayoutSwitchDlg, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    setOpen((pre) => !pre);
+  }, [open, setOpen]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "LayoutSwitch,",
       mtapp.layoutName
@@ -61,7 +62,7 @@ const LayoutSwitchDlg = () => {
     /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
         mtapp.setLayoutName(layout);
-        mtapp.setOpenLayoutSwitchDlg(false);
+        setOpen(false);
       }, children: layout }, layout);
     }) })
   ] }) });

package/dist/esm/providers/GomtmProvider.d.ts

@@ -15,8 +15,6 @@ export declare function useMtmApp(): {
     setIsDebug: Dispatch<SetStateAction<boolean>>;
     setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
     setLayoutName: Dispatch<SetStateAction<string>>;
-    openLayoutSwitchDlg?: boolean | undefined;
-    setOpenLayoutSwitchDlg: Dispatch<SetStateAction<boolean>>;
     setCookieStr: Dispatch<SetStateAction<string>>;
     globalSearchParams?: any;
     setGlobalSearchParams: Dispatch<any>;

package/dist/esm/providers/GomtmProvider.js

@@ -54,8 +54,8 @@ function GomtmProvider(props) {
     setBackendUrl,
     layoutName: _layoutName,
     setLayoutName,
-    openLayoutSwitchDlg,
-    setOpenLayoutSwitchDlg,
+    // openLayoutSwitchDlg: openLayoutSwitchDlg,
+    // setOpenLayoutSwitchDlg: setOpenLayoutSwitchDlg,
     cookieStr: _cookieStr,
     setCookieStr,
     globalSearchParams,

package/dist/esm/validations/spContentModi.d.ts

@@ -21,15 +21,15 @@ export declare const spContentModiCreateInput: z.ZodObject<{
     action: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    action: string;
     value: string;
+    action: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;
     title?: string | undefined;
 }, {
-    action: string;
     value: string;
+    action: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;
@@ -44,17 +44,17 @@ export declare const spContentModiSaveInput: z.ZodObject<{
     action: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    value: string;
     id: string;
     action: string;
-    value: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;
     title?: string | undefined;
 }, {
+    value: string;
     id: string;
     action: string;
-    value: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;

package/dist/esm/validations/spRoute.d.ts

@@ -20,17 +20,17 @@ export declare const spRouteCreateInput: z.ZodObject<{
     pathPattern: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    value: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }, {
+    value: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }>;
 export type SpRouteSaveInput = z.infer<typeof SpRouteSaveInput>;
 export declare const SpRouteSaveInput: z.ZodObject<{
@@ -41,17 +41,17 @@ export declare const SpRouteSaveInput: z.ZodObject<{
     pathPattern: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    value: string;
     id: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }, {
+    value: string;
     id: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }>;

package/dist/esm/validations/user.d.ts

@@ -27,11 +27,11 @@ export declare const createUserSchema: z.ZodObject<{
     name: z.ZodString;
     email: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     email: string;
-}, {
     name: string;
+}, {
     email: string;
+    name: string;
 }>;
 export type ICreateUser = z.infer<typeof createUserSchema>;
 export declare const Oauth2LoginResponseSchema: z.ZodObject<{