@object-ui/console 3.1.1 → 3.1.3

package/dist/assets/ui-layout-VeUu0ZVf.js

@@ -0,0 +1 @@
+import{j as r,r as k,u as ae,L as te}from"./vendor-react-Dvo_9NuO.js";import{m as ce,C as M}from"./framework-jBjO8CT3.js";import"./vendor-objectstack-BkRCrdfn.js";import{c as q,aq as de,ar as ue,as as pe,at as O,au as W,av as V,aw as P,ax as fe,ay as xe,az as ge,aA as he,aB as B,aC as H,G as K,aD as Q,aE as me,aF as je,aG as ye,aH as be,aI as ve}from"./ui-components-BRpbeVr1.js";import"./vendor-ui-utils-CU11aiRA.js";import{Q as Ne,a as Se,G as J,au as X,aq as Y,ak as Z,w as E,aw as Ce}from"./vendor-icons-CnLeuN7Z.js";import{u as we,a as ee,D as Ie,c as $e,S as Ae,v as ke,b as Le,K as Me,P as Pe,d as Ee,C as Ge}from"./vendor-dndkit-_-PfuStg.js";function re({title:e,description:a,action:s,className:n,children:t,...l}){return r.jsx("div",{className:q("flex flex-col gap-4 pb-4 md:pb-8",n),...l,children:r.jsxs("div",{className:"flex items-center justify-between gap-4",children:[r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsx("h1",{className:"text-2xl font-bold tracking-tight md:text-3xl",children:e}),a&&r.jsx("p",{className:"text-sm text-muted-foreground",children:a})]}),(s||t)&&r.jsxs("div",{className:"flex items-center gap-2",children:[s,t]})]})})}function se(e){const a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(!a)return null;const s=parseInt(a[1],16)/255,n=parseInt(a[2],16)/255,t=parseInt(a[3],16)/255,l=Math.max(s,n,t),o=Math.min(s,n,t);let i=0,p=0;const d=(l+o)/2;if(l!==o){const x=l-o;switch(p=d>.5?x/(2-l-o):x/(l+o),l){case s:i=((n-t)/x+(n<t?6:0))/6;break;case n:i=((t-s)/x+2)/6;break;case t:i=((s-n)/x+4)/6;break}}return`${Math.round(i*360)} ${Math.round(p*100)}% ${Math.round(d*100)}%`}function De(e,a){k.useEffect(()=>{const s=document.documentElement;if(e?.primaryColor){const n=se(e.primaryColor);n&&(s.style.setProperty("--brand-primary",e.primaryColor),s.style.setProperty("--brand-primary-hsl",n))}else s.style.removeProperty("--brand-primary"),s.style.removeProperty("--brand-primary-hsl");if(e?.accentColor){const n=se(e.accentColor);n&&(s.style.setProperty("--brand-accent",e.accentColor),s.style.setProperty("--brand-accent-hsl",n))}else s.style.removeProperty("--brand-accent"),s.style.removeProperty("--brand-accent-hsl");if(e?.favicon){const n=document.querySelector("#favicon")||document.querySelector('link[rel="icon"]');n&&(n.href=e.favicon)}return a&&(document.title=a),()=>{s.style.removeProperty("--brand-primary"),s.style.removeProperty("--brand-primary-hsl"),s.style.removeProperty("--brand-accent"),s.style.removeProperty("--brand-accent-hsl")}},[e?.primaryColor,e?.accentColor,e?.favicon,a])}function ne({sidebar:e,navbar:a,children:s,className:n,defaultOpen:t=!0,branding:l}){return De(l,l?.title),r.jsxs(de,{defaultOpen:t,children:[e,r.jsxs(ue,{children:[r.jsxs("header",{className:"flex h-14 sm:h-16 shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",children:[r.jsx(pe,{className:"-ml-1 hidden md:inline-flex"}),r.jsx("div",{className:"w-px h-4 bg-border mx-1 sm:mx-2 hidden md:block"}),a]}),r.jsx("main",{className:q("flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6",n),children:s})]})]})}function Oe({className:e,children:a,...s}){return r.jsx("div",{className:q("rounded-xl border bg-card text-card-foreground shadow",e),...s,children:r.jsx("div",{className:"p-6",children:a})})}const Ve={xs:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",6:"grid-cols-6",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",6:"sm:grid-cols-6",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",6:"md:grid-cols-6",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",6:"lg:grid-cols-6",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",6:"xl:grid-cols-6",12:"xl:grid-cols-12"},"2xl":{1:"2xl:grid-cols-1",2:"2xl:grid-cols-2",3:"2xl:grid-cols-3",4:"2xl:grid-cols-4",6:"2xl:grid-cols-6",12:"2xl:grid-cols-12"}};function Re(e){if(!e)return"grid-cols-1";const a=[];for(const[s,n]of Object.entries(e)){const t=Ve[s];if(t&&n){const o=Object.keys(t).map(Number).reduce((i,p)=>Math.abs(p-n)<Math.abs(i-n)?p:i);a.push(t[o])}}return a.join(" ")||"grid-cols-1"}const Be={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8"},He=({columns:e,gap:a=4,className:s,children:n})=>{const t=Re(e),l=typeof a=="number"?Be[a]||`gap-${a}`:"";return r.jsx("div",{className:q("grid",t,l,s),children:n})},U=new Map;function R(e){if(!e)return Z;const a=U.get(e);if(a)return a;if(E[e])return U.set(e,E[e]),E[e];const s=e.split("-").filter(Boolean).map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join("");return E[s]?(U.set(e,E[s]),E[s]):Z}function w(e,a){if(typeof e=="string")return e;if(a){const s=a(e.key,{defaultValue:e.defaultValue,...e.params});if(s&&s!==e.key)return s}return e.defaultValue||e.key}function qe(e,a,s){const n=w(e.label,s);return a&&e.type==="object"&&e.objectName&&typeof e.label=="string"?a(e.objectName,n):n}const ze=e=>!(e===!1||e==="false"),Fe=()=>!0;function _e(e,a){switch(e.type){case"object":{const s=`${a}/${e.objectName??""}`;return{href:e.viewName?`${s}/view/${e.viewName}`:s,external:!1}}case"dashboard":return{href:e.dashboardName?`${a}/dashboard/${e.dashboardName}`:"#",external:!1};case"page":return{href:e.pageName?`${a}/page/${e.pageName}`:"#",external:!1};case"report":return{href:e.reportName?`${a}/report/${e.reportName}`:"#",external:!1};case"url":return{href:e.url??"#",external:e.target==="_blank"};default:return{href:"#",external:!1}}}function oe(e,a){if(!a.trim())return e;const s=a.toLowerCase().trim();return e.reduce((n,t)=>{if(t.type==="separator")return n;if(t.type==="group"&&t.children?.length){const l=oe(t.children,a);return l.length>0&&n.push({...t,children:l}),n}return w(t.label).toLowerCase().includes(s)&&n.push(t),n},[])}const Te=5;function Ue({item:e,basePath:a,evalVis:s,checkPerm:n,onAction:t,enablePinning:l,onPinToggle:o,enableReorder:i,resolveObjectLabel:p,t:d}){const{attributes:x,listeners:b,setNodeRef:j,transform:v,transition:u,isDragging:N}=Ee({id:e.id,disabled:!i}),I={transform:Ge.Transform.toString(v),transition:u,opacity:N?.5:void 0,zIndex:N?10:void 0};return r.jsx("div",{ref:j,style:I,...x,children:r.jsx(G,{item:e,basePath:a,evalVis:s,checkPerm:n,onAction:t,enablePinning:l,onPinToggle:o,dragListeners:i?b:void 0,resolveObjectLabel:p,t:d})})}function G({item:e,basePath:a,evalVis:s,checkPerm:n,onAction:t,enablePinning:l,onPinToggle:o,dragListeners:i,resolveObjectLabel:p,t:d}){const x=ae(),[b,j]=k.useState(e.defaultOpen!==!1);if(!s(e.visible)||e.requiredPermissions?.length&&!n(e.requiredPermissions))return null;if(e.type==="separator")return r.jsx(fe,{className:"my-2"});if(e.type==="group"){const S=(e.children??[]).slice().sort((m,A)=>(m.order??0)-(A.order??0));return r.jsx(xe,{open:b,onOpenChange:j,children:r.jsxs(O,{children:[r.jsx(W,{asChild:!0,children:r.jsxs(ge,{className:"flex w-full items-center justify-between",children:[w(e.label,d),r.jsx(Se,{className:`ml-auto h-4 w-4 transition-transform ${b?"rotate-90":""}`})]})}),r.jsx(he,{children:r.jsx(V,{children:r.jsx(P,{children:S.map(m=>r.jsx(G,{item:m,basePath:a,evalVis:s,checkPerm:n,onAction:t,enablePinning:l,onPinToggle:o,resolveObjectLabel:p,t:d},m.id))})})})]})})}if(e.type==="action"){const S=R(e.icon);return r.jsxs(B,{children:[i&&r.jsx("span",{className:"absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground","aria-label":"Drag to reorder",...i,children:r.jsx(J,{className:"h-3.5 w-3.5"})}),r.jsxs(H,{tooltip:w(e.label,d),onClick:()=>t?.(e),children:[r.jsx(S,{className:"h-4 w-4"}),r.jsx("span",{children:w(e.label,d)}),e.badge!=null&&r.jsx(K,{variant:e.badgeVariant??"default",className:"ml-auto text-[10px] px-1.5 py-0",children:e.badge})]}),l&&o&&r.jsx(Q,{showOnHover:!0,onClick:()=>o(e.id,!e.pinned),"aria-label":e.pinned?`Unpin ${w(e.label,d)}`:`Pin ${w(e.label,d)}`,children:e.pinned?r.jsx(X,{className:"h-3.5 w-3.5"}):r.jsx(Y,{className:"h-3.5 w-3.5"})})]})}const v=R(e.icon),{href:u,external:N}=_e(e,a),I=u!=="#"&&x.pathname.startsWith(u),g=qe(e,p,d),$=r.jsxs(r.Fragment,{children:[r.jsx(v,{className:"h-4 w-4"}),r.jsx("span",{children:g}),e.badge!=null&&r.jsx(K,{variant:e.badgeVariant??"default",className:"ml-auto text-[10px] px-1.5 py-0",children:e.badge})]});return r.jsxs(B,{children:[i&&r.jsx("span",{className:"absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground","aria-label":"Drag to reorder",...i,children:r.jsx(J,{className:"h-3.5 w-3.5"})}),r.jsx(H,{asChild:!0,isActive:I,tooltip:g,children:N?r.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",children:$}):r.jsx(te,{to:u,children:$})}),l&&o&&r.jsx(Q,{showOnHover:!0,onClick:()=>o(e.id,!e.pinned),"aria-label":e.pinned?`Unpin ${g}`:`Pin ${g}`,children:e.pinned?r.jsx(X,{className:"h-3.5 w-3.5"}):r.jsx(Y,{className:"h-3.5 w-3.5"})})]})}function le({items:e,basePath:a="",evaluateVisibility:s=ze,checkPermission:n=Fe,onAction:t,searchQuery:l,enablePinning:o,onPinToggle:i,enableReorder:p,onReorder:d,resolveObjectLabel:x,t:b}){const j=k.useMemo(()=>l?oe(e,l):e,[e,l]),v=k.useMemo(()=>ie(j),[j]),u=j.slice().sort((c,h)=>(c.order??0)-(h.order??0)),N=we(ee(Pe,{activationConstraint:{distance:Te}}),ee(Me)),I=c=>{const{active:h,over:f}=c;if(!f||h.id===f.id||!d)return;const z=u.findIndex(L=>L.id===h.id),D=u.findIndex(L=>L.id===f.id);if(z===-1||D===-1)return;const F=Le(u,z,D).map((L,_)=>({...L,order:_}));d(F)},g={basePath:a,evalVis:s,checkPerm:n,onAction:t,enablePinning:o,onPinToggle:i,resolveObjectLabel:x,t:b},$=u.some(c=>c.type==="group"),S=v.length>0&&o?r.jsxs(O,{children:[r.jsxs(W,{className:"flex items-center gap-1.5",children:[r.jsx(Ne,{className:"h-3.5 w-3.5"}),"Favorites"]}),r.jsx(V,{children:r.jsx(P,{children:v.map(c=>r.jsx(G,{item:c,...g},`fav-${c.id}`))})})]}):null;if(!$){const c=u.filter(f=>f.type!=="group").map(f=>f.id),h=p?r.jsx(Ie,{sensors:N,collisionDetection:$e,onDragEnd:I,children:r.jsx(Ae,{items:c,strategy:ke,children:r.jsx(P,{children:u.map(f=>r.jsx(Ue,{item:f,enableReorder:p,...g},f.id))})})}):r.jsx(P,{children:u.map(f=>r.jsx(G,{item:f,...g},f.id))});return r.jsxs(r.Fragment,{children:[S,r.jsx(O,{children:r.jsx(V,{children:h})})]})}const m=[];let A=[];const C=c=>{if(A.length===0)return;const h=A;A=[],m.push(r.jsx(O,{children:r.jsx(V,{children:r.jsx(P,{children:h.map(f=>r.jsx(G,{item:f,...g},f.id))})})},c))};return u.forEach((c,h)=>{c.type==="group"?(C(`leaf-${h}`),m.push(r.jsx(G,{item:c,...g},c.id))):A.push(c)}),C("leaf-end"),r.jsxs(r.Fragment,{children:[S,m]})}function ie(e){const a=[];for(const s of e)s.pinned&&s.type!=="group"&&s.type!=="separator"&&a.push(s),s.children?.length&&a.push(...ie(s.children));return a}function We({areas:e,activeAreaId:a,onAreaChange:s,evalVis:n,checkPerm:t}){const l=e.filter(o=>!(!n(o.visible)||o.requiredPermissions?.length&&!t(o.requiredPermissions)));return l.length<=1?null:r.jsxs(O,{children:[r.jsxs(W,{className:"flex items-center gap-1.5",children:[r.jsx(Ce,{className:"h-3.5 w-3.5"}),"Area"]}),r.jsx(V,{children:r.jsx(P,{children:l.map(o=>{const i=R(o.icon);return r.jsx(B,{children:r.jsxs(H,{isActive:o.id===a,tooltip:w(o.label),onClick:()=>s(o.id),children:[r.jsx(i,{className:"h-4 w-4"}),r.jsx("span",{children:w(o.label)})]})},o.id)})})})]})}function Ke({items:e,basePath:a}){const s=ae(),n=e.filter(t=>t.type!=="group"&&t.type!=="separator").slice(0,5);return n.length===0?null:r.jsx("div",{className:"fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom",role:"navigation","aria-label":"Mobile navigation",children:n.map(t=>{const l=R(t.icon);let o="#";t.type==="object"?(o=`${a}/${t.objectName}`,t.viewName&&(o+=`/view/${t.viewName}`)):t.type==="dashboard"?o=t.dashboardName?`${a}/dashboard/${t.dashboardName}`:"#":t.type==="page"?o=t.pageName?`${a}/page/${t.pageName}`:"#":t.type==="report"?o=t.reportName?`${a}/report/${t.reportName}`:"#":t.type==="url"&&(o=t.url??"#");const i=o!=="#"&&s.pathname.startsWith(o);return r.jsxs(te,{to:o,className:`flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${i?"text-primary":"text-muted-foreground hover:text-foreground"}`,children:[r.jsx(l,{className:"h-5 w-5"}),r.jsx("span",{className:"text-[10px] truncate max-w-[60px]",children:w(t.label)})]},t.id)})})}function Qe({schema:e,basePath:a,evalVis:s,checkPerm:n,onAction:t,sidebarHeader:l,sidebarFooter:o,sidebarExtra:i,activeAreaId:p,setActiveAreaId:d,resolvedNavigation:x,enableSearch:b,enablePinning:j,onPinToggle:v,enableReorder:u,onReorder:N}){const I=R(e.logo),g=e.areas??[],[$,S]=k.useState("");return r.jsxs(me,{collapsible:"icon",children:[r.jsxs(je,{children:[l??r.jsx(P,{children:r.jsx(B,{children:r.jsxs(H,{size:"lg",tooltip:e.title??e.name,children:[r.jsx("div",{className:"flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground",children:e.logo&&e.logo.startsWith("http")?r.jsx("img",{src:e.logo,alt:e.title??"",className:"size-6 object-contain"}):r.jsx(I,{className:"size-4"})}),r.jsxs("div",{className:"grid flex-1 text-left text-sm leading-tight",children:[r.jsx("span",{className:"truncate font-semibold",children:e.title??e.name??"App"}),e.description&&r.jsx("span",{className:"truncate text-xs text-muted-foreground",children:e.description})]})]})})}),b&&r.jsx(ye,{placeholder:"Search navigation…",value:$,onChange:m=>S(m.target.value),"aria-label":"Search navigation"})]}),r.jsxs(be,{children:[g.length>1&&p&&r.jsx(We,{areas:g,activeAreaId:p,onAreaChange:d,evalVis:s,checkPerm:n}),r.jsx(le,{items:x,basePath:a,evaluateVisibility:s,checkPermission:n,onAction:t,searchQuery:$,enablePinning:j,onPinToggle:v,enableReorder:u,onReorder:N}),i]}),o&&r.jsx(ve,{children:o})]})}function Je({schema:e,basePath:a="",mobileNavMode:s="drawer",evaluateVisibility:n,checkPermission:t,onAction:l,navbar:o,sidebarHeader:i,sidebarFooter:p,sidebarExtra:d,children:x,className:b,defaultOpen:j=!0,enableSearch:v,enablePinning:u,onPinToggle:N,enableReorder:I,onReorder:g}){const $=n??(y=>!(y===!1||y==="false")),S=t??(()=>!0),m=k.useMemo(()=>(e.menu??[]).map((y,T)=>ce(y,T)),[e.menu]),A=e.navigation??m,C=e.areas??[],[c,h]=k.useState(()=>C.length>0?C[0].id:null),f=C.map(y=>y.id).join(",");k.useEffect(()=>{C.length>0?h(y=>C.some(T=>T.id===y)?y:C[0].id):h(null)},[e.name,f]);const D=C.find(y=>y.id===c)?.navigation??A,F={title:e.title,favicon:e.favicon,logo:e.logo},L=r.jsx(Qe,{schema:e,basePath:a,evalVis:$,checkPerm:S,onAction:l,sidebarHeader:i,sidebarFooter:p,sidebarExtra:d,activeAreaId:c,setActiveAreaId:h,resolvedNavigation:D,enableSearch:v,enablePinning:u,onPinToggle:N,enableReorder:I,onReorder:g}),_=s==="bottom_nav";return r.jsxs(r.Fragment,{children:[r.jsx(ne,{sidebar:L,navbar:o,className:b,defaultOpen:j,branding:F,children:x}),_&&r.jsx(Ke,{items:D,basePath:a})]})}function Xe(){M.register("page-header",re,{namespace:"layout",label:"Page Header",category:"Layout",inputs:[{name:"title",type:"string"},{name:"description",type:"string"}]}),M.register("page:header",re,{namespace:"layout"}),M.register("page:card",Oe,{namespace:"layout",label:"Page Card",category:"Layout",isContainer:!0}),M.register("app-shell",ne,{namespace:"layout",label:"App Shell",category:"Layout"}),M.register("responsive-grid",He,{namespace:"layout",label:"Responsive Grid",category:"Layout",isContainer:!0,inputs:[{name:"columns",type:"object"},{name:"gap",type:"number"}]}),M.register("navigation-renderer",le,{namespace:"layout",label:"Navigation Renderer",category:"Layout",inputs:[{name:"items",type:"object"},{name:"basePath",type:"string"}]}),M.register("app-schema-renderer",Je,{namespace:"layout",label:"App Schema Renderer",category:"Layout",isContainer:!0,inputs:[{name:"schema",type:"object"},{name:"basePath",type:"string"},{name:"mobileNavMode",type:"string"}]})}try{Xe()}catch{}export{ne as A,le as N};