mtxuilib 0.0.763 → 0.0.765

package/dist/browser/sw.min.js

@@ -0,0 +1 @@
+function s(e){let n=0;for(let t=1;t<=e;t+=4)n+=1/t-1/(t+2);return 4*n}addEventListener("message",e=>{postMessage(s(e.data))});var o=()=>{self.addEventListener("install",()=>{console.log("service worker installed")})};o();var c=()=>{self.addEventListener("activate",()=>{console.log("service worker activated")})};c();var a=()=>{console.log("setup service worker fetch event"),self.addEventListener("fetch",e=>{console.log("fetch event@serviceworker",e),e.respondWith(new Response("hello response"))})};a();

package/dist/esm/common/DeleteComfirm.d.ts

@@ -0,0 +1,20 @@
+import { type PropsWithChildren } from "react";
+import { type StateCreator } from "zustand";
+type MtxFormProps = {
+    open?: boolean;
+};
+type ConfirmCallbackFnType = () => void;
+export interface DeleteConformState extends MtxFormProps {
+    setOpen: (open: boolean) => void;
+    confirmCallback?: ConfirmCallbackFnType;
+    setConfirmCallback: (confirmCallback: ConfirmCallbackFnType) => void;
+}
+export declare const createFormSlice: StateCreator<DeleteConformState, [], [], DeleteConformState>;
+export declare const DeleteConfirmProvider: (props: PropsWithChildren<MtxFormProps>) => import("react").JSX.Element;
+export declare const useDeleteConfirm: () => {
+    show: (props: {
+        callback: () => void;
+    }) => void;
+};
+export declare const DeleteConfirmDlg: () => import("react").JSX.Element;
+export {};

package/dist/esm/common/DeleteComfirm.js

@@ -0,0 +1 @@
+"use client";var v=Object.defineProperty;var c=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var p=(t,o,e)=>o in t?v(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,C=(t,o)=>{for(var e in o||(o={}))f.call(o,e)&&p(t,e,o[e]);if(c)for(var e of c(o))u.call(o,e)&&p(t,e,o[e]);return t};var D=(t,o)=>{var e={};for(var r in t)f.call(t,r)&&o.indexOf(r)<0&&(e[r]=t[r]);if(t!=null&&c)for(var r of c(t))o.indexOf(r)<0&&u.call(t,r)&&(e[r]=t[r]);return e};var b=(t,o,e)=>new Promise((r,i)=>{var x=n=>{try{s(e.next(n))}catch(m){i(m)}},g=n=>{try{s(e.throw(n))}catch(m){i(m)}},s=n=>n.done?r(n.value):Promise.resolve(n.value).then(x,g);s((e=e.apply(t,o)).next())});import{jsx as l,jsxs as S}from"react/jsx-runtime";import{createContext as y,useCallback as P,useContext as M,useMemo as h}from"react";import{createStore as F,useStore as T}from"zustand";import{immer as O}from"zustand/middleware/immer";import{MtButton as k}from"../ui-mt/Button";import{Dialog as w,DialogContent as B,DialogDescription as W,DialogTitle as E}from"../ui/dialog";const R=(t,o)=>({setOpen:e=>t({open:e}),setConfirmCallback:e=>t({confirmCallback:e})}),q=t=>F()(O((...o)=>C(C({},R(...o)),t))),d=y(null),L=t=>{const i=t,{children:o}=i,e=D(i,["children"]),r=h(()=>q(e),[e]);return S(d.Provider,{value:r,children:[o,l(z,{})]})};function a(t){const o=M(d);if(!o)throw new Error("useDeleteConfirm Missing MtxFormProvider");return T(o,t)}const N=()=>{const t=a(r=>r.setOpen),o=a(r=>r.setConfirmCallback);return{show:P(r=>{o(r.callback),t(!0)},[o,t])}},z=()=>{const t=a(r=>r.open),o=a(r=>r.setOpen),e=a(r=>r.confirmCallback);return l(w,{open:t,onOpenChange:o,children:S(B,{children:[l(E,{children:"delete confirm"}),l(W,{children:"will delete item, continue?"}),l(k,{variant:"destructive",onClick:()=>b(void 0,null,function*(){o(!1),e&&e()}),children:"Continue"}),l(k,{variant:"outline",onClick:()=>{o(!1),e&&e()},children:"Cancel"})]})})};export{z as DeleteConfirmDlg,L as DeleteConfirmProvider,R as createFormSlice,N as useDeleteConfirm};

package/dist/esm/common/FullCenter.d.ts

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

package/dist/esm/common/FullCenter.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";const s=l=>{const{children:i}=l;return e("div",{className:"flex h-full w-full items-center justify-center",children:e("div",{className:"flex-1",children:i})})};export{s as FullCenter};

package/dist/esm/common/GlobalSearch.d.ts

@@ -0,0 +1,11 @@
+import { type PropsWithChildren } from "react";
+import { type StateCreator } from "zustand";
+type GlobalSearchProps = {};
+export interface GlobalSearchState extends GlobalSearchProps {
+    q?: string;
+    setQ?: (q: string) => void;
+}
+export declare const createFormSlice: StateCreator<GlobalSearchState, [], [], GlobalSearchState>;
+export declare const GlobalSearchProvider: (props: PropsWithChildren<GlobalSearchProps>) => import("react").JSX.Element;
+export declare function useGlobalSearch<T>(selector: (state: GlobalSearchState) => T): T;
+export {};

package/dist/esm/common/GlobalSearch.js

@@ -0,0 +1 @@
+"use client";var p=Object.defineProperty;var a=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var n=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,l=(e,r)=>{for(var t in r||(r={}))s.call(r,t)&&n(e,t,r[t]);if(a)for(var t of a(r))S.call(r,t)&&n(e,t,r[t]);return e};var i=(e,r)=>{var t={};for(var o in e)s.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&a)for(var o of a(e))r.indexOf(o)<0&&S.call(e,o)&&(t[o]=e[o]);return t};import{jsx as d}from"react/jsx-runtime";import{createContext as b,useContext as u,useMemo as G}from"react";import{createStore as f,useStore as m}from"zustand";const P=(e,r)=>({setQ:t=>e({q:t})}),C=e=>f()((...r)=>l(l({},P(...r)),e)),h=b(null),g=e=>{const c=e,{children:r}=c,t=i(c,["children"]),o=G(()=>C(t),[t]);return d(h.Provider,{value:o,children:r})};function T(e){const r=u(h);if(!r)throw new Error("useGlobalSearch Missing GlobalSearchProvider");return m(r,e)}export{g as GlobalSearchProvider,P as createFormSlice,T as useGlobalSearch};

package/dist/esm/common/MtImage.d.ts

@@ -0,0 +1,5 @@
+import Image from 'next/image';
+import { ComponentProps } from "react";
+type Props = ComponentProps<typeof Image>;
+export declare const MtImage: (props: Props) => import("react").JSX.Element;
+export {};

package/dist/esm/common/MtImage.js

@@ -0,0 +1 @@
+var s=Object.defineProperty,g=Object.defineProperties;var i=Object.getOwnPropertyDescriptors;var t=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var m=(e,o,r)=>o in e?s(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,n=(e,o)=>{for(var r in o||(o={}))d.call(o,r)&&m(e,r,o[r]);if(t)for(var r of t(o))c.call(o,r)&&m(e,r,o[r]);return e},p=(e,o)=>g(e,i(o));import{jsx as h}from"react/jsx-runtime";import{isCloudflarePage as l}from"mtxlib/utils";import f from"next/image";const u=e=>e.startsWith("/")?e.slice(1):e,I=({src:e,width:o,quality:r})=>{const a=[`width=${o}`];return r&&a.push(`quality=${r}`),`https://cfgomtm.yuepa8.com/cdn-cgi/image/${a.join(",")}/${u(e)}`},L=({src:e,width:o,quality:r})=>`https://example.com/${e}?w=${o}&q=${r||75}`;function $(){if(l())return I}const z=e=>h(f,p(n({},e),{loader:$()}));export{z as MtImage};

package/dist/esm/common/MtProgressBar.d.ts

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

package/dist/esm/common/MtProgressBar.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{AppProgressBar as o}from"next-nprogress-bar";const e=()=>r(o,{height:"4px",color:"#4934eb",options:{showSpinner:!1},shallowRouting:!0});export{e as MtProgressBar};

package/dist/esm/common/NotFoundGoBack.d.ts

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

package/dist/esm/common/NotFoundGoBack.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useRouter as a}from"next/navigation";import{Button as c}from"../ui/button";const r=()=>{const t=a();return e("div",{className:"container flex flex-col",children:[o("div",{className:"mx-auto p-8",children:"not found"}),o(c,{className:"mx-auto p-8",onClick:()=>{t.back()},children:"Go back"})]})};export{r as NotFoundGoBack};

package/dist/esm/common/SlntTree/Slnt.z.d.ts

@@ -0,0 +1,28 @@
+import { z } from "zod";
+declare const slntTreeNodeBaseSchema: z.ZodObject<{
+    id: z.ZodString;
+    pid: z.ZodOptional<z.ZodString>;
+    label: z.ZodOptional<z.ZodString>;
+    icon: z.ZodOptional<z.ZodString>;
+    routeName: z.ZodOptional<z.ZodString>;
+    routeType: z.ZodOptional<z.ZodEnum<["default", "list", "detail"]>>;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    label?: string | undefined;
+    icon?: string | undefined;
+    pid?: string | undefined;
+    routeName?: string | undefined;
+    routeType?: "default" | "list" | "detail" | undefined;
+}, {
+    id: string;
+    label?: string | undefined;
+    icon?: string | undefined;
+    pid?: string | undefined;
+    routeName?: string | undefined;
+    routeType?: "default" | "list" | "detail" | undefined;
+}>;
+export type DashMenuTreeItem = z.infer<typeof slntTreeNodeBaseSchema> & {
+    children?: DashMenuTreeItem[];
+};
+export declare const treeNodeSchema: z.ZodType<DashMenuTreeItem>;
+export {};

package/dist/esm/common/SlntTree/Slnt.z.js

@@ -0,0 +1 @@
+import{z as e}from"zod";const t=["default","list","detail"],o=e.object({id:e.string(),pid:e.string().optional(),label:e.string().optional(),icon:e.string().optional(),routeName:e.string().optional(),routeType:e.enum(t).optional()}),n=o.extend({children:e.lazy(()=>n.array()).optional()});export{n as treeNodeSchema};

package/dist/esm/common/SlntTree/SlntChildrenTabs.d.ts

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

package/dist/esm/common/SlntTree/SlntChildrenTabs.js

@@ -0,0 +1 @@
+"use client";var v=Object.defineProperty;var i=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var d=(t,o,e)=>o in t?v(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,f=(t,o)=>{for(var e in o||(o={}))m.call(o,e)&&d(t,e,o[e]);if(i)for(var e of i(o))u.call(o,e)&&d(t,e,o[e]);return t};var h=(t,o)=>{var e={};for(var a in t)m.call(t,a)&&o.indexOf(a)<0&&(e[a]=t[a]);if(t!=null&&i)for(var a of i(t))o.indexOf(a)<0&&u.call(t,a)&&(e[a]=t[a]);return e};import{jsx as s}from"react/jsx-runtime";import{urlJoinPaths as p}from"mtxlib/http/url";import{usePathname as g,useSelectedLayoutSegment as y,useSelectedLayoutSegments as N}from"next/navigation";import{cn as k}from"../../lib/utils";import{MtLink as P}from"../mtlink";import{useMenuTreeStore as S}from"./SlntTreeNode";const $=()=>{var r;const t=S(n=>n.menuNode),o=g(),e=N(),a=y(),b=o.slice(0,-e.join("/").length),L="/"+e.join("/");return s("div",{className:"flex gap-1 ",children:(r=t==null?void 0:t.children)==null?void 0:r.map((n,c)=>{let l=`${p(b,n.routeName||"")}`;return e!=null&&e.length||(l=p(o,n.routeName||"")),s(x,{activate:a==n.routeName,children:s(P,{variant:"ghost",href:l,children:n.label},c)},c)})})},x=t=>{const a=t,{activate:o}=a,e=h(a,["activate"]);return s("div",f({"data-state":o&&"active",className:k("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow")},e))};export{$ as SlntChildrenTabs};

package/dist/esm/common/SlntTree/SlntTreeNode.d.ts

@@ -0,0 +1,19 @@
+import { PropsWithChildren } from "react";
+import { DashMenuTreeItem } from "./Slnt.z";
+export type SLNTProps = {
+    menuNode?: DashMenuTreeItem;
+};
+export interface SlntState extends SLNTProps {
+}
+export declare const slntContext: import("react").Context<(Omit<import("zustand").StoreApi<SlntState>, "setState"> & {
+    setState(nextStateOrUpdater: SlntState | Partial<SlntState> | ((state: import("immer").WritableDraft<SlntState>) => void), shouldReplace?: boolean | undefined): void;
+}) | null>;
+type ModalProviderProps = React.PropsWithChildren<SLNTProps>;
+export declare const MenuTreeProvider: (props: ModalProviderProps) => import("react").JSX.Element;
+export declare const DEFAULT_USE_SHALLOW = true;
+export declare function useMenuTreeStore(): SlntState;
+export declare function useMenuTreeStore<T>(selector: (state: SlntState) => T): T;
+export declare const SlntTreeNode: (props: {
+    treeData?: DashMenuTreeItem;
+} & PropsWithChildren) => import("react").JSX.Element;
+export {};

package/dist/esm/common/SlntTree/SlntTreeNode.js

@@ -0,0 +1 @@
+"use client";var N=Object.defineProperty;var a=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var l=(e,t,r)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))p.call(t,r)&&l(e,r,t[r]);if(a)for(var r of a(t))S.call(t,r)&&l(e,r,t[r]);return e};var m=(e,t)=>{var r={};for(var o in e)p.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&S.call(e,o)&&(r[o]=e[o]);return r};import{jsx as P}from"react/jsx-runtime";import{useSelectedLayoutSegment as x,useSelectedLayoutSegments as L}from"next/navigation";import{createContext as y,useContext as g,useMemo as d}from"react";import{useStore as T}from"zustand";import{immer as v}from"zustand/middleware/immer";import{useShallow as C}from"zustand/react/shallow";import{createStore as D}from"zustand/vanilla";const w=e=>D()(v((t,r)=>c({},e))),f=y(null),W=e=>{const n=e,{children:t}=n,r=m(n,["children"]),o=d(()=>w(r),[r]);return P(f.Provider,{value:o,children:t})},E=!0;function I(e){const t=g(f);return t?e?T(t,E?C(e):e):T(t):null}const z=e=>{const{children:t,treeData:r}=e,o=I(s=>s==null?void 0:s.menuNode),n=x(),A=L(),u=o||r;if(!u)throw new Error("must within parentNodes or rootNodes ");const h=d(()=>{var i;const s=(i=u.children)==null?void 0:i.find(M=>M.routeName==n);return console.log({message:`(SlntTreeNode)${n}`,fined:s,parent:u}),s},[u,n]);return P(W,{menuNode:h,children:t})};export{E as DEFAULT_USE_SHALLOW,W as MenuTreeProvider,z as SlntTreeNode,f as slntContext,I as useMenuTreeStore};

package/dist/esm/common/devtools/DebugValue.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const DebugValue: (props: {
+    title?: string;
+    data: any;
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/esm/common/devtools/DebugValue.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{MtButton as i}from"../../ui-mt/Button";import{Dialog as r,DialogContent as s,DialogTrigger as g}from"../../ui/dialog";const c=a=>{const{title:l,data:e,className:o}=a;return n(r,{children:[t(g,{asChild:!0,children:t(i,{variant:"outline",className:o,children:l||"debug"})}),t(s,{className:"max-h-lvh w-full overflow-scroll bg-red-100",children:t("pre",{className:" text-xs",children:JSON.stringify(e,null,2)})})]})};export{c as DebugValue};

package/dist/esm/common/devtools/DevTools.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const HOTKEY_Debug = "alt+.";
+export declare const DevTools: () => import("react").JSX.Element | null;

package/dist/esm/common/devtools/DevTools.js

@@ -0,0 +1 @@
+"use client";import{Fragment as m,jsx as s,jsxs as p}from"react/jsx-runtime";import n from"next/dynamic";import{useHotkeys as u}from"react-hotkeys-hook";import{useMtapp as r}from"../../mtapp/MtAppProvider";import{TailwindIndicator as i}from"../tailwind-indicator";const l=n(()=>import("@tanstack/react-query-devtools/build/modern/production.js").then(o=>({default:o.ReactQueryDevtools})),{ssr:!1}),c="alt+.",f=()=>{const o=r(t=>t.debug),e=r(t=>t.setDebug);return u(c,()=>{console.log("debug2:%o",!o),e(!o)},[o,e]),o?p(m,{children:[s(l,{buttonPosition:"bottom-right"}),s(i,{})]}):null};export{f as DevTools,c as HOTKEY_Debug};

package/dist/esm/common/mtlink.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from "class-variance-authority";
+import Link from "next/link";
+import React, { ComponentProps } from "react";
+import { buttonVariants } from "../ui/button";
+export interface TMtLinkProps extends ComponentProps<typeof Link>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+export declare const MtLink: React.ForwardRefExoticComponent<Omit<TMtLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type ExternalLinkProps = ComponentProps<"a">;
+interface TExternalLink extends ExternalLinkProps {
+    children?: React.ReactNode;
+}
+export declare function MtExternalLink({ children, className, ...props }: TExternalLink): React.JSX.Element;
+export {};

package/dist/esm/common/mtlink.js

@@ -0,0 +1 @@
+"use client";var d=Object.defineProperty,P=Object.defineProperties;var h=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var m=(r,e,t)=>e in r?d(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,i=(r,e)=>{for(var t in e||(e={}))l.call(e,t)&&m(r,t,e[t]);if(a)for(var t of a(e))f.call(e,t)&&m(r,t,e[t]);return r},c=(r,e)=>P(r,h(e));var p=(r,e)=>{var t={};for(var n in r)l.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&a)for(var n of a(r))e.indexOf(n)<0&&f.call(r,n)&&(t[n]=r[n]);return t};import{jsx as L}from"react/jsx-runtime";import{Slot as b}from"@radix-ui/react-slot";import u from"next/link";import C from"react";import{cn as k}from"../lib/utils";import{buttonVariants as E}from"../ui/button";const M=C.forwardRef((T,x)=>{var s=T,{className:r,variant:e,size:t,asChild:n=!1}=s,o=p(s,["className","variant","size","asChild"]);return L(n?b:u,i({className:k(e&&E({variant:e,className:r})),ref:x},o))});M.displayName="MtLink";function S(n){var o=n,{children:r,className:e}=o,t=p(o,["children","className"]);return L("a",c(i({className:k(e,"hover:text-brandtext-500 hover:underline hover:brightness-150"),rel:"noopener noreferrer"},t),{children:r}))}export{S as MtExternalLink,M as MtLink};

package/dist/esm/common/pip/PipExamplePage.d.ts

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

package/dist/esm/common/pip/PipExamplePage.js

@@ -0,0 +1 @@
+"use client";import{Fragment as f,jsx as e,jsxs as t}from"react/jsx-runtime";import r from"mtxuilib/common/pip/ReactDocumentPictureInPicture";import{MtButton as i}from"mtxuilib/ui-mt/Button";import{useRef as u,useState as a}from"react";function d(){const o=u(null);return e(f,{children:e(r,{ref:o,width:"50%",height:"100%",buttonRenderer:({open:c,close:n,toggle:s,isOpen:l})=>t("div",{className:"flex gap-2",children:[t("b",{children:["Is ",l?"Open":"Closed"," "]}),e(i,{onClick:c,children:"Open"}),e(i,{onClick:n,children:"Close"}),e(i,{onClick:s,children:"Toggle"})]}),children:e(p,{pipWindowRef:o})})})}const p=o=>{const{pipWindowRef:c}=o,[n,s]=a("tet1");return t("div",{className:"prose",children:[e("h1",{children:"\u753B\u4E2D\u753B\u663E\u793A\uFF08\u8303\u4F8B\uFF09"}),t("div",{children:[e("button",{onClick:()=>{console.log("\u5173\u95ED"),s("ssssssssssssssss")},children:"sssss"}),t(i,{onClick:()=>{console.log("\u5173\u95ED"),s("ssssssssssssssss")},children:["\u5173\u95ED333 ",n]})]}),e("i",{children:"This text should be displayed in a Document Picture in Picture filling the maximum allow height and 50% of the width of the original window"})]})};export{d as default};

package/dist/esm/common/pip/ReactDocumentPictureInPicture.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+export type ReactDocumentPictureInPictureForwardRefType = {
+    window: () => Window | undefined;
+    isOpen: boolean;
+    close: () => void;
+};
+export declare enum FeatureUnavailableReasonEnum {
+    USING_UNSECURE_PROTOCOL = "USING_UNSECURE_PROTOCOL",
+    API_NOT_SUPPORTED = "API_NOT_SUPPORTED"
+}
+export type ReactDocumentPictureInPicturePropsType = {
+    width?: string | number;
+    height?: string | number;
+    shareStyles?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onResize?: (width: number, height: number) => void;
+    featureUnavailableRenderer?: ReactNode | ((reason: FeatureUnavailableReasonEnum) => ReactNode);
+    buttonRenderer?: ReactNode | ((props: {
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        isOpen: boolean;
+    }) => ReactNode);
+    children?: ReactNode;
+};
+declare const ReactDocumentPictureInPicture: import("react").ForwardRefExoticComponent<ReactDocumentPictureInPicturePropsType & import("react").RefAttributes<ReactDocumentPictureInPictureForwardRefType>>;
+export default ReactDocumentPictureInPicture;

package/dist/esm/common/pip/ReactDocumentPictureInPicture.js

@@ -0,0 +1 @@
+"use client";var E=Object.defineProperty;var b=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var P=(e,i,t)=>i in e?E(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,g=(e,i)=>{for(var t in i||(i={}))N.call(i,t)&&P(e,t,i[t]);if(b)for(var t of b(i))T.call(i,t)&&P(e,t,i[t]);return e};var v=(e,i,t)=>new Promise((n,d)=>{var l=u=>{try{o(t.next(u))}catch(s){d(s)}},f=u=>{try{o(t.throw(u))}catch(s){d(s)}},o=u=>u.done?n(u.value):Promise.resolve(u.value).then(l,f);o((t=t.apply(e,i)).next())});import{jsx as x,jsxs as L}from"react/jsx-runtime";import{forwardRef as C,useCallback as R,useImperativeHandle as S,useMemo as _,useRef as y,useState as D}from"react";var W=(t=>(t.USING_UNSECURE_PROTOCOL="USING_UNSECURE_PROTOCOL",t.API_NOT_SUPPORTED="API_NOT_SUPPORTED",t))(W||{});const U=C((e,i)=>{const t=y(),n=y(),[d,l]=D(!1),f=_(()=>{if(typeof window!="undefined"){let a=500,r=400;return typeof e.width=="number"?a=e.width:typeof e.width=="string"&&(e.width.endsWith("px")?a=parseInt(e.width):e.width.endsWith("%")&&(a=(window==null?void 0:window.innerWidth)*(parseInt(e.width)/100))),typeof e.height=="number"?r=e.height:typeof e.height=="string"&&(e.height.endsWith("px")?r=parseInt(e.height):e.height.endsWith("%")&&(r=(window==null?void 0:window.innerHeight)*(parseInt(e.height)/100))),{width:a,height:r}}},[e.width,e.height]),o=R(()=>{var a;n.current!=null&&((a=n.current)==null||a.close(),l(!1),e.onClose&&e.onClose())},[t,n,l]),u=R(()=>v(void 0,null,function*(){if(t.current!=null&&typeof window!="undefined"){const a=t.current;n.current=yield window==null?void 0:window.documentPictureInPicture.requestWindow(g({},f)),e.shareStyles===!0&&[...document.styleSheets].forEach(r=>{var w;try{const m=[...r.cssRules].map(O=>O.cssText).join(""),c=document.createElement("style");c.textContent=m,n==null||n.current.document.head.appendChild(c)}catch(m){const c=document.createElement("link");c.rel="stylesheet",c.type=r.type,r.media.length>0&&(c.media=r.media.mediaText),c.href=r.href||"",(w=n.current)==null||w.document.head.appendChild(c)}}),n.current.document.body.append(a),n.current.addEventListener("pagehide",()=>o()),n.current.addEventListener("resize",r=>{e.onResize&&e.onResize(r.target.innerWidth,r.target.innerHeight)}),l(!0),e.onOpen&&e.onOpen()}}),[t,n,l,o,f,e.shareStyles]),s=R(()=>d?o():u(),[d]);S(i,()=>({window:()=>n.current,isOpen:d,close:o}),[n,d,o]);const h=(()=>{if(typeof window!="undefined"){if((window==null?void 0:window.location.protocol)==="https:"===!1)return"USING_UNSECURE_PROTOCOL";if("documentPictureInPicture"in window===!1)return"API_NOT_SUPPORTED"}return null})();if(h!=null&&e.featureUnavailableRenderer==null)return;if(h!=null)return typeof e.featureUnavailableRenderer=="function"?e.featureUnavailableRenderer(h):e.featureUnavailableRenderer;const I=typeof e.buttonRenderer=="function"?e.buttonRenderer({open:u,close:o,toggle:s,isOpen:d}):e.buttonRenderer;return L("div",{children:[I,x("div",{ref:t,style:{display:d?"block":"none",width:"100%",height:"100%"},children:e.children})]})});U.displayName="ReactDocumentPictureInPicture";var z=U;export{W as FeatureUnavailableReasonEnum,z as default};

package/dist/esm/common/react-markdown/Code.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const CodeBlock: ({ ...props }: {
+    [x: string]: any;
+}) => import("react").JSX.Element;
+export declare const Pre: ({ ...props }: {
+    [x: string]: any;
+}) => import("react").JSX.Element;

package/dist/esm/common/react-markdown/Code.js

@@ -0,0 +1 @@
+var o=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var n=(e,t)=>{var a={};for(var r in e)l.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&o)for(var r of o(e))t.indexOf(r)<0&&s.call(e,r)&&(a[r]=e[r]);return a};import{jsx as i}from"react/jsx-runtime";import{Prism as c}from"react-syntax-highlighter";import{materialOceanic as m}from"react-syntax-highlighter/dist/cjs/styles/prism";const p=t=>{var e=n(t,[]);var a;return i(c,{language:(a=e.className)==null?void 0:a.replace(/(?:lang(?:uage)?-)/,""),style:m,wrapLines:!0,className:"not-prose rounded-md",children:e.children})},u=t=>{var e=n(t,[]);return i("div",{className:"not-prose",children:e.children})};export{p as CodeBlock,u as Pre};

package/dist/esm/common/react-markdown/MarkdownToolbar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const MarkdownToolbar: ({ feedElement }: {
+    feedElement: (syntax: string) => void;
+}) => import("react").JSX.Element;
+export default MarkdownToolbar;

package/dist/esm/common/react-markdown/MarkdownToolbar.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Button as t}from"../../ui/button";const o=({feedElement:n})=>e("header",{className:" flex gap-1 bg-[#253237]",children:[{name:"B",syntax:"**Bold**"},{name:"I",syntax:"*Italic*"},{name:"S",syntax:"~Strikethrough~"},{name:"H1",syntax:"# "}].map(a=>e(t,{className:"flex rounded-md",onClick:()=>n(a.syntax),children:a.name},a.syntax))});var r=o;export{r as default};

package/dist/esm/common/react-markdown/ReactMarkdownExample.d.ts

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

package/dist/esm/common/react-markdown/ReactMarkdownExample.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import r from"react-markdown";import o from"rehype-external-links";import t from"rehype-sanitize";import i from"remark-gfm";import{CodeBlock as n,Pre as s}from"./Code";const d=()=>e("div",{className:"bg-slate-500",children:e("div",{className:"flex h-screen justify-between",children:e("article",{className:"w-full pl-6 pt-5",children:e(r,{className:"prose prose-invert min-w-full",remarkPlugins:[i],rehypePlugins:[t,[o,{content:{type:"text",value:"\u{1F517}"}}]],components:{code:n,pre:s}})})})});export{d as ReactMarkdownExample};

package/dist/esm/common/schema-form/SchemaFormFieldsRender.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { SchemaForm } from "./schema-form.z";
+export declare const SchemaFormFieldsRender: (props: {
+    schema: SchemaForm;
+}) => import("react").JSX.Element;

package/dist/esm/common/schema-form/SchemaFormFieldsRender.js

@@ -0,0 +1 @@
+"use client";var i=Object.defineProperty;var n=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var c=(r,o,e)=>o in r?i(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,l=(r,o)=>{for(var e in o||(o={}))h.call(o,e)&&c(r,e,o[e]);if(n)for(var e of n(o))u.call(o,e)&&c(r,e,o[e]);return r};import{Fragment as s,jsx as m,jsxs as L}from"react/jsx-runtime";import{FormControl as d,FormDescription as b,FormField as f,FormItem as C,FormLabel as I,FormMessage as S}from"mtxuilib/ui/form";import{Input as y}from"mtxuilib/ui/input";import{useFormContext as D}from"react-hook-form";const z=r=>{var a;const{schema:o}=r,e=D();return m(s,{children:(a=o.fields)==null?void 0:a.map((t,p)=>m(f,{control:e.control,name:t.name,defaultValue:t.defaultValue||"",render:({field:F})=>L(C,{children:[t.label&&m(I,{children:t.label}),m(d,{children:m(s,{children:m(y,l({placeholder:t.placeholder},F))})}),t.description&&m(b,{children:t.description}),m(S,{})]})},p))})};export{z as SchemaFormFieldsRender};

package/dist/esm/common/schema-form/SchemaFormView.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { MaybePromise } from "../../types/common";
+import type { SchemaForm } from "./schema-form.z";
+type SchemaFormViewVaranit = "auto" | "modal" | "card";
+export declare const SchemaFormView: (props: {
+    formSchema?: SchemaForm;
+    defaultValues?: any;
+    onSubmit: (values: any) => MaybePromise<void>;
+    onCancel?: () => void;
+    isLoading?: boolean;
+    variants?: SchemaFormViewVaranit;
+}) => import("react").JSX.Element;
+export {};

package/dist/esm/common/schema-form/SchemaFormView.js

@@ -0,0 +1 @@
+"use client";var d=Object.defineProperty,f=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var n=(m,o,r)=>o in m?d(m,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):m[o]=r,s=(m,o)=>{for(var r in o||(o={}))p.call(o,r)&&n(m,r,o[r]);if(i)for(var r of i(o))S.call(o,r)&&n(m,r,o[r]);return m},c=(m,o)=>f(m,u(o));import{Fragment as w,jsx as a,jsxs as P}from"react/jsx-runtime";import{useState as F}from"react";import{FormProvider as h,useForm as b}from"react-hook-form";import{EditFormToolbar as v}from"mtxuilib/form/EditFormToolbar";import{Card as y,CardContent as C}from"mtxuilib/ui/card";import{DialogFooter as V}from"mtxuilib/ui/dialog";import{SchemaFormFieldsRender as g}from"./SchemaFormFieldsRender";const q=m=>{const{formSchema:o,onSubmit:r,onCancel:e,variants:D}=m,[l,M]=F({}),t=b({defaultValues:l});return o?a(w,{children:a(h,c(s({},t),{children:a(y,{className:"p-2",children:a(C,{children:P("form",{onSubmit:t.handleSubmit(r),children:[a(g,{schema:o}),a(V,{children:a(v,{onCancel:()=>e&&e()})})]})})})}))}):a("div",{className:"border p-8",children:"missing formSchema params"})};export{q as SchemaFormView};

package/dist/esm/common/schema-form/schema-form.z.d.ts

@@ -0,0 +1,90 @@
+import { z } from "zod";
+export declare const schemaFieldValueType: z.ZodEnum<["string", "number", "date", "email"]>;
+export declare const schemaField: z.ZodObject<{
+    name: z.ZodString;
+    label: z.ZodOptional<z.ZodString>;
+    type: z.ZodOptional<z.ZodString>;
+    valueType: z.ZodOptional<z.ZodEnum<["string", "number", "date", "email"]>>;
+    defaultValue: z.ZodOptional<z.ZodAny>;
+    placeholder: z.ZodOptional<z.ZodString>;
+    description: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    type?: string | undefined;
+    label?: string | undefined;
+    defaultValue?: any;
+    placeholder?: string | undefined;
+    valueType?: "string" | "number" | "email" | "date" | undefined;
+    description?: string | undefined;
+}, {
+    name: string;
+    type?: string | undefined;
+    label?: string | undefined;
+    defaultValue?: any;
+    placeholder?: string | undefined;
+    valueType?: "string" | "number" | "email" | "date" | undefined;
+    description?: string | undefined;
+}>;
+export declare const schemaFormSchema: z.ZodObject<{
+    title: z.ZodOptional<z.ZodString>;
+    description: z.ZodOptional<z.ZodString>;
+    action: z.ZodOptional<z.ZodString>;
+    fields: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        label: z.ZodOptional<z.ZodString>;
+        type: z.ZodOptional<z.ZodString>;
+        valueType: z.ZodOptional<z.ZodEnum<["string", "number", "date", "email"]>>;
+        defaultValue: z.ZodOptional<z.ZodAny>;
+        placeholder: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        type?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: any;
+        placeholder?: string | undefined;
+        valueType?: "string" | "number" | "email" | "date" | undefined;
+        description?: string | undefined;
+    }, {
+        name: string;
+        type?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: any;
+        placeholder?: string | undefined;
+        valueType?: "string" | "number" | "email" | "date" | undefined;
+        description?: string | undefined;
+    }>, "many">;
+    loadingDetailDataProcedure: z.ZodOptional<z.ZodString>;
+    loadingDetailDataParams: z.ZodOptional<z.ZodAny>;
+}, "strip", z.ZodTypeAny, {
+    fields: {
+        name: string;
+        type?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: any;
+        placeholder?: string | undefined;
+        valueType?: "string" | "number" | "email" | "date" | undefined;
+        description?: string | undefined;
+    }[];
+    title?: string | undefined;
+    action?: string | undefined;
+    description?: string | undefined;
+    loadingDetailDataProcedure?: string | undefined;
+    loadingDetailDataParams?: any;
+}, {
+    fields: {
+        name: string;
+        type?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: any;
+        placeholder?: string | undefined;
+        valueType?: "string" | "number" | "email" | "date" | undefined;
+        description?: string | undefined;
+    }[];
+    title?: string | undefined;
+    action?: string | undefined;
+    description?: string | undefined;
+    loadingDetailDataProcedure?: string | undefined;
+    loadingDetailDataParams?: any;
+}>;
+export type SchemaForm = z.infer<typeof schemaFormSchema>;

package/dist/esm/common/schema-form/schema-form.z.js

@@ -0,0 +1 @@
+import{z as t}from"zod";const o=t.enum(["string","number","date","email"]),a=t.object({name:t.string(),label:t.string().optional(),type:t.string().optional(),valueType:o.optional(),defaultValue:t.any().optional(),placeholder:t.string().optional(),description:t.string().optional()}),i=t.object({title:t.string().optional(),description:t.string().optional(),action:t.string().optional(),fields:a.array(),loadingDetailDataProcedure:t.string().optional(),loadingDetailDataParams:t.any().optional()});export{a as schemaField,o as schemaFieldValueType,i as schemaFormSchema};

package/dist/esm/common/table/SimpleTable.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type useReactTable } from "@tanstack/react-table";
+export declare function SimpleTable<T = any>(props: {
+    table: ReturnType<typeof useReactTable<T>>;
+}): import("react").JSX.Element;

package/dist/esm/common/table/SimpleTable.js

@@ -0,0 +1 @@
+"use client";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{flexRender as b}from"@tanstack/react-table";import{Table as n,TableBody as s,TableCell as m,TableHead as r,TableHeader as i,TableRow as o}from"../../ui/table";function y(T){var d;const{table:t}=T;return l("div",{className:"rounded-md border",children:u(n,{children:[l(i,{children:t.getHeaderGroups().map(a=>l(o,{children:a.headers.map(e=>l(r,{children:e.isPlaceholder?null:b(e.column.columnDef.header,e.getContext())},e.id))},a.id))}),l(s,{children:(d=t.getRowModel().rows)!=null&&d.length?t.getRowModel().rows.map(a=>l(o,{"data-state":a.getIsSelected()&&"selected",children:a.getVisibleCells().map(e=>l(m,{children:b(e.column.columnDef.cell,e.getContext())},e.id))},a.id)):l(o,{})})]})})}export{y as SimpleTable};

package/dist/esm/common/table/cells/ExpenderCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CellContext } from "@tanstack/react-table";
+export declare const ExpenderCell: (info: CellContext<any, any>) => import("react").JSX.Element | "🔵";

package/dist/esm/common/table/cells/ExpenderCell.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{ChevronRight as o}from"lucide-react";import{cn as n}from"../../../lib/utils";const C=e=>e.row.getCanExpand()?t("button",{className:"pointer",onClick:e.row.getToggleExpandedHandler(),children:t(o,{className:n(e.row.getIsExpanded()&&"rotate-90")})}):"\u{1F535}";export{C as ExpenderCell};

package/dist/esm/common/table/cells/SelectCell.d.ts

@@ -0,0 +1,13 @@
+import { CellContext } from "@tanstack/react-table";
+import React from "react";
+export declare const SelectCell: (info: CellContext<any, any>) => React.JSX.Element;
+interface SelectCellItem {
+    label: string;
+    value: string;
+}
+interface NewSelectCellOptions {
+    placeholder?: string;
+    items: SelectCellItem[];
+}
+export declare const NewSelectCell: ({ placeholder, items }: NewSelectCellOptions) => (_info: CellContext<any, any>) => React.JSX.Element;
+export {};

package/dist/esm/common/table/cells/SelectCell.js

@@ -0,0 +1 @@
+"use client";import{Fragment as g,jsx as e,jsxs as m}from"react/jsx-runtime";import a from"react";import{Select as u,SelectContent as s,SelectGroup as p,SelectItem as S,SelectTrigger as C,SelectValue as i}from"../../../ui/select";const y=n=>{const[l,o]=a.useState(n.cell.getValue());return e("div",{className:"flex w-full",children:e("input",{type:"number",value:l,onChange:t=>o(t.target.value),onBlur:()=>{const t=parseInt(l)},className:"grow"})})},N=({placeholder:n,items:l})=>r=>e(g,{children:m(u,{children:[e(C,{className:"w-[180px]",children:e(i,{placeholder:n||"--"})}),e(s,{children:e(p,{children:l==null?void 0:l.map((t,c)=>e(S,{value:t.value,children:t.label},c))})})]})});export{N as NewSelectCell,y as SelectCell};

package/dist/esm/common/table/cells/Text.d.ts

@@ -0,0 +1,9 @@
+import { CellContext } from "@tanstack/react-table";
+import React from "react";
+interface NewTextCellOptions {
+    popup?: boolean;
+    enableEdit?: boolean;
+    placeholder?: string;
+}
+export declare const NewTextCell: ({ enableEdit, placeholder, popup }: NewTextCellOptions) => (info: CellContext<any, any>) => React.JSX.Element;
+export {};

package/dist/esm/common/table/cells/Text.js

@@ -0,0 +1 @@
+"use client";import{Fragment as a,jsx as p}from"react/jsx-runtime";import l from"react";const x=({enableEdit:i,placeholder:c,popup:r})=>t=>{const e=t.cell.getValue(),[o,n]=l.useState(e);l.useEffect(()=>{n(e)},[e]);const s=()=>{};return p(a,{children:o})};export{x as NewTextCell};

package/dist/esm/common/table/cells/ViewLink.d.ts

@@ -0,0 +1,13 @@
+import { CellContext } from "@tanstack/react-table";
+import React from "react";
+export declare const ViewLinkCell: (info: CellContext<any, any>) => React.JSX.Element;
+interface SelectCellItem {
+    label: string;
+    value: string;
+}
+interface NewSelectCellOptions {
+    placeholder?: string;
+    items: SelectCellItem[];
+}
+export declare const NewSelectCell: ({ placeholder, items }: NewSelectCellOptions) => (info: CellContext<any, any>) => React.JSX.Element;
+export {};

package/dist/esm/common/table/cells/ViewLink.js

@@ -0,0 +1 @@
+"use client";import{Fragment as c,jsx as e,jsxs as f}from"react/jsx-runtime";import a from"next/link";import u from"react";import{Select as S,SelectContent as i,SelectGroup as p,SelectItem as C,SelectTrigger as s,SelectValue as m}from"../../../ui/select";const I=t=>{const[l,o]=u.useState(t.cell.getValue()),n=()=>{const r=parseInt(l)};return e(c,{children:e(a,{href:"#",children:"res link"})})},V=({placeholder:t,items:l})=>o=>e(c,{children:f(S,{children:[e(s,{className:"w-[180px]",children:e(m,{placeholder:t||"--"})}),e(i,{children:e(p,{children:l==null?void 0:l.map((n,r)=>e(C,{value:n.value,children:n.label},r))})})]})});export{V as NewSelectCell,I as ViewLinkCell};

package/dist/esm/common/table/cells/container/cellWrapper.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface CellWrapperProps {
+    children: ReactNode;
+}
+export declare const CellWrapper: ({ children }: CellWrapperProps) => import("react").JSX.Element;
+export {};

package/dist/esm/common/table/cells/container/cellWrapper.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";const o=({children:e})=>r("div",{children:e});export{o as CellWrapper};

package/dist/esm/common/table/cells/number.d.ts

@@ -0,0 +1,3 @@
+import { CellContext } from "@tanstack/react-table";
+import React from "react";
+export declare const NumberCell: (info: CellContext<any, any>) => React.JSX.Element;

package/dist/esm/common/table/cells/number.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import o from"react";const m=n=>{const[e,a]=o.useState(n.cell.getValue());return t("div",{className:"flex w-full",children:t("input",{type:"number",value:e,onChange:l=>a(l.target.value),onBlur:()=>{const l=parseInt(e)},className:"grow"})})};export{m as NumberCell};

package/dist/esm/common/table/cells/string.d.ts

@@ -0,0 +1,3 @@
+import { CellContext } from "@tanstack/react-table";
+import React from "react";
+export declare const StringCell: (info: CellContext<any, any>) => React.JSX.Element;

package/dist/esm/common/table/cells/string.js

@@ -0,0 +1 @@
+"use client";import{jsx as a}from"react/jsx-runtime";import o from"react";import{CellWrapper as n}from"./container/cellWrapper";const C=e=>{const l=e.cell.getValue(),[t,r]=o.useState(l),c=()=>{console.log("\u66F4\u65B0\u5355\u5143\u683C",e.row.index,e.column.id,t)};return o.useEffect(()=>{r(l)},[l]),a(n,{children:t})};export{C as StringCell};

package/dist/esm/common/table/data-table-pagination.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { Table } from "@tanstack/react-table";
+interface DataTablePaginationProps<TData> {
+    table: Table<TData>;
+}
+export declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react").JSX.Element;
+export {};

package/dist/esm/common/table/data-table-pagination.js

@@ -0,0 +1 @@
+"use client";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{ChevronLeftIcon as o,ChevronRightIcon as i,DoubleArrowLeftIcon as l,DoubleArrowRightIcon as c}from"@radix-ui/react-icons";import{MtButton as n}from"../../ui-mt/Button";import{Select as r,SelectContent as g,SelectItem as m,SelectTrigger as p,SelectValue as d}from"../../ui/select";function v({table:e}){return t("div",{className:"flex items-center justify-between px-2",children:[t("div",{className:"text-muted-foreground flex-1 text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of ",e.getFilteredRowModel().rows.length," row(s) selected."]}),t("div",{className:"flex items-center space-x-6 lg:space-x-8",children:[t("div",{className:"flex items-center space-x-2",children:[a("p",{className:"text-sm font-medium",children:"Rows per page"}),t(r,{value:`${e.getState().pagination.pageSize}`,onValueChange:s=>{e.setPageSize(Number(s))},children:[a(p,{className:"h-8 w-[70px]",children:a(d,{placeholder:e.getState().pagination.pageSize})}),a(g,{side:"top",children:[10,20,30,40,50].map(s=>a(m,{value:`${s}`,children:s},s))})]})]}),t("div",{className:"flex w-[100px] items-center justify-center text-sm font-medium",children:["Page ",e.getState().pagination.pageIndex+1," of ",e.getPageCount()]}),t("div",{className:"flex items-center space-x-2",children:[t(n,{variant:"outline",className:"hidden h-8 w-8 p-0 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[a("span",{className:"sr-only",children:"Go to first page"}),a(l,{className:"h-4 w-4"})]}),t(n,{variant:"outline",className:"h-8 w-8 p-0",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[a("span",{className:"sr-only",children:"Go to previous page"}),a(o,{className:"h-4 w-4"})]}),t(n,{variant:"outline",className:"h-8 w-8 p-0",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[a("span",{className:"sr-only",children:"Go to next page"}),a(i,{className:"h-4 w-4"})]}),t(n,{variant:"outline",className:"hidden h-8 w-8 p-0 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[a("span",{className:"sr-only",children:"Go to last page"}),a(c,{className:"h-4 w-4"})]})]})]})]})}export{v as DataTablePagination};

package/dist/esm/common/table/data-table-view-options.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { Table } from "@tanstack/react-table";
+interface DataTableViewOptionsProps<TData> {
+    table: Table<TData>;
+}
+export declare function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): import("react").JSX.Element;
+export {};

package/dist/esm/common/table/data-table-view-options.js

@@ -0,0 +1 @@
+"use client";import{jsx as o,jsxs as t}from"react/jsx-runtime";import{MixerHorizontalIcon as r}from"@radix-ui/react-icons";import{MtButton as i}from"../../ui-mt/Button";import{DropdownMenu as l,DropdownMenuCheckboxItem as p,DropdownMenuContent as s,DropdownMenuLabel as d,DropdownMenuSeparator as D,DropdownMenuTrigger as u}from"../../ui/dropdown-menu";function g({table:a}){return t(l,{children:[o(u,{asChild:!0,children:t(i,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[o(r,{className:"mr-2 h-4 w-4"}),"View"]})}),t(s,{align:"end",className:"w-[150px]",children:[o(d,{children:"Toggle columns"}),o(D,{}),a.getAllColumns().filter(e=>typeof e.accessorFn!="undefined"&&e.getCanHide()).map(e=>o(p,{className:"capitalize",checked:e.getIsVisible(),onCheckedChange:n=>e.toggleVisibility(!!n),children:e.id},e.id))]})]})}export{g as DataTableViewOptions};

package/dist/esm/common/table/datatable-view-options.d.ts

@@ -0,0 +1,12 @@
+import { UseMutationResult } from "@tanstack/react-query";
+interface ViewAction {
+    label: string;
+    link: string;
+}
+export interface DataViewOptions {
+    listActions?: ViewAction[];
+    rowActions?: ViewAction[];
+    updateMutation?: UseMutationResult;
+    createNewItem?: (input: any) => any;
+}
+export {};

package/dist/esm/common/table/example/ExampleTable.d.ts

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

package/dist/esm/common/table/example/ExampleTable.js

@@ -0,0 +1 @@
+"use client";import{jsx as a,jsxs as h}from"react/jsx-runtime";import{createColumnHelper as i,flexRender as m,getCoreRowModel as u,useReactTable as g}from"@tanstack/react-table";import{Table as p,TableBody as T,TableCell as c,TableHead as f,TableHeader as b,TableRow as r}from"../../../ui/table";const o=i(),D=[o.display({id:"actions"}),o.group({header:"Name",footer:e=>e.column.id,columns:[o.accessor("firstName",{cell:e=>e.getValue(),footer:e=>e.column.id}),o.accessor(e=>e.lastName,{id:"lastName",cell:e=>e.getValue(),header:()=>a("span",{children:"Last Name"}),footer:e=>e.column.id})]}),o.group({header:"Info",footer:e=>e.column.id,columns:[o.accessor("age",{header:()=>"Age",footer:e=>e.column.id}),o.group({header:"More Info",columns:[o.accessor("visits",{header:()=>a("span",{children:"Visits"}),footer:e=>e.column.id}),o.accessor("status",{header:"Status",footer:e=>e.column.id}),o.accessor("progress",{header:"Profile Progress",footer:e=>e.column.id})]})]})],N=[{status:"pending",firstName:"m@example.com",lastName:"firstName",age:11,visits:11,progress:22},{status:"pending",firstName:"m@example.com33",lastName:"firstName333",age:11,visits:11,progress:22}];function C({columns:e,data:d}){var n;const l=g({data:d,columns:e,getCoreRowModel:u()});return a("div",{className:"rounded-md border",children:h(p,{children:[a(b,{children:l.getHeaderGroups().map(s=>a(r,{children:s.headers.map(t=>a(f,{children:t.isPlaceholder?null:m(t.column.columnDef.header,t.getContext())},t.id))},s.id))}),a(T,{children:(n=l.getRowModel().rows)!=null&&n.length?l.getRowModel().rows.map(s=>a(r,{"data-state":s.getIsSelected()&&"selected",children:s.getVisibleCells().map(t=>a(c,{children:m(t.column.columnDef.cell,t.getContext())},t.id))},s.id)):a(r,{children:a(c,{colSpan:e.length,className:"h-24 text-center",children:"No results."})})})]})})}function w(){return a(C,{columns:D,data:N})}export{w as DataTableDemo1};

package/dist/esm/common/table/header/SimpleHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { HeaderContext } from "@tanstack/react-table";
+import type { DataTableColumnHeaderProps } from "../types";
+export declare function SimpleHeader<TData = any, TValue = unknown>(props: HeaderContext<TData, TValue>): import("react").JSX.Element;
+export declare function SimpleHeaderRender<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react").JSX.Element;

package/dist/esm/common/table/header/SimpleHeader.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{cn as s}from"../../../lib/utils";import{ArrowDownIcon as m,ArrowUpIcon as d,CaretSortIcon as l,EyeNoneIcon as i}from"@radix-ui/react-icons";import{DropdownMenu as p,DropdownMenuContent as u,DropdownMenuItem as n,DropdownMenuSeparator as c,DropdownMenuTrigger as g}from"mtxuilib/ui/dropdown-menu";import{Button as w}from"../../../ui/button";function I(t){const{column:r}=t;return e(D,{column:r,title:"Status"})}function D({column:t,title:r,className:a}){return t.getCanSort()?e("div",{className:s("flex items-center space-x-2",a),children:o(p,{children:[e(g,{asChild:!0,children:o(w,{variant:"ghost",size:"sm",className:"data-[state=open]:bg-accent -ml-3 h-8",children:[e("span",{children:r}),t.getIsSorted()==="desc"?e(m,{className:"ml-2 h-4 w-4"}):t.getIsSorted()==="asc"?e(d,{className:"ml-2 h-4 w-4"}):e(l,{className:"ml-2 h-4 w-4"})]})}),o(u,{align:"start",children:[o(n,{onClick:()=>t.toggleSorting(!1),children:[e(d,{className:"text-muted-foreground/70 mr-2 h-3.5 w-3.5"}),"Asc"]}),o(n,{onClick:()=>t.toggleSorting(!0),children:[e(m,{className:"text-muted-foreground/70 mr-2 h-3.5 w-3.5"}),"Desc"]}),e(c,{}),o(n,{onClick:()=>t.toggleVisibility(!1),children:[e(i,{className:"text-muted-foreground/70 mr-2 h-3.5 w-3.5"}),"Hide"]})]})]})}):e("div",{className:s(a),children:r})}export{I as SimpleHeader,D as SimpleHeaderRender};