@linzjs/lui 17.21.0 → 17.22.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [17.22.0](https://github.com/linz/lui/compare/v17.21.1...v17.22.0) (2022-11-18)
+
+
+### Features
+
+* triggering deployment ([#800](https://github.com/linz/lui/issues/800)) ([d264dec](https://github.com/linz/lui/commit/d264deca54901446dded3c7f96cb68344b53be47))
+
+## [17.21.1](https://github.com/linz/lui/compare/v17.21.0...v17.21.1) (2022-11-15)
+
+
+### Bug Fixes
+
+* close side panel on escape key down ([#798](https://github.com/linz/lui/issues/798)) ([b1d7507](https://github.com/linz/lui/commit/b1d7507575a67bfa4ba64d84f070bcad7b1d447d))
+
 # [17.21.0](https://github.com/linz/lui/compare/v17.20.0...v17.21.0) (2022-11-07)
 
 

package/README.md

@@ -25,7 +25,7 @@ _It was foreseen in the stars that Lui was destined for greatness, a UI library
 - [📄 Lui on UX Confluence](https://confluence.linz.govt.nz/display/STEP/Lui+%28LINZ+User+Interface%29+Design+system)
 - [💬 Lui Community of Practice on LINZ Slack - #cop-lui](https://linz.slack.com/archives/CP807EN31)
 
-and...
+and
 
 - [👕Lui Worm T-shirts](https://odrusso-store.secure-decoration.com/shop/category/Lui-Worm?c=3718283)
 

package/dist/index.js

@@ -28224,7 +28224,13 @@ var LuiModal = function (props) {
     })),
         React__default["default"].createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
             props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
-            React__default["default"].createElement("div", { className: clsx(props.headingText && 'lui-modal-container') }, props.children))));
+            React__default["default"].createElement("div", { className: clsx(props.headingText && 'lui-modal-container'), ref: function (element) {
+                    if (element &&
+                        !element.contains(element.ownerDocument.activeElement)) {
+                        var firstFocusableElement = element.querySelector('input,button');
+                        firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+                    }
+                } }, props.children))));
 };
 var LuiAlertModal = function (props) {
     var materialIcon = getMaterialIconForLevel(props.level);
@@ -33114,6 +33120,11 @@ var LuiSidePanel = function (_a) {
 };
 var LuiSidePanelContainer = function (props) {
     var _a = props !== null && props !== void 0 ? props : {}, children = _a.children, onClose = _a.onClose, _b = _a.width, width = _b === void 0 ? '50%' : _b, _c = _a.top, top = _c === void 0 ? 60 : _c, _d = _a.closeBtnTitleAttr, closeBtnTitleAttr = _d === void 0 ? 'Close panel' : _d;
+    useEscapeFunction(function () {
+        if (onClose) {
+            onClose();
+        }
+    });
     return (React__default["default"].createElement("section", { style: {
             position: 'fixed',
             right: 0,