@nice2dev/ui 1.0.5 → 1.0.6

package/dist/navigation.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./NiceModuleLifecyclePanel-CsFsm534.cjs"),e=require("react/jsx-runtime"),_=require("react"),v=require("./core-DGJSUW64.cjs"),R=_.forwardRef(({items:b,activeKey:N,collapsed:a=!1,width:p=240,collapsedWidth:t=52,onItemClick:k,onCollapseChange:w,header:j,footer:d,size:m="md",className:g,style:M,id:y,accessMode:C,...S},x)=>{const c=v.useControlId(y),l=v.useNiceAccessMode(C,y),[o,u]=_.useState(new Set),r=_.useCallback(i=>{u($=>{const s=new Set($);return s.has(i)?s.delete(i):s.add(i),s})},[]);if(l==="hidden")return null;const h=(i,$=0)=>{const s=i.children&&i.children.length>0,A=o.has(i.key),D=i.key===N;return e.jsxs("li",{className:"nice-sidebar-menu__item",children:[e.jsxs("button",{className:`nice-sidebar-menu__btn ${D?"nice-sidebar-menu__btn--active":""} ${i.disabled?"nice-sidebar-menu__btn--disabled":""}`,style:{paddingLeft:a?void 0:12+$*16},onClick:()=>s?r(i.key):k?.(i),disabled:i.disabled,title:a?i.text:void 0,type:"button",children:[i.icon&&e.jsx("span",{className:"nice-sidebar-menu__icon",children:i.icon}),!a&&e.jsx("span",{className:"nice-sidebar-menu__label",children:i.text}),!a&&i.badge!==void 0&&e.jsx("span",{className:"nice-sidebar-menu__badge",children:i.badge}),!a&&s&&e.jsx("span",{className:"nice-sidebar-menu__chevron",children:A?"▾":"▸"})]}),s&&A&&!a&&e.jsx("ul",{className:"nice-sidebar-menu__children",children:i.children.map(T=>h(T,$+1))})]},i.key)};return e.jsxs("nav",{ref:x,id:c,className:`nice-sidebar-menu nice-sidebar-menu--${m} ${a?"nice-sidebar-menu--collapsed":""} ${g??""}`,style:{...M,width:a?t:p},...S,children:[j&&e.jsx("div",{className:"nice-sidebar-menu__header",children:j}),e.jsx("ul",{className:"nice-sidebar-menu__list",role:"list",children:b.map(i=>h(i))}),d&&e.jsx("div",{className:"nice-sidebar-menu__footer",children:d})]})});R.displayName="NiceSidebarMenu";const P=_.forwardRef(({items:b,activeKey:N,onItemClick:a,brand:p,actions:t,size:k="md",className:w,style:j,id:d,accessMode:m,...g},M)=>{const y=v.useControlId(d),C=v.useNiceAccessMode(m,d),[S,x]=_.useState(null);return C==="hidden"?null:e.jsxs("nav",{ref:M,id:y,className:`nice-top-menu nice-top-menu--${k} ${w??""}`,style:j,...g,children:[p&&e.jsx("div",{className:"nice-top-menu__brand",children:p}),e.jsx("ul",{className:"nice-top-menu__items",role:"menubar",children:b.map(c=>{const l=c.children&&c.children.length>0,o=S===c.key;return e.jsxs("li",{className:"nice-top-menu__item",onMouseEnter:()=>l&&x(c.key),onMouseLeave:()=>l&&x(null),children:[e.jsxs("button",{className:`nice-top-menu__btn ${c.key===N?"nice-top-menu__btn--active":""}`,onClick:()=>l?x(o?null:c.key):a?.(c),role:"menuitem","aria-haspopup":l,"aria-expanded":o,disabled:c.disabled,type:"button",children:[c.icon&&e.jsx("span",{children:c.icon}),e.jsx("span",{children:c.text}),l&&e.jsx("span",{className:"nice-top-menu__chevron",children:"▾"})]}),l&&o&&e.jsx("ul",{className:"nice-top-menu__dropdown",role:"menu",children:c.children.map(u=>e.jsx("li",{children:e.jsxs("button",{className:`nice-top-menu__dropdown-btn ${u.key===N?"nice-top-menu__dropdown-btn--active":""}`,onClick:()=>{a?.(u),x(null)},disabled:u.disabled,role:"menuitem",type:"button",children:[u.icon&&e.jsx("span",{children:u.icon}),e.jsx("span",{children:u.text}),u.badge!==void 0&&e.jsx("span",{className:"nice-top-menu__badge",children:u.badge})]})},u.key))})]},c.key)})}),t&&e.jsx("div",{className:"nice-top-menu__actions",children:t})]})});P.displayName="NiceTopMenu";const L=_.forwardRef(({tabs:b,activeTab:N,onTabChange:a,onItemClick:p,minimized:t=!1,onMinimizeToggle:k,size:w="md",className:j,style:d,id:m,accessMode:g,...M},y)=>{const C=v.useControlId(m),S=v.useNiceAccessMode(g,m),[x,c]=_.useState(N??b[0]?.key),l=N??x,o=b.find(r=>r.key===l),u=_.useCallback(r=>{c(r),a?.(r)},[a]);return S==="hidden"?null:e.jsxs("div",{ref:y,id:C,className:`nice-ribbon-menu nice-ribbon-menu--${w} ${t?"nice-ribbon-menu--minimized":""} ${j??""}`,style:d,...M,children:[e.jsxs("div",{className:"nice-ribbon-menu__tabs",role:"tablist",children:[b.map(r=>e.jsx("button",{className:`nice-ribbon-menu__tab ${r.key===l?"nice-ribbon-menu__tab--active":""}`,onClick:()=>u(r.key),role:"tab","aria-selected":r.key===l,type:"button",children:r.label},r.key)),e.jsx("button",{className:"nice-ribbon-menu__minimize",onClick:()=>k?.(!t),type:"button","aria-label":t?"Expand":"Minimize",children:t?"▼":"▲"})]}),!t&&o&&e.jsx("div",{className:"nice-ribbon-menu__panel",role:"tabpanel",children:o.groups.map((r,h)=>e.jsxs("div",{className:"nice-ribbon-menu__group",children:[e.jsx("div",{className:"nice-ribbon-menu__group-items",children:r.items.map(i=>e.jsxs("button",{className:"nice-ribbon-menu__item",onClick:()=>p?.(i),disabled:i.disabled,type:"button",children:[i.icon&&e.jsx("span",{className:"nice-ribbon-menu__item-icon",children:i.icon}),e.jsx("span",{className:"nice-ribbon-menu__item-label",children:i.text})]},i.key))}),e.jsx("div",{className:"nice-ribbon-menu__group-label",children:r.label})]},h))})]})});L.displayName="NiceRibbonMenu";const W=_.forwardRef(({items:b,activeKey:N,onItemClick:a,position:p="bottom",autoHide:t=!1,iconSize:k=40,size:w="md",className:j,style:d,id:m,accessMode:g,...M},y)=>{const C=v.useControlId(m),S=v.useNiceAccessMode(g,m),[x,c]=_.useState(!1),l=!t||x;return S==="hidden"?null:e.jsx("div",{ref:y,id:C,className:`nice-dock-menu nice-dock-menu--${p} nice-dock-menu--${w} ${t&&!l?"nice-dock-menu--hidden":""} ${j??""}`,style:d,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),...M,children:e.jsx("div",{className:"nice-dock-menu__items",children:b.map(o=>e.jsxs("button",{className:`nice-dock-menu__item ${o.key===N?"nice-dock-menu__item--active":""}`,onClick:()=>a?.(o),disabled:o.disabled,title:o.text,type:"button",style:{width:k,height:k},children:[o.icon?e.jsx("span",{className:"nice-dock-menu__icon",children:o.icon}):e.jsx("span",{children:o.text[0]}),o.badge!==void 0&&e.jsx("span",{className:"nice-dock-menu__badge",children:o.badge})]},o.key))})})});W.displayName="NiceDockMenu";const B=_.forwardRef(({items:b,activeKey:N,onItemClick:a,open:p,onOpenChange:t,position:k="left",panelWidth:w=280,header:j,footer:d,size:m="md",className:g,style:M,id:y,accessMode:C,...S},x)=>{const c=v.useControlId(y),l=v.useNiceAccessMode(C,y),{t:o}=v.useNiceTranslation(),[u,r]=_.useState(!1),h=p??u,i=_.useCallback(()=>{const s=!h;r(s),t?.(s)},[h,t]),$=_.useCallback(s=>{a?.(s),r(!1),t?.(!1)},[a,t]);return l==="hidden"?null:e.jsxs("div",{ref:x,id:c,className:`nice-hamburger-menu nice-hamburger-menu--${m} ${g??""}`,style:M,...S,children:[e.jsx("button",{className:"nice-hamburger-menu__trigger",onClick:i,"aria-label":o("nav.menu","Menu"),"aria-expanded":h,type:"button",children:e.jsxs("span",{className:`nice-hamburger-menu__icon ${h?"nice-hamburger-menu__icon--open":""}`,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})}),h&&e.jsx("div",{className:"nice-hamburger-menu__backdrop",onClick:i,"aria-hidden":!0}),e.jsxs("div",{className:`nice-hamburger-menu__panel nice-hamburger-menu__panel--${k} ${h?"nice-hamburger-menu__panel--open":""}`,style:{width:w},children:[j&&e.jsx("div",{className:"nice-hamburger-menu__header",children:j}),e.jsx("ul",{className:"nice-hamburger-menu__list",role:"menu",children:b.map(s=>e.jsx("li",{children:e.jsxs("button",{className:`nice-hamburger-menu__item ${s.key===N?"nice-hamburger-menu__item--active":""}`,onClick:()=>$(s),disabled:s.disabled,role:"menuitem",type:"button",children:[s.icon&&e.jsx("span",{className:"nice-hamburger-menu__item-icon",children:s.icon}),e.jsx("span",{children:s.text}),s.badge!==void 0&&e.jsx("span",{className:"nice-hamburger-menu__item-badge",children:s.badge})]})},s.key))}),d&&e.jsx("div",{className:"nice-hamburger-menu__footer",children:d})]})]})});B.displayName="NiceHamburgerMenu";const O=_.forwardRef(({canGoBack:b=!1,canGoForward:N=!1,onBack:a,onForward:p,onRefresh:t,enableShortcuts:k=!0,showRefresh:w=!0,showStop:j=!0,isLoading:d=!1,onStop:m,size:g="md",variant:M="default",tooltipPosition:y="bottom",backIcon:C,forwardIcon:S,refreshIcon:x,stopIcon:c,className:l,style:o,id:u,accessMode:r,disabled:h,...i},$)=>{const s=v.useControlId(u),A=v.useNiceAccessMode(r,u),{t:D}=v.useNiceTranslation();if(_.useEffect(()=>{if(!k||h)return;const E=f=>{const I=f.altKey,U=f.ctrlKey||f.metaKey;I&&f.key==="ArrowLeft"?(f.preventDefault(),b&&a?.()):I&&f.key==="ArrowRight"?(f.preventDefault(),N&&p?.()):f.key==="F5"||U&&f.key==="r"?(f.preventDefault(),d?m?.():t?.()):f.key==="Escape"&&d&&(f.preventDefault(),m?.())};return window.addEventListener("keydown",E),()=>window.removeEventListener("keydown",E)},[k,h,b,N,d,a,p,t,m]),A==="hidden")return null;const T=A==="disabled"||h,z=C??e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),F=S??e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),K=x??e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"23 4 23 10 17 10"}),e.jsx("path",{d:"M20.49 15a9 9 0 1 1-2.12-9.36L23 10"})]}),q=c??e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]});return e.jsxs("div",{ref:$,id:s,className:`nice-nav-controls nice-nav-controls--${g} nice-nav-controls--${M}${T?" nice-nav-controls--disabled":""}${l?` ${l}`:""}`,style:o,role:"navigation","aria-label":D("nav.controls","Navigation controls"),...i,children:[e.jsx("button",{type:"button",className:`nice-nav-controls__btn nice-nav-controls__btn--back${b?"":" nice-nav-controls__btn--disabled"}`,onClick:a,disabled:T||!b,"aria-label":D("nav.back","Back"),title:`${D("nav.back","Back")} (Alt+←)`,children:z}),e.jsx("button",{type:"button",className:`nice-nav-controls__btn nice-nav-controls__btn--forward${N?"":" nice-nav-controls__btn--disabled"}`,onClick:p,disabled:T||!N,"aria-label":D("nav.forward","Forward"),title:`${D("nav.forward","Forward")} (Alt+→)`,children:F}),(w||j&&d)&&(d?e.jsx("button",{type:"button",className:"nice-nav-controls__btn nice-nav-controls__btn--stop nice-nav-controls__btn--loading",onClick:m,disabled:T,"aria-label":D("nav.stop","Stop"),title:`${D("nav.stop","Stop")} (Esc)`,children:q}):e.jsx("button",{type:"button",className:"nice-nav-controls__btn nice-nav-controls__btn--refresh",onClick:t,disabled:T,"aria-label":D("nav.refresh","Refresh"),title:`${D("nav.refresh","Refresh")} (F5)`,children:K}))]})});O.displayName="NiceNavigationControls";exports.DEFAULT_SIDEBAR_PREFS=n.DEFAULT_SIDEBAR_PREFS;exports.DesktopContextMenu=n.DesktopContextMenu;exports.DesktopGrid=n.DesktopGrid;exports.DesktopStartMenu=n.DesktopStartMenu;exports.DesktopSystemTray=n.DesktopSystemTray;exports.DesktopTaskbar=n.DesktopTaskbar;exports.NiceAccordion=n.NiceAccordion;exports.NiceAppLayout=n.NiceAppLayout;exports.NiceBottomNavigation=n.NiceBottomNavigation;exports.NiceBreadcrumb=n.NiceBreadcrumb;exports.NiceCard=n.NiceCard;exports.NiceClassicShell=n.NiceClassicShell;exports.NiceCompactShell=n.NiceCompactShell;exports.NiceConsole=n.NiceConsole;exports.NiceContextMenu=n.NiceContextMenu;exports.NiceDashboardLayout=n.NiceDashboardLayout;exports.NiceDashboardShell=n.NiceDashboardShell;exports.NiceDesktop=n.NiceDesktop;exports.NiceDock=n.NiceDock;exports.NiceDynamicSidebar=n.NiceDynamicSidebar;exports.NiceKioskShell=n.NiceKioskShell;exports.NiceMdiWorkspace=n.NiceMdiWorkspace;exports.NiceMegaMenu=n.NiceMegaMenu;exports.NiceMenu=n.NiceMenu;exports.NiceModeSelector=n.NiceModeSelector;exports.NiceModuleLifecyclePanel=n.NiceModuleLifecyclePanel;exports.NiceMultiView=n.NiceMultiView;exports.NiceNavbar=n.NiceNavbar;exports.NiceOnboardingWizard=n.NiceOnboardingWizard;exports.NiceOrganizationProfileForm=n.NiceOrganizationProfileForm;exports.NicePagination=n.NicePagination;exports.NiceSetupWizard=n.NiceSetupWizard;exports.NiceSidebarNav=n.NiceSidebarNav;exports.NiceSplitter=n.NiceSplitter;exports.NiceTabPanel=n.NiceTabPanel;exports.NiceTabs=n.NiceTabs;exports.NiceTenantSwitcher=n.NiceTenantSwitcher;exports.NiceToolbar=n.NiceToolbar;exports.NiceUserMenu=n.NiceUserMenu;exports.NiceWizard=n.NiceWizard;exports.SIDEBAR_MODE_META=n.SIDEBAR_MODE_META;exports.NiceDockMenu=W;exports.NiceHamburgerMenu=B;exports.NiceNavigationControls=O;exports.NiceRibbonMenu=L;exports.NiceSidebarMenu=R;exports.NiceTopMenu=P;