@linzjs/lui 17.23.0 → 17.23.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [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();