@robosystems/core 0.9.2 → 0.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robosystems/core",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Shared RoboSystems frontend core library (auth, contexts, task monitoring, UI components) for the RoboSystems Next.js apps",
   "license": "MIT",
   "private": false,

package/ui-components/layout/CoreSidebar.js

@@ -23,13 +23,25 @@ function MobileSidebar({ navigationItems, features, bottomMenuActions, additiona
         return null;
     return (_jsxs(_Fragment, { children: [_jsx(Sidebar, { "aria-label": "Sidebar with multi-level dropdown example", theme: customTheme.sidebar, className: twMerge(`fixed inset-y-0 left-0 z-20 hidden h-full shrink-0 flex-col border-r border-gray-200 pt-16 ${borderColorClass} lg:flex`, isOpen && 'flex'), id: "sidebar", children: _jsxs("div", { className: "flex h-full flex-col justify-between", children: [_jsxs("div", { className: "py-2", children: [additionalMobileComponents && (_jsx("div", { className: "hidden pb-2 max-md:block", children: additionalMobileComponents })), _jsxs(SidebarItems, { children: [_jsx(OrgSection, { isCollapsed: false, showOrgSection: features.showOrgSection }), _jsx(SidebarItemGroup, { className: "mt-0 border-t-0 pt-2 pb-1", children: navigationItems.map((item) => (_jsx(CustomSidebarItem, Object.assign({}, item, { pathname: pathname }), item.label))) })] })] }), _jsx(BottomMenu, { isCollapsed: false, features: features, bottomMenuActions: bottomMenuActions })] }) }), _jsx("div", { onClick: close, "aria-hidden": "true", className: "fixed inset-0 z-10 h-full w-full bg-zinc-900/50 pt-16 dark:bg-zinc-900/90" })] }));
 }
+// SidebarItem renders an <a> for an href and forwards these, but its props are typed
+// as a div's, so they are spread rather than written as attributes. A link that opens a
+// new tab gets noopener and noreferrer, so the page it opens can't reach back into the
+// app's window through window.opener.
+function newTabProps(target) {
+    return target
+        ? {
+            target,
+            rel: target === '_blank' ? 'noopener noreferrer' : undefined,
+        }
+        : {};
+}
 function CustomSidebarItem({ href, target, icon: Icon, label, items, badge, pathname, }) {
     if (!(items === null || items === void 0 ? void 0 : items.length)) {
         const isExternal = target === '_blank' || (href === null || href === void 0 ? void 0 : href.startsWith('http'));
         if (isExternal) {
-            return (_jsx(SidebarItem, { href: href || '#', icon: Icon, active: pathname === href, theme: customTheme.sidebar.item, className: pathname === href
+            return (_jsx(SidebarItem, Object.assign({ href: href || '#' }, newTabProps(target), { icon: Icon, active: pathname === href, theme: customTheme.sidebar.item, className: pathname === href
                     ? 'bg-primary-50 text-primary-700 dark:bg-primary-200 dark:text-primary-800'
-                    : '', children: label }));
+                    : '', children: label })));
         }
         return (_jsx(SidebarItem, { as: Link, href: href || '#', icon: Icon, active: pathname === href, theme: customTheme.sidebar.item, className: pathname === href
                 ? 'bg-zinc-100 text-gray-900 dark:bg-zinc-800 dark:text-gray-200'
@@ -39,9 +51,9 @@ function CustomSidebarItem({ href, target, icon: Icon, label, items, badge, path
             var _a;
             const isExternal = item.target === '_blank' || ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith('http'));
             if (isExternal) {
-                return (_jsx(SidebarItem, { href: item.href || '#', active: pathname === item.href, theme: customTheme.sidebar.item, className: pathname === item.href
+                return (_jsx(SidebarItem, Object.assign({ href: item.href || '#' }, newTabProps(item.target), { active: pathname === item.href, theme: customTheme.sidebar.item, className: pathname === item.href
                         ? 'bg-primary-50 text-primary-700 dark:bg-primary-200 dark:text-primary-800'
-                        : '', children: item.label }, item.label));
+                        : '', children: item.label }), item.label));
             }
             return (_jsx(SidebarItem, { as: Link, href: item.href || '#', active: pathname === item.href, theme: customTheme.sidebar.item, className: pathname === item.href
                     ? 'bg-primary-50 text-primary-700 dark:bg-primary-200 dark:text-primary-800'