@bookjane2/bookjane-design-library 9.0.35 → 9.0.37

package/lib/components/BKJMenu/BKJMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJMenu.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,aAAa,CAyBrC,CAAC"}
+{"version":3,"file":"BKJMenu.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,EAAE,EAA2B,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,aAAa,CAkDrC,CAAC"}

package/lib/components/BKJMenu/BKJMenu.js

@@ -1,20 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef } from 'react';
-import { Fragment } from 'react';
+import { forwardRef, Fragment } from 'react';
+import { useId } from '@react-aria/utils';
 import { MenuWrapper } from './BKJMenu.styled.js';
-export const BKJMenu = forwardRef(({ isMenuOpen, closeMenu, children, className, ...props }, ref) => {
-    const buildChildren = React.Children.map(children, (child) => {
-        if (React.isValidElement(child)) {
-            const props = {
-                onClick: () => {
-                    child?.props?.onClick && child.props.onClick();
-                    closeMenu();
-                },
-            };
-            return React.cloneElement(child, props);
+const NAV_KEYS = new Set(['ArrowDown', 'ArrowUp', 'Home', 'End']);
+export const BKJMenu = forwardRef(({ isMenuOpen, closeMenu, children, onKeyDown, ...rest }, ref) => {
+    const generatedId = useId();
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.key === 'Enter' || event.key === ' ') {
+            closeMenu();
+            return;
         }
-        return null;
-    });
-    return (_jsx(Fragment, { children: isMenuOpen && children && (_jsx(MenuWrapper, { role: "menu", "aria-label": "Menu", ref: ref, className: className, ...props, children: buildChildren })) }));
+        if (event.defaultPrevented || !NAV_KEYS.has(event.key))
+            return;
+        event.preventDefault();
+        const wrapper = event.currentTarget;
+        const target = event.target;
+        let next = null;
+        if (event.key === 'ArrowDown') {
+            next = target.nextElementSibling ?? wrapper.firstElementChild;
+        }
+        else if (event.key === 'ArrowUp') {
+            next = target.previousElementSibling ?? wrapper.lastElementChild;
+        }
+        else if (event.key === 'Home') {
+            next = wrapper.firstElementChild;
+        }
+        else if (event.key === 'End') {
+            next = wrapper.lastElementChild;
+        }
+        next?.focus();
+    };
+    return (_jsx(Fragment, { children: isMenuOpen && children && (_jsx(MenuWrapper, { role: "menu", "aria-label": "Menu", id: generatedId, ref: ref, onClick: closeMenu, onKeyDown: handleKeyDown, ...rest, children: children })) }));
 });
 //# sourceMappingURL=BKJMenu.js.map

package/lib/components/BKJMenu/BKJMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJMenu.js","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,MAAM,CAAC,MAAM,OAAO,GAAsB,UAAU,CAClD,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAe,EAAE;IAC7E,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAgB,EAAE,EAAE;QACtE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,MAAM,KAAK,GAAwB;gBACjC,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,EAAE,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;oBAC/C,SAAS,EAAE,CAAC;gBACd,CAAC;aACF,CAAC;YACF,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,QAAQ,cACN,UAAU,IAAI,QAAQ,IAAI,CACzB,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,gBAAY,MAAM,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACjF,aAAa,GACF,CACf,GACQ,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BKJMenu.js","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAM,QAAQ,EAAiB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,OAAO,GAAsB,UAAU,CAClD,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAe,EAAE;IAC5E,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAE5B,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC7D,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,SAAS,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,gBAAgB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC;QACpC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IAAI,IAAI,GAAmB,IAAI,CAAC;QAEhC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9B,IAAI,GAAG,MAAM,CAAC,kBAAkB,IAAI,OAAO,CAAC,iBAAiB,CAAC;QAChE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YACnC,IAAI,GAAG,MAAM,CAAC,sBAAsB,IAAI,OAAO,CAAC,gBAAgB,CAAC;QACnE,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YAChC,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACnC,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC;QAClC,CAAC;QAEA,IAA2B,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,cACN,UAAU,IAAI,QAAQ,IAAI,CACzB,KAAC,WAAW,IACV,IAAI,EAAC,MAAM,gBACA,MAAM,EACjB,EAAE,EAAE,WAAW,EACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,aAAa,KACpB,IAAI,YAEP,QAAQ,GACG,CACf,GACQ,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/BKJMenu/BKJMenu.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJMenu.test.d.ts.map

package/lib/components/BKJMenu/BKJMenu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenu.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.test.tsx"],"names":[],"mappings":""}

package/lib/components/BKJMenu/BKJMenu.test.js

@@ -0,0 +1,180 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderAndCheckA11y, renderWithTheme } from '../../test-utils/index.js';
+import { BKJMenu } from './BKJMenu.js';
+import { BKJMenuItem } from '../BKJMenuItem/BKJMenuItem.js';
+const noop = () => { };
+const ThreeItems = () => (_jsxs(BKJMenu, { isMenuOpen: true, closeMenu: noop, children: [_jsx(BKJMenuItem, { children: "One" }), _jsx(BKJMenuItem, { children: "Two" }), _jsx(BKJMenuItem, { children: "Three" })] }));
+describe('BKJMenu', () => {
+    describe('Accessibility', () => {
+        it('open menu with 3 menuitems is axe-clean', async () => {
+            const { axeResults } = await renderAndCheckA11y(_jsx(ThreeItems, {}));
+            expect(axeResults).toHaveNoViolations();
+        });
+        it('closed menu does not render wrapper (axe-clean)', async () => {
+            const { axeResults } = await renderAndCheckA11y(_jsx(BKJMenu, { isMenuOpen: false, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "Hidden" }) }));
+            expect(axeResults).toHaveNoViolations();
+            expect(screen.queryByRole('menu')).toBeNull();
+        });
+        it('consumer-supplied aria-labelledby is axe-clean', async () => {
+            const { axeResults } = await renderAndCheckA11y(_jsxs(_Fragment, { children: [_jsx("h2", { id: "lbl", children: "Heading" }), _jsx(BKJMenu, { "aria-labelledby": "lbl", isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "One" }) })] }));
+            expect(axeResults).toHaveNoViolations();
+        });
+    });
+    describe('Container ARIA', () => {
+        it('default render carries role="menu" and aria-label="Menu"', () => {
+            renderWithTheme(_jsx(ThreeItems, {}));
+            const wrapper = screen.getByRole('menu');
+            expect(wrapper).toHaveAttribute('aria-label', 'Menu');
+            expect(wrapper).not.toHaveAttribute('aria-labelledby');
+        });
+        it('consumer-supplied role="menubar" overrides default', () => {
+            renderWithTheme(_jsx(BKJMenu, { role: "menubar", isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            expect(screen.getByRole('menubar')).toBeTruthy();
+        });
+        it('consumer-supplied aria-labelledby is forwarded to the wrapper', () => {
+            renderWithTheme(_jsxs(_Fragment, { children: [_jsx("h2", { id: "x", children: "Heading" }), _jsx(BKJMenu, { "aria-labelledby": "x", isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "One" }) })] }));
+            expect(screen.getByRole('menu')).toHaveAttribute('aria-labelledby', 'x');
+        });
+        it('consumer-supplied aria-label overrides the default', () => {
+            renderWithTheme(_jsx(BKJMenu, { "aria-label": "Account actions", isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            expect(screen.getByRole('menu', { name: 'Account actions' })).toHaveAttribute('aria-label', 'Account actions');
+        });
+        it('default render emits non-empty auto-generated id', () => {
+            renderWithTheme(_jsx(ThreeItems, {}));
+            expect(screen.getByRole('menu').id.length).toBeGreaterThan(0);
+        });
+        it('two instances produce different auto-ids', () => {
+            renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJMenu, { isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "A" }) }), _jsx(BKJMenu, { isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "B" }) })] }));
+            const menus = screen.getAllByRole('menu');
+            expect(menus[0].id).not.toEqual(menus[1].id);
+        });
+        it('consumer-supplied id overrides auto-generated', () => {
+            renderWithTheme(_jsx(BKJMenu, { id: "custom-id", isMenuOpen: true, closeMenu: noop, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            expect(screen.getByRole('menu').id).toBe('custom-id');
+        });
+    });
+    describe('Click behaviour', () => {
+        it('clicking a menuitem calls closeMenu', async () => {
+            const user = userEvent.setup();
+            const closeMenu = jest.fn();
+            renderWithTheme(_jsx(BKJMenu, { isMenuOpen: true, closeMenu: closeMenu, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            await user.click(screen.getByRole('menuitem'));
+            expect(closeMenu).toHaveBeenCalledTimes(1);
+        });
+        it('clicking a menuitem also calls the consumer onClick', async () => {
+            const user = userEvent.setup();
+            const closeMenu = jest.fn();
+            const onClick = jest.fn();
+            renderWithTheme(_jsx(BKJMenu, { isMenuOpen: true, closeMenu: closeMenu, children: _jsx(BKJMenuItem, { onClick: onClick, children: "One" }) }));
+            await user.click(screen.getByRole('menuitem'));
+            expect(onClick).toHaveBeenCalledTimes(1);
+            expect(closeMenu).toHaveBeenCalledTimes(1);
+        });
+        it('Enter on a focused menuitem calls closeMenu', async () => {
+            const user = userEvent.setup();
+            const closeMenu = jest.fn();
+            renderWithTheme(_jsx(BKJMenu, { isMenuOpen: true, closeMenu: closeMenu, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            screen.getByRole('menuitem').focus();
+            await user.keyboard('{Enter}');
+            expect(closeMenu).toHaveBeenCalledTimes(1);
+        });
+        it('Space on a focused menuitem calls closeMenu', async () => {
+            const user = userEvent.setup();
+            const closeMenu = jest.fn();
+            renderWithTheme(_jsx(BKJMenu, { isMenuOpen: true, closeMenu: closeMenu, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            screen.getByRole('menuitem').focus();
+            await user.keyboard(' ');
+            expect(closeMenu).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('Keyboard navigation', () => {
+        it('ArrowDown moves focus to next item', async () => {
+            const user = userEvent.setup();
+            renderWithTheme(_jsx(ThreeItems, {}));
+            const items = screen.getAllByRole('menuitem');
+            items[0].focus();
+            await user.keyboard('{ArrowDown}');
+            expect(items[1]).toHaveFocus();
+        });
+        it('ArrowDown wraps from last to first', async () => {
+            const user = userEvent.setup();
+            renderWithTheme(_jsx(ThreeItems, {}));
+            const items = screen.getAllByRole('menuitem');
+            items[2].focus();
+            await user.keyboard('{ArrowDown}');
+            expect(items[0]).toHaveFocus();
+        });
+        it('ArrowUp wraps from first to last', async () => {
+            const user = userEvent.setup();
+            renderWithTheme(_jsx(ThreeItems, {}));
+            const items = screen.getAllByRole('menuitem');
+            items[0].focus();
+            await user.keyboard('{ArrowUp}');
+            expect(items[2]).toHaveFocus();
+        });
+        it('Home jumps to first item', async () => {
+            const user = userEvent.setup();
+            renderWithTheme(_jsx(ThreeItems, {}));
+            const items = screen.getAllByRole('menuitem');
+            items[2].focus();
+            await user.keyboard('{Home}');
+            expect(items[0]).toHaveFocus();
+        });
+        it('End jumps to last item', async () => {
+            const user = userEvent.setup();
+            renderWithTheme(_jsx(ThreeItems, {}));
+            const items = screen.getAllByRole('menuitem');
+            items[0].focus();
+            await user.keyboard('{End}');
+            expect(items[2]).toHaveFocus();
+        });
+        it('Arrow / Home / End call preventDefault', async () => {
+            const user = userEvent.setup();
+            const captured = {};
+            const onKeyDown = (e) => {
+                e.persist();
+                captured[e.key] = e;
+            };
+            renderWithTheme(_jsxs(BKJMenu, { isMenuOpen: true, closeMenu: noop, onKeyDown: onKeyDown, children: [_jsx(BKJMenuItem, { children: "One" }), _jsx(BKJMenuItem, { children: "Two" })] }));
+            const items = screen.getAllByRole('menuitem');
+            items[0].focus();
+            await user.keyboard('{ArrowDown}');
+            await user.keyboard('{ArrowUp}');
+            await user.keyboard('{Home}');
+            await user.keyboard('{End}');
+            expect(captured['ArrowDown']?.defaultPrevented).toBe(true);
+            expect(captured['ArrowUp']?.defaultPrevented).toBe(true);
+            expect(captured['Home']?.defaultPrevented).toBe(true);
+            expect(captured['End']?.defaultPrevented).toBe(true);
+        });
+        it('Escape and character keys do not call preventDefault at wrapper level', async () => {
+            const user = userEvent.setup();
+            const captured = {};
+            const onKeyDown = (e) => {
+                e.persist();
+                captured[e.key] = e;
+            };
+            renderWithTheme(_jsx(BKJMenu, { isMenuOpen: true, closeMenu: noop, onKeyDown: onKeyDown, children: _jsx(BKJMenuItem, { children: "One" }) }));
+            screen.getByRole('menuitem').focus();
+            await user.keyboard('{Escape}');
+            await user.keyboard('a');
+            expect(captured['Escape']?.defaultPrevented).toBe(false);
+            expect(captured['a']?.defaultPrevented).toBe(false);
+        });
+        it('consumer onKeyDown can short-circuit built-in nav', async () => {
+            const user = userEvent.setup();
+            const onKeyDown = (e) => {
+                if (e.key === 'ArrowDown')
+                    e.preventDefault();
+            };
+            renderWithTheme(_jsxs(BKJMenu, { isMenuOpen: true, closeMenu: noop, onKeyDown: onKeyDown, children: [_jsx(BKJMenuItem, { children: "One" }), _jsx(BKJMenuItem, { children: "Two" })] }));
+            const items = screen.getAllByRole('menuitem');
+            items[0].focus();
+            await user.keyboard('{ArrowDown}');
+            expect(items[0]).toHaveFocus();
+        });
+    });
+});
+//# sourceMappingURL=BKJMenu.test.js.map

package/lib/components/BKJMenu/BKJMenu.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJMenu.test.js","sourceRoot":"","sources":["../../../src/components/BKJMenu/BKJMenu.test.tsx"],"names":[],"mappings":"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"}

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type BKJTableMainHeaderProps = {
+export type BKJTableMainHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
     title: string;
 };
 export declare const BKJTableMainHeader: React.FC<BKJTableMainHeaderProps>;

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJTableMainHeader.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAIhE,CAAC"}
+{"version":3,"file":"BKJTableMainHeader.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,OAAO,CACR,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAOhE,CAAC"}

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BKJTableMainHeaderWrapper, Text } from './BKJTableMainHeader.styled.js';
-export const BKJTableMainHeader = ({ title }) => (_jsx(BKJTableMainHeaderWrapper, { children: _jsx(Text, { children: title }) }));
+export const BKJTableMainHeader = ({ title, ...rest }) => (_jsx(BKJTableMainHeaderWrapper, { ...rest, children: _jsx(Text, { children: title }) }));
 //# sourceMappingURL=BKJTableMainHeader.js.map

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJTableMainHeader.js","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAM9E,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAClF,KAAC,yBAAyB,cACxB,KAAC,IAAI,cAAE,KAAK,GAAQ,GACM,CAC7B,CAAC"}
+{"version":3,"file":"BKJTableMainHeader.js","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAS9E,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,yBAAyB,OAAK,IAAI,YACjC,KAAC,IAAI,cAAE,KAAK,GAAQ,GACM,CAC7B,CAAC"}

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.stories.d.ts

@@ -1,3 +1,4 @@
+import { StoryFn } from '@storybook/react';
 import { BKJTableMainHeaderProps } from './BKJTableMainHeader.js';
 declare const _default: {
     title: string;
@@ -5,4 +6,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, BKJTableMainHeaderProps>;
+export declare const LabelledTable: StoryFn;
 //# sourceMappingURL=BKJTableMainHeader.stories.d.ts.map

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJTableMainHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;;;;;AAGnF,wBAGE;AAQF,eAAO,MAAM,OAAO,mHAAoB,CAAC"}
+{"version":3,"file":"BKJTableMainHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;;;;;AAGnF,wBAGE;AAQF,eAAO,MAAM,OAAO,mHAAoB,CAAC;AAKzC,eAAO,MAAM,aAAa,EAAE,OAgB3B,CAAC"}

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.stories.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BKJTableMainHeader } from './BKJTableMainHeader.js';
 import { BKJTheme, BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
 export default {
@@ -10,4 +10,13 @@ export const Default = Template.bind({});
 Default.args = {
     title: 'Main Header',
 };
+export const LabelledTable = () => (_jsxs(BKJThemeProvider, { theme: BKJTheme, children: [_jsx(BKJTableMainHeader, { id: "shifts-title", title: "Shifts this week" }), _jsx("table", { "aria-labelledby": "shifts-title", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { children: "10:00 AM \u2014 2:00 PM" }), _jsx("td", { children: "Toronto" })] }), _jsxs("tr", { children: [_jsx("td", { children: "3:00 PM \u2014 7:00 PM" }), _jsx("td", { children: "Mississauga" })] })] }) })] }));
+LabelledTable.parameters = {
+    docs: {
+        description: {
+            story: "When the title sits visually outside an adjacent `<table>` and you want the table's accessible name to be the title text, give the `BKJTableMainHeader` an `id` and reference it from the `<table>` via `aria-labelledby`. The accessible-name computation traverses the reference and resolves to the title's text content.",
+        },
+    },
+    controls: { disable: true },
+};
 //# sourceMappingURL=BKJTableMainHeader.stories.js.map

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJTableMainHeader.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAE9E,eAAe;IACb,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,kBAAkB;CAC9B,CAAC;AAEF,MAAM,QAAQ,GAAqC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAChB,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,aAAa;CACrB,CAAC"}
+{"version":3,"file":"BKJTableMainHeader.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAE9E,eAAe;IACb,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,kBAAkB;CAC9B,CAAC;AAEF,MAAM,QAAQ,GAAqC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAChB,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAY,GAAG,EAAE,CAAC,CAC1C,MAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,aAC/B,KAAC,kBAAkB,IAAC,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,kBAAkB,GAAG,EACjE,mCAAuB,cAAc,YACnC,4BACE,yBACE,mDAA2B,EAC3B,mCAAgB,IACb,EACL,yBACE,kDAA0B,EAC1B,uCAAoB,IACjB,IACC,GACF,IACS,CACpB,CAAC;AAEF,aAAa,CAAC,UAAU,GAAG;IACzB,IAAI,EAAE;QACJ,WAAW,EAAE;YACX,KAAK,EACH,8TAA8T;SACjU;KACF;IACD,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC5B,CAAC"}

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJTableMainHeader.test.d.ts.map

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTableMainHeader.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.test.tsx"],"names":[],"mappings":""}

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.test.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { screen } from '@testing-library/react';
+import { renderAndCheckA11y, renderWithTheme } from '../../test-utils/index.js';
+import { BKJTableMainHeader } from './BKJTableMainHeader.js';
+describe('BKJTableMainHeader', () => {
+    describe('Accessibility', () => {
+        it('has no accessibility violations on the default render', async () => {
+            const { axeResults } = await renderAndCheckA11y(_jsx(BKJTableMainHeader, { title: "Shifts this week" }));
+            expect(axeResults).toHaveNoViolations();
+        });
+        it('has no accessibility violations on the labelled-table render', async () => {
+            const { axeResults } = await renderAndCheckA11y(_jsxs(_Fragment, { children: [_jsx(BKJTableMainHeader, { id: "shifts-title", title: "Shifts this week" }), _jsx("table", { "aria-labelledby": "shifts-title", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { children: "10:00 AM \u2014 2:00 PM" }), _jsx("td", { children: "Toronto" })] }), _jsxs("tr", { children: [_jsx("td", { children: "3:00 PM \u2014 7:00 PM" }), _jsx("td", { children: "Mississauga" })] })] }) })] }));
+            expect(axeResults).toHaveNoViolations();
+        });
+    });
+    describe('HTML attribute forwarding', () => {
+        it('forwards id to the wrapping <div> byte-identically', () => {
+            const { getByText } = renderWithTheme(_jsx(BKJTableMainHeader, { id: "shifts-title", title: "Shifts this week" }));
+            const wrapper = getByText('Shifts this week').closest('div');
+            expect(wrapper).toHaveAttribute('id', 'shifts-title');
+            expect(getByText('Shifts this week')).not.toHaveAttribute('id');
+        });
+        it('forwards className to the wrapping <div> while preserving the styled-components class', () => {
+            const { getByText } = renderWithTheme(_jsx(BKJTableMainHeader, { className: "my-custom-class", title: "Shifts this week" }));
+            const wrapper = getByText('Shifts this week').closest('div');
+            expect(wrapper).toHaveClass('my-custom-class');
+            expect(wrapper?.className).toMatch(/sc-[a-zA-Z0-9]+/);
+        });
+        it('forwards data-* attributes to the wrapping <div> byte-identically', () => {
+            const { getByText } = renderWithTheme(_jsx(BKJTableMainHeader, { "data-testid": "shifts-header", title: "Shifts this week" }));
+            const wrapper = getByText('Shifts this week').closest('div');
+            expect(wrapper).toHaveAttribute('data-testid', 'shifts-header');
+        });
+        it('exposes the title as the accessible name of an adjacent <table aria-labelledby>', () => {
+            renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJTableMainHeader, { id: "shifts-title", title: "Shifts this week" }), _jsx("table", { "aria-labelledby": "shifts-title", children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsx("td", { children: "10:00 AM \u2014 2:00 PM" }), _jsx("td", { children: "Toronto" })] }) }) })] }));
+            expect(screen.getByRole('table', { name: 'Shifts this week' })).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=BKJTableMainHeader.test.js.map

package/lib/components/BKJTableMainHeader/BKJTableMainHeader.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTableMainHeader.test.js","sourceRoot":"","sources":["../../../src/components/BKJTableMainHeader/BKJTableMainHeader.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC7B,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;YACrE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,KAAC,kBAAkB,IAAC,KAAK,EAAC,kBAAkB,GAAG,CAChD,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;YAC5E,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,8BACE,KAAC,kBAAkB,IAAC,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,kBAAkB,GAAG,EACjE,mCAAuB,cAAc,YACnC,4BACE,yBACE,mDAA2B,EAC3B,mCAAgB,IACb,EACL,yBACE,kDAA0B,EAC1B,uCAAoB,IACjB,IACC,GACF,IACP,CACJ,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,kBAAkB,IAAC,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,kBAAkB,GAAG,CAClE,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;YACtD,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uFAAuF,EAAE,GAAG,EAAE;YAC/F,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,kBAAkB,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAC,kBAAkB,GAAG,CAC5E,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC/C,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;YAC3E,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CACnC,KAAC,kBAAkB,mBAAa,eAAe,EAAC,KAAK,EAAC,kBAAkB,GAAG,CAC5E,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;YACzF,eAAe,CACb,8BACE,KAAC,kBAAkB,IAAC,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,kBAAkB,GAAG,EACjE,mCAAuB,cAAc,YACnC,0BACE,yBACE,mDAA2B,EAC3B,mCAAgB,IACb,GACC,GACF,IACP,CACJ,CAAC;YACF,MAAM,CACJ,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CACxD,CAAC,iBAAiB,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bookjane2/bookjane-design-library",
-  "version": "9.0.35",
+  "version": "9.0.37",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
   "engines": {