@linzjs/lui 17.42.0 → 17.43.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [17.43.0](https://github.com/linz/lui/compare/v17.42.0...v17.43.0) (2023-03-19)
+
+
+### Features
+
+* **headerV2:** Support href inside menu item ([#893](https://github.com/linz/lui/issues/893)) ([83cf363](https://github.com/linz/lui/commit/83cf36305de370229e8157e62ac71a0c46259657))
+
 # [17.42.0](https://github.com/linz/lui/compare/v17.41.10...v17.42.0) (2023-03-19)
 
 

package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts

@@ -33,11 +33,15 @@ interface LuiDrawerMenuOptionV2Props {
      * false - remains open on clicking
      */
     closeMenuOnClick?: boolean;
+    /**
+     * Open link in a new tab
+     */
+    url?: string;
 }
 declare const LuiDrawerMenuOptionsV2: ({ children, }: {
     children: ReactNode;
 }) => JSX.Element;
-declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, }: LuiDrawerMenuOptionV2Props) => JSX.Element;
+declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, url, }: LuiDrawerMenuOptionV2Props) => JSX.Element;
 declare type LuiDrawerMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
     hasStickyHeader?: boolean;
     size?: Exclude<Size, 'xs'>;

package/dist/index.js

@@ -40517,17 +40517,18 @@ var LuiDrawerMenuOptionsV2 = function (_a) {
     return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-options" }, children));
 };
 var LuiDrawerMenuOptionV2 = function (_a) {
-    var icon = _a.icon, iconColor = _a.iconColor, label = _a.label, badge = _a.badge, _b = _a.iconSize, iconSize = _b === void 0 ? 'md' : _b, _c = _a.closeMenuOnClick, closeMenuOnClick = _c === void 0 ? true : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+    var icon = _a.icon, iconColor = _a.iconColor, label = _a.label, badge = _a.badge, _b = _a.iconSize, iconSize = _b === void 0 ? 'md' : _b, _c = _a.closeMenuOnClick, closeMenuOnClick = _c === void 0 ? true : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, url = _a.url;
     var menu = useLuiCloseableHeaderMenuContextV2();
+    var optionLabel = (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-label" },
+        typeof icon === 'string' ? (React__default["default"].createElement(LuiIcon, { size: iconSize, name: icon, alt: '', color: iconColor, "data-testid": 'drawer-option-icon' })) : (icon),
+        label));
     return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option", onClick: function () {
             if (closeMenuOnClick) {
                 menu.close();
             }
             onClick();
         }, "data-testid": 'drawer-option' },
-        React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-label" },
-            typeof icon === 'string' ? (React__default["default"].createElement(LuiIcon, { size: iconSize, name: icon, alt: '', color: iconColor, "data-testid": 'drawer-option-icon' })) : (icon),
-            label),
+        url ? (React__default["default"].createElement("a", { target: "_blank", href: url, rel: "noreferrer" }, optionLabel)) : (optionLabel),
         badge && (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-badge" }, badge))));
 };
 /**