mtxuilib 0.0.466 → 0.0.467

package/dist/esm/layouts/mail-layout/detail/MailLyContent.js

@@ -1 +1 @@
-"use client";var r=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var n=(o,i)=>{var t={};for(var e in o)d.call(o,e)&&i.indexOf(e)<0&&(t[e]=o[e]);if(o!=null&&r)for(var e of r(o))i.indexOf(e)<0&&p.call(o,e)&&(t[e]=o[e]);return t};import{Fragment as a,jsx as l,jsxs as m}from"react/jsx-runtime";import{useAtom as h}from"jotai";import{useIsDesktop as u}from"../../../hooks/use-media-query";import{Icons as v}from"../../../icons/icons";import{cn as z}from"../../../lib/utils";import{ResizableHandle as P,ResizablePanel as S}from"../../../ui/resizable";import{FullScreenPanel as b}from"../../../ui/ui-mt/FullScreenEditPanel";import{detaultSizes as L,mailLySizesAtom as w}from"../mail-layout";const H=o=>{const s=o,{children:i}=s,t=n(s,["children"]),[e]=h(w),c=e&&e[2]||L[2],f=u();return l(a,{children:f?m(a,{children:[l(P,{withHandle:!0}),l(S,{defaultSize:c,children:l("div",{className:z("flex h-full w-full"),children:l("div",{className:"flex-1",children:i})})})]}):l(b,{children:m("div",{className:"mt-14 bg-yellow-600",children:[l(v.chevronLeft,{}),i]})})})};export{H as MailLyContent};
+"use client";var n=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var t=(l,o)=>{var s={};for(var e in l)d.call(l,e)&&o.indexOf(e)<0&&(s[e]=l[e]);if(l!=null&&n)for(var e of n(l))o.indexOf(e)<0&&c.call(l,e)&&(s[e]=l[e]);return s};import{Fragment as S,jsx as i,jsxs as a}from"react/jsx-runtime";import{useAtom as f}from"jotai";import{detaultSizes as h,mailLySizesAtom as p}from"..";import{Icons as u}from"../../../icons/icons";import{cn as v}from"../../../lib/utils";import{ResizableHandle as z,ResizablePanel as N}from"../../../ui/resizable";import{FullScreenPanel as P}from"../../../ui/ui-mt/FullScreenEditPanel";const H=l=>{const m=l,{children:o}=m,s=t(m,["children"]),[e]=f(p),r=e&&e[2]||h[2];return a(S,{children:[i(P,{className:"md:hidden",children:a("div",{className:"mt-14 bg-yellow-600",children:[i(u.chevronLeft,{}),o]})}),i(z,{withHandle:!0,className:"hidden md:flex"}),i(N,{defaultSize:r,className:"hidden md:flex",children:i("div",{className:v("flex h-full w-full"),children:i("div",{className:"flex-1",children:o})})})]})};export{H as MailLyContent};

package/dist/esm/layouts/mail-layout/{mail-layout.d.ts → index.d.ts}

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from "react";
+export { MailLyContent } from './detail/MailLyContent';
 export type SizeType = number[];
 export declare const detaultSizes: number[];
 export declare const maxSizes: number[];

package/dist/esm/layouts/mail-layout/index.js

@@ -0,0 +1 @@
+"use client";import{Fragment as S,jsx as i,jsxs as A}from"react/jsx-runtime";import{Provider as f,atom as s,createStore as h,useAtom as a,useSetAtom as y}from"jotai";import{useEffect as b}from"react";import{cn as m}from"../../lib/utils";import{ResizableHandle as L,ResizablePanel as d,ResizablePanelGroup as P}from"../../ui/resizable";import{MailLyContent as $}from"./detail/MailLyContent";const r=[20,30,50],u=[40,50,60],z=[10,15,10],c=s(r,(o,t,e)=>{t(c,e)}),x=s(!1,(o,t,e)=>{t(x,e)}),C=s(!1),v=s(void 0),V=s("value1"),N=h(),W=o=>{const{children:t}=o;return i(f,{store:N,children:i(P,{direction:"horizontal",onLayout:e=>{document.cookie=`react-resizable-panels:layout=${JSON.stringify(e)}`},className:m("h-full items-stretch","max-h-[920px]"),children:t})})},k=o=>{const{children:t}=o,[e,l]=a(x),[n]=a(c),p=y(C);return b(()=>{p(!0)},[p]),A(S,{children:[i(d,{defaultSize:n&&n[0]||r[0],collapsedSize:4,collapsible:!0,minSize:z[0],maxSize:u[0],onCollapse:()=>{l(!0),document.cookie=`react-resizable-panels:collapsed=${JSON.stringify(!0)}`},onExpand:()=>{l(!1),document.cookie=`react-resizable-panels:collapsed=${JSON.stringify(!1)}`},className:m(e&&"min-w-[50px] transition-all duration-300 ease-in-out"),children:t}),i(L,{withHandle:!0})]})},H=o=>{const{children:t}=o,[e]=a(c),[l,n]=a(v);return i(S,{children:i(d,{defaultSize:e&&e[1]||r[1],minSize:z[1],maxSize:u[1],className:"hidden md:flex",children:t})})};export{W as MailLayout,H as MailLayoutList,k as MailLayoutSidenav,$ as MailLyContent,r as detaultSizes,V as exampleValue1Atom,N as mailLayoutStore,x as mailLyCollapsedAtom,c as mailLySizesAtom,u as maxSizes,z as minSizes,v as trpcListViewAtom};

package/dist/esm/ui/ui-mt/FullScreenEditPanel.d.ts

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from "react";
-export declare const FullScreenPanel: (props: {} & PropsWithChildren) => import("react").JSX.Element;
+export declare const FullScreenPanel: (props: {
+    className?: string;
+} & PropsWithChildren) => import("react").JSX.Element;
 export declare const FullScreenPanelContent: (props: {} & PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/ui/ui-mt/FullScreenEditPanel.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useRef as t}from"react";import{useScroll as n}from"react-use";const a=l=>{const{children:e}=l,r=t(null),{x:i,y:s}=n(r);return o("div",{ref:r,className:" fixed left-0 top-0 z-30 mx-auto max-h-full min-h-full w-full overflow-auto ",children:o("div",{className:"relative mx-auto",children:e})})},d=l=>{const{children:e}=l;return o("div",{className:"flex h-full flex-col p-2",children:e})};export{a as FullScreenPanel,d as FullScreenPanelContent};
+import{jsx as o}from"react/jsx-runtime";import{useRef as t}from"react";import{cn as s}from"../../lib/utils";const f=l=>{const{className:e,children:r}=l,n=t(null);return o("div",{ref:n,className:s("fixed left-0 top-0 z-30 mx-auto max-h-full min-h-full w-full overflow-auto ",e),children:o("div",{className:"relative mx-auto",children:r})})},d=l=>{const{children:e}=l;return o("div",{className:"flex h-full flex-col p-2",children:e})};export{f as FullScreenPanel,d as FullScreenPanelContent};