mtxuilib 0.0.456 → 0.0.458

package/dist/esm/demos/scrollarea/ScrollAreaDemo.d.ts

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

package/dist/esm/demos/scrollarea/ScrollAreaDemo.js

@@ -0,0 +1 @@
+"use client";import{Fragment as h,jsx as e,jsxs as a}from"react/jsx-runtime";import m from"use-resize-observer";import{cn as d}from"../../lib/utils";import{ResizableHandle as t,ResizablePanel as o,ResizablePanelGroup as n}from"../../ui/resizable";import{ScrollArea as c}from"../../ui/scroll-area";import{Separator as b}from"../../ui/separator";const f=Array.from({length:50}).map((r,i,s)=>`v1.2.0-beta.${s.length-i}`);function N(){const{ref:r,width:i,height:s}=m();return e("div",{className:"h-96  bg-red-200 p-2",children:a(n,{direction:"horizontal",className:"h-[600px]  max-h-[920px] w-full items-stretch  rounded-lg border bg-yellow-200 p-2",onLayout:l=>{console.log("size",l)},children:[e(o,{defaultSize:50,className:" overflow-scroll bg-blue-500 p-2",children:"one"}),e(t,{withHandle:!0}),e(o,{defaultSize:50,children:a(n,{direction:"vertical",children:[e(o,{defaultSize:25,className:"bg-red-300 p-2",children:a("span",{className:"font-semibold",children:["width: ",i," height:",s]})}),e(t,{withHandle:!0}),e(o,{defaultSize:75,className:"bg-blue-500 p-2 ",onResize:l=>console.log(l),children:e("div",{ref:r,className:d("mx-auto flex h-full items-center justify-center overflow-hidden bg-red-400"),children:e(c,{style:{width:200,height:s},className:"rounded-md border",children:a("div",{className:"p-0",children:[e("h4",{className:"mb-0 text-sm font-medium leading-none",children:"Tags"}),f.map(l=>a(h,{children:[e("div",{className:"text-sm",children:l},l),e(b,{className:"my-2"})]}))]})})})})]})})]})})}export{N as ScrollAreaDemo};

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

@@ -1 +1 @@
-"use client";var V=Object.defineProperty,X=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var P=(r,e,o)=>e in r?V(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,p=(r,e)=>{for(var o in e||(e={}))D.call(e,o)&&P(r,o,e[o]);if(I)for(var o of I(e))L.call(e,o)&&P(r,o,e[o]);return r},h=(r,e)=>X(r,q(e));var b=(r,e)=>{var o={};for(var t in r)D.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(r!=null&&I)for(var t of I(r))e.indexOf(t)<0&&L.call(r,t)&&(o[t]=r[t]);return o};import{jsx as n,jsxs as y}from"react/jsx-runtime";import*as f from"@radix-ui/react-accordion";import{ScrollArea as B}from"@radix-ui/react-scroll-area";import{ChevronRight as G}from"lucide-react";import s from"react";import J from"use-resize-observer";import{IconX as C}from"../../icons/icons";import{cn as T}from"../../lib/utils";const K=s.forwardRef((M,N)=>{var g=M,{data:r,initialSlelectedItemId:e,onSelectChange:o,expandAll:t,folderIcon:c,itemIcon:a,className:m}=g,u=b(g,["data","initialSlelectedItemId","onSelectChange","expandAll","folderIcon","itemIcon","className"]);const[i,E]=s.useState(e),S=s.useCallback(d=>{E(d==null?void 0:d.id),o&&o(d)},[o]),z=s.useMemo(()=>{if(!e)return[];const d=[];function R(l,x){if(l instanceof Array)for(let v=0;v<l.length;v++){if(d.push(l[v].id),R(l[v],x)&&!t)return!0;t||d.pop()}else{if(!t&&l.id===x)return!0;if(l.children)return R(l.children,x)}}return R(r,e),d},[r,e]),{ref:W,width:F,height:O}=J();return n("div",{ref:W,className:T("overflow-hidden",m),children:n(B,{style:{width:F,height:O},children:n("div",{className:"relative p-2",children:n(w,p({data:r,ref:N,selectedItemId:i,handleSelectChange:S,expandedItemIds:z,FolderIcon:c,ItemIcon:a},u))})})})});K.displayName="Tree";const w=s.forwardRef((M,N)=>{var g=M,{className:r,data:e,selectedItemId:o,handleSelectChange:t,expandedItemIds:c,FolderIcon:a,ItemIcon:m}=g,u=b(g,["className","data","selectedItemId","handleSelectChange","expandedItemIds","FolderIcon","ItemIcon"]);return n("div",h(p({ref:N,role:"tree",className:r},u),{children:n("ul",{children:e instanceof Array?e.map(i=>n("li",{children:i.children?n(f.Root,{type:"multiple",defaultValue:c,children:y(f.Item,{value:i.id,children:[y(k,{className:T("before:bg-muted/80 px-2 before:absolute before:left-0 before:-z-10 before:h-7 before:w-full before:opacity-0 hover:before:opacity-100",o===i.id&&"before:bg-accent text-accent-foreground before:border-l-accent-foreground/50 before:border-l-2 before:opacity-100 dark:before:border-0"),onClick:()=>t(i),children:[i.icon&&n(C,{name:i.icon,className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),!i.icon&&a&&n(a,{className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),n("span",{className:"truncate text-sm",children:i.label})]}),n(H,{className:"pl-6",children:n(w,{data:i.children?i.children:i,selectedItemId:o,handleSelectChange:t,expandedItemIds:c,FolderIcon:a,ItemIcon:m})})]})}):n(A,{item:i,isSelected:o===i.id,onClick:()=>t(i),Icon:m})},i.id)):n("li",{children:n(A,{item:e,isSelected:o===e.id,onClick:()=>t(e),Icon:m})})})}))});w.displayName="TreeItem";const A=s.forwardRef((m,a)=>{var u=m,{className:r,item:e,isSelected:o,Icon:t}=u,c=b(u,["className","item","isSelected","Icon"]);return y("div",h(p({ref:a,className:T("before:bg-muted/80 flex cursor-pointer items-center px-2         py-2 before:absolute before:left-0 before:right-1 before:-z-10 before:h-7 before:w-full before:opacity-0 hover:before:opacity-100",r,o&&"before:bg-accent text-accent-foreground before:border-l-accent-foreground/50 before:border-l-2 before:opacity-100 dark:before:border-0")},c),{children:[e.icon&&n(C,{name:e.label||"",className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),!e.icon&&t&&n(t,{className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),n("span",{className:"grow truncate text-sm",children:e.label})]}))});A.displayName="Leaf";const k=s.forwardRef((c,t)=>{var a=c,{className:r,children:e}=a,o=b(a,["className","children"]);return n(f.Header,{children:y(f.Trigger,h(p({ref:t,className:T("flex w-full flex-1 items-center py-2 transition-all last:[&[data-state=open]>svg]:rotate-90",r)},o),{children:[e,n(G,{className:"text-accent-foreground/50 ml-auto h-4 w-4 shrink-0 transition-transform duration-200"})]}))})});k.displayName=f.Trigger.displayName;const H=s.forwardRef((c,t)=>{var a=c,{className:r,children:e}=a,o=b(a,["className","children"]);return n(f.Content,h(p({ref:t,className:T("data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",r)},o),{children:n("div",{className:"pb-1 pt-0",children:e})}))});H.displayName=f.Content.displayName;export{K as Tree};
+"use client";var V=Object.defineProperty,X=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var P=(r,e,o)=>e in r?V(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,p=(r,e)=>{for(var o in e||(e={}))D.call(e,o)&&P(r,o,e[o]);if(I)for(var o of I(e))L.call(e,o)&&P(r,o,e[o]);return r},h=(r,e)=>X(r,q(e));var b=(r,e)=>{var o={};for(var t in r)D.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(r!=null&&I)for(var t of I(r))e.indexOf(t)<0&&L.call(r,t)&&(o[t]=r[t]);return o};import{jsx as n,jsxs as y}from"react/jsx-runtime";import*as f from"@radix-ui/react-accordion";import{ChevronRight as B}from"lucide-react";import s from"react";import G from"use-resize-observer";import{IconX as C}from"../../icons/icons";import{cn as T}from"../../lib/utils";import{ScrollArea as J}from"../scroll-area";const K=s.forwardRef((M,N)=>{var g=M,{data:r,initialSlelectedItemId:e,onSelectChange:o,expandAll:t,folderIcon:c,itemIcon:a,className:m}=g,u=b(g,["data","initialSlelectedItemId","onSelectChange","expandAll","folderIcon","itemIcon","className"]);const[i,E]=s.useState(e),S=s.useCallback(d=>{E(d==null?void 0:d.id),o&&o(d)},[o]),z=s.useMemo(()=>{if(!e)return[];const d=[];function R(l,x){if(l instanceof Array)for(let v=0;v<l.length;v++){if(d.push(l[v].id),R(l[v],x)&&!t)return!0;t||d.pop()}else{if(!t&&l.id===x)return!0;if(l.children)return R(l.children,x)}}return R(r,e),d},[r,e]),{ref:W,width:F,height:O}=G();return n("div",{ref:W,className:T("overflow-hidden",m),children:n(J,{style:{width:F,height:O},children:n("div",{className:"relative p-2",children:n(w,p({data:r,ref:N,selectedItemId:i,handleSelectChange:S,expandedItemIds:z,FolderIcon:c,ItemIcon:a},u))})})})});K.displayName="Tree";const w=s.forwardRef((M,N)=>{var g=M,{className:r,data:e,selectedItemId:o,handleSelectChange:t,expandedItemIds:c,FolderIcon:a,ItemIcon:m}=g,u=b(g,["className","data","selectedItemId","handleSelectChange","expandedItemIds","FolderIcon","ItemIcon"]);return n("div",h(p({ref:N,role:"tree",className:r},u),{children:n("ul",{children:e instanceof Array?e.map(i=>n("li",{children:i.children?n(f.Root,{type:"multiple",defaultValue:c,children:y(f.Item,{value:i.id,children:[y(k,{className:T("before:bg-muted/80 px-2 before:absolute before:left-0 before:-z-10 before:h-7 before:w-full before:opacity-0 hover:before:opacity-100",o===i.id&&"before:bg-accent text-accent-foreground before:border-l-accent-foreground/50 before:border-l-2 before:opacity-100 dark:before:border-0"),onClick:()=>t(i),children:[i.icon&&n(C,{name:i.icon,className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),!i.icon&&a&&n(a,{className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),n("span",{className:"truncate text-sm",children:i.label})]}),n(H,{className:"pl-6",children:n(w,{data:i.children?i.children:i,selectedItemId:o,handleSelectChange:t,expandedItemIds:c,FolderIcon:a,ItemIcon:m})})]})}):n(A,{item:i,isSelected:o===i.id,onClick:()=>t(i),Icon:m})},i.id)):n("li",{children:n(A,{item:e,isSelected:o===e.id,onClick:()=>t(e),Icon:m})})})}))});w.displayName="TreeItem";const A=s.forwardRef((m,a)=>{var u=m,{className:r,item:e,isSelected:o,Icon:t}=u,c=b(u,["className","item","isSelected","Icon"]);return y("div",h(p({ref:a,className:T("before:bg-muted/80 flex cursor-pointer items-center px-2         py-2 before:absolute before:left-0 before:right-1 before:-z-10 before:h-7 before:w-full before:opacity-0 hover:before:opacity-100",r,o&&"before:bg-accent text-accent-foreground before:border-l-accent-foreground/50 before:border-l-2 before:opacity-100 dark:before:border-0")},c),{children:[e.icon&&n(C,{name:e.label||"",className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),!e.icon&&t&&n(t,{className:"text-accent-foreground/50 mr-2 h-4 w-4 shrink-0","aria-hidden":"true"}),n("span",{className:"grow truncate text-sm",children:e.label})]}))});A.displayName="Leaf";const k=s.forwardRef((c,t)=>{var a=c,{className:r,children:e}=a,o=b(a,["className","children"]);return n(f.Header,{children:y(f.Trigger,h(p({ref:t,className:T("flex w-full flex-1 items-center py-2 transition-all last:[&[data-state=open]>svg]:rotate-90",r)},o),{children:[e,n(B,{className:"text-accent-foreground/50 ml-auto h-4 w-4 shrink-0 transition-transform duration-200"})]}))})});k.displayName=f.Trigger.displayName;const H=s.forwardRef((c,t)=>{var a=c,{className:r,children:e}=a,o=b(a,["className","children"]);return n(f.Content,h(p({ref:t,className:T("data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",r)},o),{children:n("div",{className:"pb-1 pt-0",children:e})}))});H.displayName=f.Content.displayName;export{K as Tree};