@linzjs/lui 17.36.2 → 17.36.4

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [17.36.4](https://github.com/linz/lui/compare/v17.36.3...v17.36.4) (2023-02-22)
+
+
+### Bug Fixes
+
+* Reference to pre-defined lui colors and shadows where applicable ([#862](https://github.com/linz/lui/issues/862)) ([38c7d3d](https://github.com/linz/lui/commit/38c7d3d2a1bcdb86f789b41358f6a6e81c3c299d))
+
+## [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

@@ -12879,7 +12879,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$a = ".LuiFloatingWindow-buttons {\n  display: flex;\n  align-items: center;\n}\n\n.LuiFloatingWindow-extra-buttons-divider {\n  margin-right: 4px;\n  margin-left: 8px;\n  margin-top: -6px;\n  font-size: x-large;\n  opacity: 0.7;\n}\n\n.FloatingWindow-window {\n  box-shadow: 0 0 10px #0071981a;\n  position: absolute;\n  background-color: #fff;\n  top: 10%;\n  left: 5%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 9px;\n}\n\n.FloatingWindow-container {\n  display: flex;\n  height: calc(100% - 50px);\n  width: 100%;\n  overflow: auto;\n}\n\n.FloatingWindow-header-element {\n  flex: 0;\n}\n\n.FloatingWindow-header {\n  height: 48px;\n  line-height: 48px;\n  color: #6b6966;\n  padding: 0 8px;\n  display: flex;\n  overflow: hidden;\n  justify-content: space-between;\n  border-bottom: 2px #eaeaea solid;\n  font-size: 1em;\n  font-weight: 600;\n}\n\n.FloatingWindow-header-title-text {\n  font-size: 1em;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.FloatingWindow-buttons {\n  display: flex;\n  align-items: center;\n}\n\n.FloatingWindow-extra-buttons-divider {\n  margin-right: 4px;\n  margin-left: 8px;\n  margin-top: -6px;\n  font-size: x-large;\n  opacity: 0.7;\n}\n\n.FloatingWindowHeaderButton-button {\n  padding: 0 0 0 8px;\n  border: none;\n  outline: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: #000;\n  display: flex;\n}\n\n.FloatingWindowHeaderButton-icon {\n  fill: #6b6966;\n}\n\n.floating-window-icon {\n  display: inline-block;\n  height: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  width: 24px;\n  fill: #6b6966;\n}";
+var css_248z$a = ".LuiFloatingWindow-buttons {\n  display: flex;\n  align-items: center;\n}\n\n.LuiFloatingWindow-extra-buttons-divider {\n  margin-right: 4px;\n  margin-left: 8px;\n  margin-top: -6px;\n  font-size: x-large;\n  opacity: 0.7;\n}\n\n.FloatingWindow-window {\n  box-shadow: 0px 1px 6px 0px #00000026, 0px 6px 10px 0px #00000040;\n  position: absolute;\n  background-color: #ffffff;\n  top: 10%;\n  left: 5%;\n  display: flex;\n  flex-direction: column;\n  border-radius: 9px;\n}\n\n.FloatingWindow-container {\n  display: flex;\n  height: calc(100% - 50px);\n  width: 100%;\n  overflow: auto;\n}\n\n.FloatingWindow-header-element {\n  flex: 0;\n}\n\n.FloatingWindow-header {\n  height: 48px;\n  line-height: 48px;\n  color: #6b6966;\n  padding: 0 8px;\n  display: flex;\n  overflow: hidden;\n  justify-content: space-between;\n  border-bottom: 2px #eaeaea solid;\n  font-size: 1em;\n  font-weight: 600;\n}\n\n.FloatingWindow-header-title-text {\n  font-size: 1em;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.FloatingWindow-buttons {\n  display: flex;\n  align-items: center;\n}\n\n.FloatingWindow-extra-buttons-divider {\n  margin-right: 4px;\n  margin-left: 8px;\n  margin-top: -6px;\n  font-size: x-large;\n  opacity: 0.7;\n}\n\n.FloatingWindowHeaderButton-button {\n  padding: 0 0 0 8px;\n  border: none;\n  outline: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: #6b6966;\n  display: flex;\n}\n\n.FloatingWindowHeaderButton-icon {\n  fill: #6b6966;\n}\n\n.floating-window-icon {\n  display: inline-block;\n  height: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  width: 24px;\n  fill: #6b6966;\n}";
 styleInject(css_248z$a);
 
 /**
@@ -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;