@linzjs/lui 17.23.0 → 17.23.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [17.23.2](https://github.com/linz/lui/compare/v17.23.1...v17.23.2) (2022-11-27)
+
+
+### Bug Fixes
+
+* side panel overflow so that consumer can scroll. ([#803](https://github.com/linz/lui/issues/803)) ([0984cf0](https://github.com/linz/lui/commit/0984cf0b7940884c0d0d5a0dae7666937d034301))
+
+## [17.23.1](https://github.com/linz/lui/compare/v17.23.0...v17.23.1) (2022-11-23)
+
+
+### Bug Fixes
+
+* allow modals to opt out of auto focus ([#802](https://github.com/linz/lui/issues/802)) ([038d279](https://github.com/linz/lui/commit/038d2791e6b99c54a31e05a2cc3fdf8f9c4a6289))
+
 # [17.23.0](https://github.com/linz/lui/compare/v17.22.0...v17.23.0) (2022-11-23)
 
 # [17.22.0](https://github.com/linz/lui/compare/v17.21.1...v17.22.0) (2022-11-18)

package/dist/components/LuiModal/LuiModal.d.ts

@@ -7,6 +7,7 @@ interface ILuiModal {
     maxWidth?: boolean;
     headingText?: string;
     lowContrast?: boolean;
+    preventAutoFocus?: boolean;
     appendToElement?: () => HTMLElement;
 }
 export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;

package/dist/index.js

@@ -28237,7 +28237,8 @@ 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'), ref: function (element) {
-                    if (element &&
+                    if (!props.preventAutoFocus &&
+                        element &&
                         !element.contains(element.ownerDocument.activeElement)) {
                         var firstFocusableElement = element.querySelector('input,button');
                         firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
@@ -33147,7 +33148,8 @@ var LuiSidePanelContainer = function (props) {
             transition: 'width 0.2s ease',
             boxShadow: '-0.1em 0 0.4em rgba(0, 0, 0, 0.2)',
             padding: 0,
-            zIndex: 3
+            zIndex: 3,
+            overflow: 'scroll'
         } },
         children && (React__default["default"].createElement("button", { type: "button", "data-testid": "close", title: closeBtnTitleAttr, onClick: onClose, style: {
                 color: '#5e5e61',