UNPKG

sui-explorer-local

Version:

Local Sui Explorer

github.com/suiware/sui-explorer

suiware/sui-explorer

18 lines (17 loc) • 6.1 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import{j as e}from"./jsx-runtime-ffb262ed.js";import{$ as v,b as j,a as _,C as S}from"./index-c60fb24b.js";import{c as o}from"./clsx-0839fdbe.js";import{r as w}from"./index-76fb7be0.js";import{C as q}from"./Card-fd03ac3c.js";import{H as V}from"./Heading-31d5eddc.js";import{D as O}from"./Divider-c483ce6e.js";import{T as $}from"./Text-6932fd32.js";import"./extends-98964cd2.js";import"./index-378103fb.js";import"./index-d3ea75b5.js";import"./_commonjsHelpers-de833af9.js";import"./index-d5a566d3.js";import"./index-dca19ccf.js";import"./sizeAndWeight-05769a6b.js";const R=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 16 16",...r,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m6 12 4-4-4-4"})}),k=R;try{ChevronRight16.displayName="ChevronRight16",ChevronRight16.__docgenInfo={description:"",displayName:"ChevronRight16",props:{}}}catch{}function H({open:r,size:a,title:n,collapsible:l}){if(!n)return null;const t=e.jsxs("div",{className:o("flex w-full justify-between",a==="md"?"px-6":"px-4",a==="sm"&&"pb-4.5",r&&a==="md"&&"pb-6 pt-7",r&&a==="sm"&&"pt-4.5",!r&&a==="md"&&"py-7",!r&&a==="sm"&&"py-4.5"),children:[typeof n=="string"?e.jsx(V,{variant:a==="md"?"heading4/semibold":"heading6/semibold",color:"steel-darker",children:n}):n,l&&e.jsx(k,{className:o("cursor-pointer text-steel",r&&"rotate-90")})]});return l?e.jsx(_,{asChild:!0,children:e.jsx("div",{className:"cursor-pointer",children:t})}):e.jsx(e.Fragment,{children:t})}function c({title:r,footer:a,collapsible:n,size:l="md",children:t,initialClose:u,growOnHover:m,...d}){const[s,N]=w.useState(!u);return e.jsx("div",{className:"relative w-full",children:e.jsxs(q,{rounded:"2xl",border:"gray45",bg:"white",spacing:"none",growOnHover:m&&!s,...d,children:[e.jsxs(v,{open:s,onOpenChange:N,className:o(!r&&l==="md"&&"pt-7",!r&&l==="sm"&&"pt-4.5",s&&l==="md"&&"pb-7",s&&l==="sm"&&"pb-4.5"),children:[e.jsx(H,{open:s,size:l,title:r,collapsible:n}),e.jsx("div",{className:o(l==="md"?"px-6":"px-4"),children:e.jsx(j,{children:t})})]}),a&&e.jsx("div",{className:o("rounded-b-2xl bg-sui/10 py-2.5",l==="md"?"px-6":"px-4"),children:a})]})})}try{c.displayName="CollapsibleCard",c.__docgenInfo={description:"",displayName:"CollapsibleCard",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"",name:"footer",required:!1,type:{name:"ReactNode"}},collapsible:{defaultValue:null,description:"",name:"collapsible",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'}]}},initialClose:{defaultValue:null,description:"",name:"initialClose",required:!1,type:{name:"boolean"}},growOnHover:{defaultValue:null,description:"",name:"growOnHover",required:!1,type:{name:"boolean"}},bg:{defaultValue:null,description:"",name:"bg",required:!1,type:{name:'"default" | "highlight" | "lightBlue" | "white" | "white/80" | null'}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:'"full" | null'}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:'"full" | null'}},rounded:{defaultValue:null,description:"",name:"rounded",required:!1,type:{name:'"lg" | "xl" | "2xl" | null'}},spacing:{defaultValue:null,description:"",name:"spacing",required:!1,type:{name:'"lg" | "none" | "sm" | "md" | "lgGraph" | null'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'"gray45" | "steel" | null'}},shadow:{defaultValue:null,description:"",name:"shadow",required:!1,type:{name:"boolean | null"}}}}}catch{}function f({title:r,defaultOpen:a=!0,children:n,open:l,onOpenChange:t}){const[u,m]=w.useState(a),d=typeof l>"u"?u:l,s=typeof t>"u"?m:t;return e.jsxs(v,{open:d,onOpenChange:s,className:"flex w-full flex-col gap-3",children:[r&&e.jsx(_,{children:e.jsxs("div",{className:"flex items-center gap-2",children:[typeof r=="string"?e.jsx($,{color:"steel-darker",variant:"body/semibold",children:r}):r,e.jsx(O,{}),e.jsx(S,{className:o("h-4 w-4 cursor-pointer text-gray-45",d&&"rotate-90")})]})}),e.jsx(j,{children:n})]})}try{f.displayName="CollapsibleSection",f.__docgenInfo={description:"",displayName:"CollapsibleSection",props:{defaultOpen:{defaultValue:{value:"true"},description:"",name:"defaultOpen",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:"",name:"onOpenChange",required:!1,type:{name:"((open: boolean) => void)"}}}}}catch{}const U={component:c},i={render:r=>{const a=Array(5).fill(!0).map((n,l)=>e.jsxs("div",{children:["Section Item ",l]},l));return e.jsx("div",{className:"h-[1000px]",children:e.jsx(c,{collapsible:!0,title:"Card Title",...r,children:a.map((n,l)=>e.jsx(f,{title:`Section Title ${l}`,children:n},l))})})}},p={...i,args:{size:"sm"}};var h,x,g;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ render: props => { const sections = Array(5).fill(true).map((_, index) => <div key={index}>Section Item {index}</div>); return <div className="h-[1000px]"> <CollapsibleCard collapsible title="Card Title" {...props}> {sections.map((section, index) => <CollapsibleSection key={index} title={\`Section Title \${index}\`}> {section} </CollapsibleSection>)} </CollapsibleCard> </div>; } }`,...(g=(x=i.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var b,y,C;p.parameters={...p.parameters,docs:{...(b=p.parameters)==null?void 0:b.docs,source:{originalSource:`{ ...Default, args: { size: 'sm' } }`,...(C=(y=p.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};const X=["Default","Small"];export{i as Default,p as Small,X as __namedExportsOrder,U as default};