@object-ui/console 3.3.1 → 3.4.0

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

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{_ as t,l as n,r,t as i}from"./vendor-react-B1k2FF9f.js";import{At as a,Dt as o,Ft as s,Jn as c,Mt as l,NL as u,Nt as d,Ot as f,PS as p,Pt as m,Sm as h,XA as g,Xn as _,Xt as v,Yn as y,Z as b,bm as x,ir as S,jt as C,kt as w,mc as T,sT as E}from"./ui-components-BCmPcwhR.js";import{a as D,f as O,g as k,h as A,l as j,m as M,n as N,o as P,s as F,t as I,u as L}from"./vendor-dndkit-BGB4qgc3.js";var R=e(t(),1),z=i();function B(e){let t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(!t)return null;let n=parseInt(t[1],16)/255,r=parseInt(t[2],16)/255,i=parseInt(t[3],16)/255,a=Math.max(n,r,i),o=Math.min(n,r,i),s=0,c=0,l=(a+o)/2;if(a!==o){let e=a-o;switch(c=l>.5?e/(2-a-o):e/(a+o),a){case n:s=((r-i)/e+(r<i?6:0))/6;break;case r:s=((i-n)/e+2)/6;break;case i:s=((n-r)/e+4)/6;break}}return{h:s*360,s:c*100,l:l*100}}function V(e){let t=B(e);return t?`${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%`:null}function H(e){let t=B(e);if(!t)return null;let n=Math.max(t.l,65),r=t.s>80?Math.max(t.s-10,70):t.s;return`${Math.round(t.h)} ${Math.round(r)}% ${Math.round(n)}%`}function U(e){let t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(!t)return`0 0% 100%`;let n=e=>{let t=e/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4},r=n(parseInt(t[1],16)),i=n(parseInt(t[2],16)),a=n(parseInt(t[3],16));return .2126*r+.7152*i+.0722*a>.6?`222 47% 11%`:`0 0% 100%`}function W(e,t){(0,R.useEffect)(()=>{let n=document.documentElement,r=()=>n.classList.contains(`dark`),i=()=>{if(e?.primaryColor){let t=V(e.primaryColor),i=H(e.primaryColor),a=r()&&i||t;a&&(n.style.setProperty(`--brand-primary`,e.primaryColor),n.style.setProperty(`--brand-primary-hsl`,t||a),n.style.setProperty(`--primary`,a),n.style.setProperty(`--primary-foreground`,r()?`222 47% 11%`:U(e.primaryColor)),n.style.setProperty(`--ring`,a),n.style.setProperty(`--sidebar-primary`,a),n.style.setProperty(`--sidebar-ring`,a))}else n.style.removeProperty(`--brand-primary`),n.style.removeProperty(`--brand-primary-hsl`),n.style.removeProperty(`--primary`),n.style.removeProperty(`--primary-foreground`),n.style.removeProperty(`--ring`),n.style.removeProperty(`--sidebar-primary`),n.style.removeProperty(`--sidebar-ring`);if(e?.accentColor){let t=V(e.accentColor),i=H(e.accentColor),a=r()&&i||t;a&&(n.style.setProperty(`--brand-accent`,e.accentColor),n.style.setProperty(`--brand-accent-hsl`,t||a),n.style.setProperty(`--accent`,a),n.style.setProperty(`--accent-foreground`,r()?`222 47% 11%`:U(e.accentColor)))}else n.style.removeProperty(`--brand-accent`),n.style.removeProperty(`--brand-accent-hsl`),n.style.removeProperty(`--accent`),n.style.removeProperty(`--accent-foreground`)};i();let a=new MutationObserver(e=>{for(let t of e)if(t.type===`attributes`&&t.attributeName===`class`){i();break}});if(a.observe(n,{attributes:!0,attributeFilter:[`class`]}),e?.favicon){let t=document.querySelector(`#favicon`)||document.querySelector(`link[rel="icon"]`);t&&(t.href=e.favicon)}return t&&(document.title=t),()=>{a.disconnect(),n.style.removeProperty(`--brand-primary`),n.style.removeProperty(`--brand-primary-hsl`),n.style.removeProperty(`--brand-accent`),n.style.removeProperty(`--brand-accent-hsl`),n.style.removeProperty(`--primary`),n.style.removeProperty(`--primary-foreground`),n.style.removeProperty(`--ring`),n.style.removeProperty(`--sidebar-primary`),n.style.removeProperty(`--sidebar-ring`),n.style.removeProperty(`--accent`),n.style.removeProperty(`--accent-foreground`)}},[e?.primaryColor,e?.accentColor,e?.favicon,t])}function G({sidebar:e,navbar:t,children:n,className:r,defaultOpen:i=!0,branding:o}){return W(o,o?.title),(0,z.jsxs)(s,{defaultOpen:i,className:`!flex-col`,children:[(0,z.jsx)(`header`,{className:`sticky top-0 z-30 flex h-14 w-full shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4`,children:t}),(0,z.jsxs)(`div`,{className:`flex flex-1 min-h-0 w-full`,children:[e,(0,z.jsx)(a,{className:`min-w-0`,children:(0,z.jsx)(`main`,{className:u(`flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6`,r),children:n})})]})]})}function K(e){return e?b(e):E}function q(e,t){if(typeof e==`string`)return e;if(t){let n=t(e.key,{defaultValue:e.defaultValue,...e.params});if(n&&n!==e.key)return n}return e.defaultValue||e.key}function J(e,t,n,r,i){let a=q(e.label,n);return typeof e.label==`string`?t&&e.type===`object`&&e.objectName?t(e.objectName,a):r&&e.type===`dashboard`&&e.dashboardName?r(e.dashboardName,a):i&&e.type===`group`&&e.id?i(e.id,a):a:a}var Y=e=>!(e===!1||e===`false`),X=()=>!0;function ee(e,t){switch(e.type){case`object`:{let n=`${t}/${e.objectName??``}`;return{href:e.viewName?`${n}/view/${e.viewName}`:n,external:!1}}case`dashboard`:return{href:e.dashboardName?`${t}/dashboard/${e.dashboardName}`:`#`,external:!1};case`page`:return{href:e.pageName?`${t}/page/${e.pageName}`:`#`,external:!1};case`report`:return{href:e.reportName?`${t}/report/${e.reportName}`:`#`,external:!1};case`url`:return{href:e.url??`#`,external:e.target===`_blank`};default:return{href:`#`,external:!1}}}function Z(e,t){if(!t.trim())return e;let n=t.toLowerCase().trim();return e.reduce((e,r)=>{if(r.type===`separator`)return e;if(r.type===`group`&&r.children?.length){let n=Z(r.children,t);return n.length>0&&e.push({...r,children:n}),e}return q(r.label).toLowerCase().includes(n)&&e.push(r),e},[])}var te=5;function ne({item:e,basePath:t,evalVis:n,checkPerm:r,onAction:i,enablePinning:a,onPinToggle:o,enableReorder:s,resolveObjectLabel:c,resolveDashboardLabel:l,resolveGroupLabel:u,t:d}){let{attributes:f,listeners:p,setNodeRef:m,transform:h,transition:g,isDragging:_}=D({id:e.id,disabled:!s});return(0,z.jsx)(`div`,{ref:m,style:{transform:k.Transform.toString(h),transition:g,opacity:_?.5:void 0,zIndex:_?10:void 0},...f,children:(0,z.jsx)(Q,{item:e,basePath:t,evalVis:n,checkPerm:r,onAction:i,enablePinning:a,onPinToggle:o,dragListeners:s?p:void 0,resolveObjectLabel:c,resolveDashboardLabel:l,resolveGroupLabel:u,t:d})})}function Q({item:e,basePath:t,evalVis:i,checkPerm:a,onAction:s,enablePinning:u,onPinToggle:b,dragListeners:T,resolveObjectLabel:E,resolveDashboardLabel:D,resolveGroupLabel:O,t:k}){let A=n(),[j,M]=(0,R.useState)(e.defaultOpen!==!1);if(!i(e.visible)||e.requiredPermissions?.length&&!a(e.requiredPermissions))return null;if(e.type===`separator`)return(0,z.jsx)(v,{className:`my-2`});if(e.type===`group`){let n=(e.children??[]).slice().sort((e,t)=>(e.order??0)-(t.order??0));return(0,z.jsx)(c,{open:j,onOpenChange:M,children:(0,z.jsxs)(o,{children:[(0,z.jsx)(w,{asChild:!0,children:(0,z.jsxs)(_,{className:`flex w-full items-center justify-between`,children:[J(e,E,k,D,O),(0,z.jsx)(g,{className:`ml-auto h-4 w-4 transition-transform ${j?`rotate-90`:``}`})]})}),(0,z.jsx)(y,{children:(0,z.jsx)(f,{children:(0,z.jsx)(C,{children:n.map(e=>(0,z.jsx)(Q,{item:e,basePath:t,evalVis:i,checkPerm:a,onAction:s,enablePinning:u,onPinToggle:b,resolveObjectLabel:E,resolveDashboardLabel:D,resolveGroupLabel:O,t:k},e.id))})})})]})})}if(e.type===`action`){let t=K(e.icon),n=q(e.label,k);return(0,z.jsxs)(m,{children:[T&&(0,z.jsx)(`span`,{className:`absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground`,"aria-label":k?k(`console.nav.dragToReorder`,{defaultValue:`Drag to reorder`}):`Drag to reorder`,...T,children:(0,z.jsx)(p,{className:`h-3.5 w-3.5`})}),(0,z.jsxs)(d,{tooltip:n,onClick:()=>s?.(e),children:[(0,z.jsx)(t,{className:`h-4 w-4`}),(0,z.jsx)(`span`,{children:n}),e.badge!=null&&(0,z.jsx)(S,{variant:e.badgeVariant??`default`,className:`ml-auto text-[10px] px-1.5 py-0`,children:e.badge})]}),u&&b&&(0,z.jsx)(l,{showOnHover:!0,onClick:()=>b(e.id,!e.pinned),"aria-label":k?k(e.pinned?`console.nav.unpinItem`:`console.nav.pinItem`,{defaultValue:e.pinned?`Unpin ${n}`:`Pin ${n}`,name:n}):e.pinned?`Unpin ${n}`:`Pin ${n}`,children:e.pinned?(0,z.jsx)(h,{className:`h-3.5 w-3.5`}):(0,z.jsx)(x,{className:`h-3.5 w-3.5`})})]})}let N=K(e.icon),{href:P,external:F}=ee(e,t),I=P!==`#`&&A.pathname.startsWith(P),L=J(e,E,k,D,O),B=(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(N,{className:`h-4 w-4`}),(0,z.jsx)(`span`,{children:L}),e.badge!=null&&(0,z.jsx)(S,{variant:e.badgeVariant??`default`,className:`ml-auto text-[10px] px-1.5 py-0`,children:e.badge})]});return(0,z.jsxs)(m,{children:[T&&(0,z.jsx)(`span`,{className:`absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground`,"aria-label":k?k(`console.nav.dragToReorder`,{defaultValue:`Drag to reorder`}):`Drag to reorder`,...T,children:(0,z.jsx)(p,{className:`h-3.5 w-3.5`})}),(0,z.jsx)(d,{asChild:!0,isActive:I,tooltip:L,children:F?(0,z.jsx)(`a`,{href:P,target:`_blank`,rel:`noopener noreferrer`,children:B}):(0,z.jsx)(r,{to:P,children:B})}),u&&b&&(0,z.jsx)(l,{showOnHover:!0,onClick:()=>b(e.id,!e.pinned),"aria-label":k?k(e.pinned?`console.nav.unpinItem`:`console.nav.pinItem`,{defaultValue:e.pinned?`Unpin ${L}`:`Pin ${L}`,name:L}):e.pinned?`Unpin ${L}`:`Pin ${L}`,children:e.pinned?(0,z.jsx)(h,{className:`h-3.5 w-3.5`}):(0,z.jsx)(x,{className:`h-3.5 w-3.5`})})]})}function re({items:e,basePath:t=``,evaluateVisibility:n=Y,checkPermission:r=X,onAction:i,searchQuery:a,enablePinning:s,onPinToggle:c,enableReorder:l,onReorder:u,resolveObjectLabel:d,resolveDashboardLabel:p,resolveGroupLabel:m,t:h}){let g=(0,R.useMemo)(()=>a?Z(e,a):e,[e,a]),_=(0,R.useMemo)(()=>$(g),[g]),v=g.slice().sort((e,t)=>(e.order??0)-(t.order??0)),y=A(M(L,{activationConstraint:{distance:te}}),M(j)),b=e=>{let{active:t,over:n}=e;if(!n||t.id===n.id||!u)return;let r=v.findIndex(e=>e.id===t.id),i=v.findIndex(e=>e.id===n.id);r===-1||i===-1||u(N(v,r,i).map((e,t)=>({...e,order:t})))},x={basePath:t,evalVis:n,checkPerm:r,onAction:i,enablePinning:s,onPinToggle:c,resolveObjectLabel:d,resolveDashboardLabel:p,resolveGroupLabel:m,t:h},S=v.some(e=>e.type===`group`),E=_.length>0&&s?(0,z.jsxs)(o,{children:[(0,z.jsxs)(w,{className:`flex items-center gap-1.5`,children:[(0,z.jsx)(T,{className:`h-3.5 w-3.5`}),h?h(`console.nav.favorites`,{defaultValue:`Favorites`}):`Favorites`]}),(0,z.jsx)(f,{children:(0,z.jsx)(C,{children:_.map(e=>(0,z.jsx)(Q,{item:e,...x},`fav-${e.id}`))})})]}):null;if(!S){let e=v.filter(e=>e.type!==`group`).map(e=>e.id);return(0,z.jsxs)(z.Fragment,{children:[E,(0,z.jsx)(o,{children:(0,z.jsx)(f,{children:l?(0,z.jsx)(F,{sensors:y,collisionDetection:O,onDragEnd:b,children:(0,z.jsx)(I,{items:e,strategy:P,children:(0,z.jsx)(C,{children:v.map(e=>(0,z.jsx)(ne,{item:e,enableReorder:l,...x},e.id))})})}):(0,z.jsx)(C,{children:v.map(e=>(0,z.jsx)(Q,{item:e,...x},e.id))})})})]})}let D=[],k=[],B=e=>{if(k.length===0)return;let t=k;k=[],D.push((0,z.jsx)(o,{children:(0,z.jsx)(f,{children:(0,z.jsx)(C,{children:t.map(e=>(0,z.jsx)(Q,{item:e,...x},e.id))})})},e))};return v.forEach((e,t)=>{e.type===`group`?(B(`leaf-${t}`),D.push((0,z.jsx)(Q,{item:e,...x},e.id))):k.push(e)}),B(`leaf-end`),(0,z.jsxs)(z.Fragment,{children:[E,D]})}function $(e){let t=[];for(let n of e)n.pinned&&n.type!==`group`&&n.type!==`separator`&&t.push(n),n.children?.length&&t.push(...$(n.children));return t}export{G as n,re as t};