@linzjs/lui 17.36.2 → 17.36.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [17.36.3](https://github.com/linz/lui/compare/v17.36.2...v17.36.3) (2023-02-20)
+
+
+### Bug Fixes
+
+* add LuiCloseableHeaderMenuContextV2 and update LuiDrawerMenuOptionsV2 ([#861](https://github.com/linz/lui/issues/861)) ([612c6b4](https://github.com/linz/lui/commit/612c6b47970107023dd9a00c175a3fbfe9a1f742))
+
 ## [17.36.2](https://github.com/linz/lui/compare/v17.36.1...v17.36.2) (2023-02-20)
 
 

package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts

@@ -14,7 +14,13 @@ declare const LuiHeaderMenuItemV2: React.ForwardRefExoticComponent<ILuiHeaderMen
     children?: ReactNode;
     iconColor?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
+interface ILuiCloseableHeaderMenuContextV2 {
+    isOpen: () => boolean;
+    open: () => void;
+    close: () => void;
+}
+declare const LuiCloseableHeaderMenuContextV2: React.Context<ILuiCloseableHeaderMenuContextV2>;
 declare const LuiCloseableHeaderMenuItemV2: ({ open, setOpen, children, ...props }: ILuiCloseableHeaderMenuItem & {
     children?: ReactNode;
 }) => JSX.Element;
-export { LuiHeaderV2, LuiHeaderMenuItemV2, LuiCloseableHeaderMenuItemV2 };
+export { LuiHeaderV2, LuiHeaderMenuItemV2, LuiCloseableHeaderMenuItemV2, LuiCloseableHeaderMenuContextV2, };

package/dist/index.js

@@ -40347,6 +40347,11 @@ var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
             badge && React__default["default"].createElement("div", { className: "LuiHeaderV2-badge" }, badge)),
         !!children && React__default["default"].createElement("div", { onClick: onClick }, children)));
 });
+var LuiCloseableHeaderMenuContextV2 = React$1.createContext({
+    isOpen: function () { return false; },
+    open: function () { },
+    close: function () { }
+});
 var LuiCloseableHeaderMenuItemV2 = function (_a) {
     var open = _a.open, setOpen = _a.setOpen, children = _a.children, props = __rest$1(_a, ["open", "setOpen", "children"]);
     useEscapeFunction(function () { return setOpen(false); });
@@ -40455,7 +40460,7 @@ var LuiDrawerMenuOptionsV2 = function (_a) {
 };
 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.subMenu, subMenu = _c === void 0 ? false : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
-    var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
+    var menu = React$1.useContext(LuiCloseableHeaderMenuContextV2);
     return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option", onClick: function () {
             if (!subMenu) {
                 menu.close();
@@ -40519,10 +40524,17 @@ var LuiDropdownMenuV2 = function (_a) {
                 }), "data-testid": 'dropdown', "aria-hidden": !open }, children))));
 };
 var LuiDrawerMenuSectionV2 = function (props) {
-    return React__default["default"].createElement(LuiDrawerMenuSection, __assign$3({}, props));
+    var children = props.children, title = props.title, collapsible = props.collapsible;
+    return (React__default["default"].createElement("div", null,
+        collapsible && (React__default["default"].createElement(LuiExpandableBanner, { label: title || '', className: "LuiDrawerMenuSectionV2-header" }, children)),
+        !collapsible && (React__default["default"].createElement(React__default["default"].Fragment, null,
+            title && (React__default["default"].createElement("div", { className: "LuiDrawerMenuSectionV2-header" },
+                React__default["default"].createElement("div", { className: 'lui-expand-header', style: { cursor: 'default' } },
+                    React__default["default"].createElement("h3", null, title)))),
+            children))));
 };
 var LuiDrawerMenuDividerV2 = function () {
-    return React__default["default"].createElement(LuiDrawerMenuDivider, null);
+    return React__default["default"].createElement("hr", { className: "LuiDrawerMenuDividerV2" });
 };
 
 var lib = {exports: {}};
@@ -58556,6 +58568,7 @@ exports.LuiButton = LuiButton;
 exports.LuiButtonGroup = LuiButtonGroup;
 exports.LuiCheckboxInput = LuiCheckboxInput;
 exports.LuiCloseableHeaderMenuContext = LuiCloseableHeaderMenuContext;
+exports.LuiCloseableHeaderMenuContextV2 = LuiCloseableHeaderMenuContextV2;
 exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
 exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
 exports.LuiComboSelect = LuiComboSelect;