@linzjs/lui 24.3.0 → 24.3.1

package/CHANGELOG.md

@@ -5,6 +5,15 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [24.3.1](https://github.com/linz/Lui/compare/lui-v24.3.0...lui-v24.3.1) (2025-11-24)
+
+
+### Bug Fixes
+
+* **LuiModal:** add tabindex prop for modal controller ([45d8a36](https://github.com/linz/Lui/commit/45d8a36a4cc723559de1caaa89a9a38de7a10045))
+* **LuiModal:** add tabindex prop for modal controller ([45d8a36](https://github.com/linz/Lui/commit/45d8a36a4cc723559de1caaa89a9a38de7a10045))
+* **LuiModal:** SEARCH-7756 add tabindex prop for modal controller ([#1290](https://github.com/linz/Lui/issues/1290)) ([45d8a36](https://github.com/linz/Lui/commit/45d8a36a4cc723559de1caaa89a9a38de7a10045))
+
 ## [24.3.0](https://github.com/linz/Lui/compare/lui-v24.2.0...lui-v24.3.0) (2025-11-20)
 
 

package/dist/components/Drawer/Drawer.d.ts

@@ -3,7 +3,7 @@ import { Splitter } from '../Splitter/Splitter';
 import './Drawer.scss';
 import { UseDisableParentScroll } from './utils';
 type Position = 'top' | 'bottom' | 'left' | 'right';
-export type DrawerProps = PropsWithChildren<{
+type BaseDrawerProps = {
     /** It's not recommended to make this prop dynamic during runtime as it might affect the opening animation. See the `Positions` story for more info. */
     position?: Position;
     /** Drawer open state is fully handled by the parent */
@@ -39,6 +39,7 @@ export type DrawerProps = PropsWithChildren<{
     mountChildrenOn?: 'mount' | 'first-open';
     /** Called when the drawer is resized either manually or programmatically.  */
     onResized?: ComponentProps<typeof Splitter>['onResized'];
-}> & Omit<ComponentProps<typeof Splitter>, 'ratio' | 'orientation' | 'onResized' | 'startAt' | 'min' | 'max'>;
+};
+export type DrawerProps = PropsWithChildren<BaseDrawerProps> & Omit<ComponentProps<typeof Splitter>, 'ratio' | 'orientation' | 'onResized' | 'startAt' | 'min' | 'max'>;
 export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -21,6 +21,8 @@ export type LuiModalV2Props = {
     preventAutoFocus?: boolean;
     /** By default, the modal portal will be appended to the document's body, but we might need to append it to another element. This is passed the React Modal `parentSelector` prop. */
     appendToElement?: () => HTMLElement;
+    /** Sets the tab index of the modal container */
+    tabIndex?: number | null;
 };
 /** Implements the [updated modal design system](https://www.figma.com/design/E7g3n5ziI7bR8MisISayia/FigLUI?node-id=9924-54717&t=q2r6Gct1cKGP9Q5B-0), keeping the same api as `LuiModal` as much as possible. */
 export declare const LuiModalV2: {

package/dist/index.d.ts

@@ -83,8 +83,10 @@ export { useToast } from './components/Toast';
 export { LuiMessagingContextProvider, useShowLUIMessage, LuiToastMessage, } from './components/Toast/Upgrade';
 export { LuiErrorPanel } from './components/LuiErrorPanel/LuiErrorPanel';
 export { DrawerGlobalProvider, useDrawerGlobalContext, DrawerGlobalContext, } from './components/Drawer/DrawerGlobalContext';
-export { Drawer, DrawerProps } from './components/Drawer/Drawer';
-export { DrawerGlobal, DrawerGlobalProps, } from './components/Drawer/DrawerGlobal';
+export { Drawer } from './components/Drawer/Drawer';
+export type { DrawerProps } from './components/Drawer/Drawer';
+export { DrawerGlobal } from './components/Drawer/DrawerGlobal';
+export type { DrawerGlobalProps } from './components/Drawer/DrawerGlobal';
 export { LuiFilterCharactersProvider, useFilterCharacters, } from './contexts/LuiFilterCharactersProvider';
 export { LinzFreeTextValidator } from './functions/LinzFreeTextValidator';
 export { LinzFreeTextFilter, LinzFreeTextFilterConvertOnly, } from './functions/LinzFreeTextFilter';

package/dist/index.js

@@ -18391,7 +18391,23 @@ var LuiModalV2 = function (props) {
                 showButtons && (React__default["default"].createElement("div", { className: "lui-modal-v2-header-buttons" },
                     showHelpButton && React__default["default"].createElement(HelpButton, { helpLink: props.helpLink }),
                     showCloseButton && React__default["default"].createElement(CloseButton, { onClose: props.onClose })))),
-            React__default["default"].createElement("div", { className: "lui-modal-v2-contents" }, props.children))));
+            React__default["default"].createElement(ModalContents, { children: props.children, tabIndex: props.tabIndex }))));
+};
+var ModalContents = function (props) {
+    React.useEffect(function () {
+        var modalContent = document.querySelector('.ReactModal__Content');
+        if (props.tabIndex === undefined || !modalContent)
+            return;
+        switch (props.tabIndex) {
+            case null:
+                modalContent === null || modalContent === void 0 ? void 0 : modalContent.removeAttribute('tabindex');
+                break;
+            default:
+                modalContent === null || modalContent === void 0 ? void 0 : modalContent.setAttribute('tabindex', props.tabIndex.toString());
+                break;
+        }
+    }, []);
+    return React__default["default"].createElement("div", { className: "lui-modal-v2-contents" }, props.children);
 };
 var ButtonRow = function (props) { return (React__default["default"].createElement("div", { className: clsx$1('lui-modal-v2-btn-row', props.className) }, props.children)); };
 LuiModalV2.Buttons = ButtonRow;