@linzjs/lui 17.19.0 → 17.20.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [17.20.0](https://github.com/linz/lui/compare/v17.19.0...v17.20.0) (2022-10-31)
+
+
+### Features
+
+* Adding LuiSideMenu component ([#792](https://github.com/linz/lui/issues/792)) ([e358939](https://github.com/linz/lui/commit/e358939b3086a3fb4271436a98b0439ec5027537))
+
 # [17.19.0](https://github.com/linz/lui/compare/v17.18.2...v17.19.0) (2022-10-31)
 
 ## [17.18.2](https://github.com/linz/lui/compare/v17.18.1...v17.18.2) (2022-10-20)

package/dist/components/LuiSideMenu/LuiSideMenu.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface ILuiSideMenuProps {
+    children: ReactNode;
+}
+export declare function LuiSideMenu({ children }: ILuiSideMenuProps): JSX.Element;

package/dist/components/LuiSideMenu/LuiSideMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type LuiMenuItemClickHandler = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+export interface ILuiSideMenuItemProps {
+    icon: string;
+    to: string;
+    label: string;
+    onClick?: LuiMenuItemClickHandler;
+    isActive?: boolean;
+}
+export declare function LuiSideMenuItem({ to, label, icon, isActive, onClick, }: ILuiSideMenuItemProps): JSX.Element;

package/dist/index.d.ts

@@ -63,3 +63,5 @@ export { LuiAccordicardStatic } from './components/LuiAccordicardStatic/LuiAccor
 export { LuiListBox, ILuiListBoxItem, ILuiListBoxProps, IItemRendererProps, } from './components/LuiListBox/LuiListBox';
 export { RadioItemRenderer } from './components/LuiListBox/Renderers/RadioItemRenderer';
 export { CheckboxItemRenderer } from './components/LuiListBox/Renderers/CheckboxItemRenderer';
+export { LuiSideMenu, ILuiSideMenuProps, } from './components/LuiSideMenu/LuiSideMenu';
+export { LuiSideMenuItem, ILuiSideMenuItemProps, LuiMenuItemClickHandler, } from './components/LuiSideMenu/LuiSideMenuItem';

package/dist/index.js

@@ -44296,6 +44296,21 @@ function CheckboxItemRenderer(_a) {
         item.label));
 }
 
+function LuiSideMenu(_a) {
+    var children = _a.children;
+    return (React__default["default"].createElement("div", { className: "LuiSideMenu-wrapper" },
+        React__default["default"].createElement("div", { className: "LuiSideMenu" },
+            React__default["default"].createElement("ul", { className: "LuiSideMenu-menu" }, children))));
+}
+
+function LuiSideMenuItem(_a) {
+    var to = _a.to, label = _a.label, icon = _a.icon, _b = _a.isActive, isActive = _b === void 0 ? false : _b, onClick = _a.onClick;
+    return (React__default["default"].createElement("li", { className: "LuiSideMenu-listItem", "aria-label": label },
+        React__default["default"].createElement("a", { title: label, className: clsx('LuiSideMenu-link', isActive && 'LuiSideMenu-link--active'), href: to, onClick: onClick, "aria-current": isActive || undefined },
+            React__default["default"].createElement(LuiIcon, { size: "md", name: icon, alt: label, status: "interactive" }),
+            React__default["default"].createElement("span", { className: "navText" }, label))));
+}
+
 exports.CheckboxItemRenderer = CheckboxItemRenderer;
 exports.FIRM_KEY = FIRM_KEY;
 exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
@@ -44371,6 +44386,8 @@ exports.LuiSelectMenu = LuiSelectMenu;
 exports.LuiSelectMenuItem = LuiSelectMenuItem;
 exports.LuiSelectSubMenuItem = LuiSelectSubMenuItem;
 exports.LuiShadow = LuiShadow;
+exports.LuiSideMenu = LuiSideMenu;
+exports.LuiSideMenuItem = LuiSideMenuItem;
 exports.LuiSidePanel = LuiSidePanel;
 exports.LuiSidePanelProvider = LuiSidePanelProvider;
 exports.LuiStaticMessage = LuiStaticMessage;