@seamapi/react 0.25.0 → 0.26.1

package/lib/ui/Menu/Menu.js

@@ -2,15 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useState, } from 'react';
 import { createPortal } from 'react-dom';
-const MenuContext = createContext(undefined);
-const Menu = ({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, children, button, BackgroundProps, }) => {
+const menuContext = createContext({
+    close: () => { },
+});
+export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, children, renderButton, backgroundProps, }) {
+    const { Provider } = menuContext;
     const [anchorEl, setAnchorEl] = useState(null);
     const [documentEl, setDocumentEl] = useState(null);
     const [contentEl, setContentEl] = useState(null);
     const [top, setTop] = useState(0);
     const [left, setLeft] = useState(0);
     useEffect(() => {
-        const containers = document.querySelectorAll('.seam-components');
+        const containers = globalThis?.document?.querySelectorAll('.seam-components');
+        if (containers == null)
+            return;
         const el = containers[containers.length - 1];
         if (el != null) {
             setDocumentEl(el);
@@ -19,7 +24,7 @@ const Menu = ({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, childr
     const handleClose = () => {
         setAnchorEl(null);
     };
-    const open = (event) => {
+    const handleOpen = (event) => {
         setAnchorEl(event.currentTarget);
     };
     const setPositions = useCallback(() => {
@@ -33,15 +38,13 @@ const Menu = ({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, childr
         const left = anchorLeft + horizontalOffset;
         const right = left + contentWidth;
         const bottom = top + contentHeight;
-        // If the content would overflow right, we'll need to set it relative
-        // to the right of the container.
+        // If the content would overflow right, set it relative to the right of the container.
         const isOverflowingRight = right > containerRight;
         const visibleLeft = isOverflowingRight
             ? containerRight - contentWidth - horizontalOffset - edgeOffset
             : left;
         setLeft(visibleLeft);
-        // If the content would overflow bottom, we'll position it to be
-        // above the anchor.
+        // If the content would overflow bottom, position it above the anchor.
         const isOverFlowingBottom = bottom > containerBottom;
         const visibleTop = isOverFlowingBottom
             ? anchorTop - contentHeight - verticalOffset
@@ -55,39 +58,38 @@ const Menu = ({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, childr
         documentEl,
         edgeOffset,
     ]);
-    const isOpen = Boolean(anchorEl);
     useLayoutEffect(() => {
         setPositions();
-        window.addEventListener('scroll', setPositions);
-        window.addEventListener('resize', setPositions);
+        globalThis?.addEventListener('scroll', setPositions);
+        globalThis?.addEventListener('resize', setPositions);
         return () => {
-            window.removeEventListener('scroll', setPositions);
-            window.removeEventListener('resize', setPositions);
+            globalThis?.removeEventListener('scroll', setPositions);
+            globalThis?.removeEventListener('resize', setPositions);
         };
     }, [setPositions]);
+    const isOpen = anchorEl != null;
     const hasSetPosition = top !== 0 && left !== 0;
     const visible = isOpen && hasSetPosition;
     if (documentEl == null) {
         return null;
     }
-    return (_jsxs(MenuContext.Provider, { value: {
+    return (_jsxs(Provider, { value: {
             close: handleClose,
-        }, children: [button({ open }), createPortal(_jsx("div", { className: classNames('seam-menu-bg', BackgroundProps?.className), style: {
+        }, children: [renderButton({ onOpen: handleOpen }), createPortal(_jsx("div", { className: classNames('seam-menu-bg', backgroundProps?.className), style: {
                     display: visible ? 'flex' : 'none',
-                }, onClick: (e) => {
-                    e.stopPropagation();
+                }, onClick: (event) => {
+                    event.stopPropagation();
                     handleClose();
                 }, children: _jsx("div", { className: 'seam-menu-content', style: {
                         top,
                         left,
                     }, children: children }) }), documentEl), _jsx("div", { className: 'seam-menu-shadow', children: _jsx("div", { className: 'seam-menu-content', ref: setContentEl, children: children }) })] }));
-};
+}
 export function useMenu() {
-    const context = useContext(MenuContext);
-    if (context === undefined) {
+    const context = useContext(menuContext);
+    if (context == null) {
         throw new Error('useMenu must be used within a Menu.');
     }
     return context;
 }
-export default Menu;
 //# sourceMappingURL=Menu.js.map

package/lib/ui/Menu/Menu.js.map

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

package/lib/ui/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-export interface MenuItemProps {
-    children: ReactNode;
+import type { PropsWithChildren } from 'react';
+interface MenuItemProps {
     onClick: () => void;
 }
-export declare function MenuItem({ children, onClick }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItem({ onClick, children, }: PropsWithChildren<MenuItemProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ui/Menu/MenuItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMenu } from '../../../lib/ui/Menu/Menu.js';
-export function MenuItem({ children, onClick }) {
+export function MenuItem({ onClick, children, }) {
     const { close: closeMenu } = useMenu();
     return (_jsx("div", { className: 'seam-menu-item', onClick: () => {
             onClick();

package/lib/ui/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MenuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAO7C,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAiB;IAC3D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAA;IAEtC,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,CAAA;YACT,SAAS,EAAE,CAAA;QACb,CAAC,YAEA,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MenuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAM7C,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,GACyB;IACjC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAA;IAEtC,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,CAAA;YACT,SAAS,EAAE,CAAA;QACb,CAAC,YAEA,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}

package/lib/ui/Menu/MoreActionsMenu.d.ts

@@ -1,6 +1,7 @@
+import type { PropsWithChildren } from 'react';
 import { type MenuProps } from '../../../lib/ui/Menu/Menu.js';
-export interface MoreActionsMenuProps {
-    children: JSX.Element | JSX.Element[];
-    MenuProps?: Partial<MenuProps>;
+interface MoreActionsMenuProps {
+    menuProps?: Partial<MenuProps>;
 }
-export declare function MoreActionsMenu({ children, MenuProps }: MoreActionsMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoreActionsMenu({ children, menuProps, }: PropsWithChildren<MoreActionsMenuProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ui/Menu/MoreActionsMenu.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DotsEllipsisMoreIcon } from '../../../lib/icons/DotsEllipsisMore.js';
 import { IconButton } from '../../../lib/ui/IconButton.js';
-import Menu, {} from '../../../lib/ui/Menu/Menu.js';
-export function MoreActionsMenu({ children, MenuProps }) {
-    return (_jsx(Menu, { button: ({ open }) => (_jsx(IconButton, { onClick: (e) => {
-                e.stopPropagation();
-                open(e);
-            }, children: _jsx(DotsEllipsisMoreIcon, {}) })), ...MenuProps, children: children }));
+import { Menu } from '../../../lib/ui/Menu/Menu.js';
+export function MoreActionsMenu({ children, menuProps, }) {
+    return (_jsx(Menu, { renderButton: ({ onOpen }) => (_jsx(IconButton, { onClick: (event) => {
+                event.stopPropagation();
+                onOpen(event);
+            }, children: _jsx(DotsEllipsisMoreIcon, {}) })), ...menuProps, children: children }));
 }
 //# sourceMappingURL=MoreActionsMenu.js.map

package/lib/ui/Menu/MoreActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreActionsMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MoreActionsMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,IAAI,EAAE,EAAkB,MAAM,qBAAqB,CAAA;AAM1D,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAwB;IAC3E,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,CAAC,CAAC,CAAA;YACT,CAAC,YAED,KAAC,oBAAoB,KAAG,GACb,CACd,KACG,SAAS,YAEZ,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"MoreActionsMenu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MoreActionsMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAkB,MAAM,qBAAqB,CAAA;AAM1D,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,GAC+B;IACxC,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,UAAU,IACT,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,MAAM,CAAC,KAAK,CAAC,CAAA;YACf,CAAC,YAED,KAAC,oBAAoB,KAAG,GACb,CACd,KACG,SAAS,YAEZ,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}

package/lib/ui/SupportedDevices/SupportedDeviceRow.d.ts

@@ -2,4 +2,4 @@ import type { DeviceModel } from '../../../lib/ui/SupportedDevices/types.js';
 export interface SupportedDeviceRowProps {
     deviceModel: DeviceModel;
 }
-export default function SupportedDeviceRow({ deviceModel, }: SupportedDeviceRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function SupportedDeviceRow({ deviceModel }: SupportedDeviceRowProps): import("react/jsx-runtime").JSX.Element;

package/lib/ui/SupportedDevices/SupportedDeviceRow.js

@@ -1,18 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-export default function SupportedDeviceRow({ deviceModel, }) {
-    function getColorFromSupportLevel() {
-        switch (deviceModel.support_level) {
-            case 'Live':
-                return 'green';
-            case 'Beta':
-                return 'blue';
-            case 'Unsupported':
-                return 'orange';
-            default:
-                return 'gray';
-        }
-    }
-    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("img", { style: { width: 40 }, src: deviceModel.icon_url }) }), _jsx("td", { children: deviceModel.main_category }), _jsx("td", { children: deviceModel.model_name }), _jsx("td", { children: deviceModel.manufacturer_model_id }), _jsx("td", { children: deviceModel.connection_type }), _jsx("td", { children: _jsx("div", { className: classNames('seam-status-pill', `status-${getColorFromSupportLevel()}`), children: _jsx("span", { children: deviceModel.support_level }) }) })] }));
+export function SupportedDeviceRow({ deviceModel }) {
+    const statusColor = supportLevelColors[deviceModel.support_level] ?? 'gray';
+    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("img", { style: { width: 40 }, src: deviceModel.icon_url }) }), _jsx("td", { children: deviceModel.main_category }), _jsx("td", { children: deviceModel.model_name }), _jsx("td", { children: deviceModel.manufacturer_model_id }), _jsx("td", { children: deviceModel.connection_type }), _jsx("td", { children: _jsx("div", { className: classNames('seam-status-pill', `status-${statusColor}`), children: _jsx("span", { children: deviceModel.support_level }) }) })] }));
 }
+const supportLevelColors = {
+    Live: 'green',
+    Beta: 'blue',
+    Unsupported: 'orange',
+};
 //# sourceMappingURL=SupportedDeviceRow.js.map

package/lib/ui/SupportedDevices/SupportedDeviceRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportedDeviceRow.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDevices/SupportedDeviceRow.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,WAAW,GACa;IACxB,SAAS,wBAAwB;QAC/B,QAAQ,WAAW,CAAC,aAAa,EAAE;YACjC,KAAK,MAAM;gBACT,OAAO,OAAO,CAAA;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAA;YACf,KAAK,aAAa;gBAChB,OAAO,QAAQ,CAAA;YACjB;gBACE,OAAO,MAAM,CAAA;SAChB;IACH,CAAC;IAED,OAAO,CACL,yBACE,uBACE,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,QAAQ,GAAI,GACrD,EACL,uBAAK,WAAW,CAAC,aAAa,GAAM,EACpC,uBAAK,WAAW,CAAC,UAAU,GAAM,EACjC,uBAAK,WAAW,CAAC,qBAAqB,GAAM,EAC5C,uBAAK,WAAW,CAAC,eAAe,GAAM,EACtC,uBACE,cACE,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB,UAAU,wBAAwB,EAAE,EAAE,CACvC,YAED,yBAAO,WAAW,CAAC,aAAa,GAAQ,GACpC,GACH,IACF,CACN,CAAA;AACH,CAAC"}
+{"version":3,"file":"SupportedDeviceRow.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDevices/SupportedDeviceRow.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,kBAAkB,CAAC,EAAE,WAAW,EAA2B;IACzE,MAAM,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,MAAM,CAAA;IAC3E,OAAO,CACL,yBACE,uBACE,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,QAAQ,GAAI,GACrD,EACL,uBAAK,WAAW,CAAC,aAAa,GAAM,EACpC,uBAAK,WAAW,CAAC,UAAU,GAAM,EACjC,uBAAK,WAAW,CAAC,qBAAqB,GAAM,EAC5C,uBAAK,WAAW,CAAC,eAAe,GAAM,EACtC,uBACE,cACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,UAAU,WAAW,EAAE,CAAC,YAElE,yBAAO,WAAW,CAAC,aAAa,GAAQ,GACpC,GACH,IACF,CACN,CAAA;AACH,CAAC;AAED,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,QAAQ;CACtB,CAAA"}

package/lib/ui/SupportedDevices/SupportedDevices.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { Button } from '../../../lib/ui/Button.js';
-import SupportedDeviceRow from './SupportedDeviceRow.js';
-import SupportedDevicesHeader from './SupportedDevicesHeader.js';
+import { SupportedDeviceRow } from './SupportedDeviceRow.js';
+import { SupportedDevicesHeader } from './SupportedDevicesHeader.js';
 export function SupportedDevices() {
     const { data, isLoading, isError, refetch } = useQuery({
         queryKey: ['supported_devices'],

package/lib/ui/SupportedDevices/SupportedDevices.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportedDevices.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDevices/SupportedDevices.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGzC,OAAO,kBAAkB,MAAM,yBAAyB,CAAA;AACxD,OAAO,sBAAsB,MAAM,6BAA6B,CAAA;AAEhE,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,QAAQ,CAInD;QACD,QAAQ,EAAE,CAAC,mBAAmB,CAAC;QAC/B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO,MAAM,KAAK,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAA;QAC3E,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,4BACE,eAAK,SAAS,EAAC,mCAAmC,aAC/C,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,0CAA0C,YACvD,mDAA+B,GAC3B,CACP,EAEA,OAAO,IAAI,CACV,eAAK,SAAS,EAAC,0CAA0C,aACvD,qEAAiD,EACjD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,OAAO,EAAE,CAAA;4BAChB,CAAC,sBAGM,IACL,CACP,EAEA,CAAC,SAAS;oBACT,CAAC,OAAO;oBACR,IAAI,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI;oBAClC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI,CAC1C,iBAAO,SAAS,EAAC,8BAA8B,aAC7C,KAAC,sBAAsB,KAAG,EAC1B,0BACG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,KAAC,kBAAkB,IAEjB,WAAW,EAAE,WAAW,IADnB,WAAW,CAAC,qBAAqB,CAEtC,CACH,CAAC,GACI,IACF,CACT,IACC,GACL,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"SupportedDevices.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDevices/SupportedDevices.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,QAAQ,CAInD;QACD,QAAQ,EAAE,CAAC,mBAAmB,CAAC;QAC/B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO,MAAM,KAAK,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAA;QAC3E,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,4BACE,eAAK,SAAS,EAAC,mCAAmC,aAC/C,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,0CAA0C,YACvD,mDAA+B,GAC3B,CACP,EAEA,OAAO,IAAI,CACV,eAAK,SAAS,EAAC,0CAA0C,aACvD,qEAAiD,EACjD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,OAAO,EAAE,CAAA;4BAChB,CAAC,sBAGM,IACL,CACP,EAEA,CAAC,SAAS;oBACT,CAAC,OAAO;oBACR,IAAI,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI;oBAClC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI,CAC1C,iBAAO,SAAS,EAAC,8BAA8B,aAC7C,KAAC,sBAAsB,KAAG,EAC1B,0BACG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,KAAC,kBAAkB,IAEjB,WAAW,EAAE,WAAW,IADnB,WAAW,CAAC,qBAAqB,CAEtC,CACH,CAAC,GACI,IACF,CACT,IACC,GACL,CACJ,CAAA;AACH,CAAC"}

package/lib/ui/SupportedDevices/SupportedDevicesHeader.d.ts

@@ -1 +1 @@
-export default function SupportedDevicesHeader(): import("react/jsx-runtime").JSX.Element;
+export declare function SupportedDevicesHeader(): import("react/jsx-runtime").JSX.Element;

package/lib/ui/SupportedDevices/SupportedDevicesHeader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function SupportedDevicesHeader() {
+export function SupportedDevicesHeader() {
     return (_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), _jsx("th", { children: "Category" }), _jsx("th", { children: "Model Name" }), _jsx("th", { children: "Manufacturer Model ID" }), _jsx("th", { children: "Connection Type" }), _jsx("th", { children: "Status" })] }) }));
 }
 //# sourceMappingURL=SupportedDevicesHeader.js.map

package/lib/ui/SupportedDevices/SupportedDevicesHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportedDevicesHeader.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDevices/SupportedDevicesHeader.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,OAAO,CACL,0BACE,yBACE,cAAM,EACN,oCAAiB,EACjB,sCAAmB,EACnB,iDAA8B,EAC9B,2CAAwB,EACxB,kCAAe,IACZ,GACC,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"SupportedDevicesHeader.js","sourceRoot":"","sources":["../../../src/lib/ui/SupportedDevices/SupportedDevicesHeader.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,sBAAsB;IACpC,OAAO,CACL,0BACE,yBACE,cAAM,EACN,oCAAiB,EACjB,sCAAmB,EACnB,iDAA8B,EAC9B,2CAAwB,EACxB,kCAAe,IACZ,GACC,CACT,CAAA;AACH,CAAC"}

package/lib/ui/Table/TableFilterBar/TableFilterBar.d.ts

@@ -1,6 +1,7 @@
 import type { DivProps } from '../../../../lib/ui/types.js';
-export interface TableFiltersProps extends DivProps {
+interface TableFilterBarProps extends DivProps {
     isFilterCleared?: boolean;
     onFilterClear?: () => void;
 }
-export declare function TableFilterBar({ isFilterCleared, onFilterClear, children, ...props }: TableFiltersProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableFilterBar({ isFilterCleared, onFilterClear, children, ...props }: TableFilterBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ui/Table/TableFilterBar/TableFilterBar.js

@@ -3,7 +3,7 @@ import { ArrowRestartIcon } from '../../../../lib/icons/ArrowRestart.js';
 import { IconButton } from '../../../../lib/ui/IconButton.js';
 export function TableFilterBar({ isFilterCleared, onFilterClear, children, ...props }) {
     const showClearFilterButton = isFilterCleared === false;
-    return (_jsxs("div", { className: 'seam-table-filter-bar', ...props, children: [children, ' ', showClearFilterButton && _jsx(ClearFiltersButton, { onClick: onFilterClear })] }));
+    return (_jsxs("div", { className: 'seam-table-filter-bar', ...props, children: [children, ' ', showClearFilterButton ? (_jsx(ClearFiltersButton, { onClick: onFilterClear })) : null] }));
 }
 function ClearFiltersButton(props) {
     return (_jsx(IconButton, { ...props, className: 'seam-clear-filters-button', children: _jsx(ArrowRestartIcon, {}) }));

package/lib/ui/Table/TableFilterBar/TableFilterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilterBar.js","sourceRoot":"","sources":["../../../../src/lib/ui/Table/TableFilterBar/TableFilterBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAQjD,MAAM,UAAU,cAAc,CAAC,EAC7B,eAAe,EACf,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,qBAAqB,GAAG,eAAe,KAAK,KAAK,CAAA;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,KAAK,KAAK,aAC7C,QAAQ,EAAE,GAAG,EACb,qBAAqB,IAAI,KAAC,kBAAkB,IAAC,OAAO,EAAE,aAAa,GAAI,IACpE,CACP,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAkB;IAC5C,OAAO,CACL,KAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAC,2BAA2B,YAC1D,KAAC,gBAAgB,KAAG,GACT,CACd,CAAA;AACH,CAAC"}
+{"version":3,"file":"TableFilterBar.js","sourceRoot":"","sources":["../../../../src/lib/ui/Table/TableFilterBar/TableFilterBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAQjD,MAAM,UAAU,cAAc,CAAC,EAC7B,eAAe,EACf,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACY;IACpB,MAAM,qBAAqB,GAAG,eAAe,KAAK,KAAK,CAAA;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,KAAK,KAAK,aAC7C,QAAQ,EAAE,GAAG,EACb,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,kBAAkB,IAAC,OAAO,EAAE,aAAa,GAAI,CAC/C,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAkB;IAC5C,OAAO,CACL,KAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAC,2BAA2B,YAC1D,KAAC,gBAAgB,KAAG,GACT,CACd,CAAA;AACH,CAAC"}

package/lib/ui/Table/TableFilterBar/TableFilterItem.d.ts

@@ -1,5 +1,6 @@
 import type { DivProps } from '../../../../lib/ui/types.js';
-export interface TableFilterItemProps extends DivProps {
+interface TableFilterItemProps extends DivProps {
     selected?: boolean;
 }
 export declare function TableFilterItem({ onClick, selected, ...props }: TableFilterItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ui/Table/TableFilterBar/TableFilterItem.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 export function TableFilterItem({ onClick, selected, ...props }) {
     return (_jsx("div", { onClick: onClick, className: classNames('seam-table-filter-item', {
-            'seam-clickable': onClick !== undefined,
+            'seam-clickable': onClick != null,
             'seam-selected': selected,
         }), ...props }));
 }

package/lib/ui/Table/TableFilterBar/TableFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilterItem.js","sourceRoot":"","sources":["../../../../src/lib/ui/Table/TableFilterBar/TableFilterItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACa;IACrB,OAAO,CACL,cACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE;YAC9C,gBAAgB,EAAE,OAAO,KAAK,SAAS;YACvC,eAAe,EAAE,QAAQ;SAC1B,CAAC,KACE,KAAK,GACT,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"TableFilterItem.js","sourceRoot":"","sources":["../../../../src/lib/ui/Table/TableFilterBar/TableFilterItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACa;IACrB,OAAO,CACL,cACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE;YAC9C,gBAAgB,EAAE,OAAO,IAAI,IAAI;YACjC,eAAe,EAAE,QAAQ;SAC1B,CAAC,KACE,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

package/lib/ui/TextField/TextField.d.ts

@@ -4,4 +4,4 @@ export type TextFieldProps = {
     onChange: (value: string) => void;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
 export declare function TextField(props: TextFieldProps): JSX.Element;
-export declare const handleString: (setter: (v: string) => void) => (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+export declare const handleString: (setter: (v: string) => void) => (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;

package/lib/ui/TextField/TextField.js

@@ -4,7 +4,7 @@ export function TextField(props) {
     const { value, onChange, className, ...inputProps } = props;
     return (_jsx("input", { className: classNames('seam-text-field', className), value: value, onChange: handleString(onChange), type: 'text', ...inputProps }));
 }
-export const handleString = (setter) => (e) => {
-    setter(e.currentTarget.value);
+export const handleString = (setter) => (event) => {
+    setter(event.currentTarget.value);
 };
 //# sourceMappingURL=TextField.js.map

package/lib/ui/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/lib/ui/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IAC3D,OAAO,CACL,gBACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACnD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,IAAI,EAAC,MAAM,KACP,UAAU,GACd,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GACvB,CAAC,MAA2B,EAAE,EAAE,CAChC,CAAC,CAAsD,EAAQ,EAAE;IAC/D,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/lib/ui/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IAC3D,OAAO,CACL,gBACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACnD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,IAAI,EAAC,MAAM,KACP,UAAU,GACd,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GACvB,CAAC,MAA2B,EAAE,EAAE,CAChC,CAAC,KAA0D,EAAQ,EAAE;IACnE,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC,CAAA"}

package/lib/ui/device/BatteryStatus.d.ts

@@ -1,5 +1,6 @@
 import type { LockDevice } from 'seamapi';
-export interface BatteryStatusProps {
+interface BatteryStatusProps {
     device: LockDevice;
 }
 export declare function BatteryStatus(props: BatteryStatusProps): JSX.Element;
+export {};

package/lib/ui/device/LockStatus.d.ts

@@ -1,5 +1,6 @@
 import type { LockDevice } from 'seamapi';
-export interface LockStatusProps {
+interface LockStatusProps {
     device: LockDevice;
 }
 export declare function LockStatus(props: LockStatusProps): JSX.Element;
+export {};

package/lib/ui/device/OnlineStatus.d.ts

@@ -1,5 +1,6 @@
 import type { LockDevice } from 'seamapi';
-export interface OnlineStatusProps {
+interface OnlineStatusProps {
     device: LockDevice;
 }
 export declare function OnlineStatus(props: OnlineStatusProps): JSX.Element;
+export {};

package/lib/ui/types.d.ts

@@ -1,3 +1,4 @@
 import type { HTMLAttributes, HtmlHTMLAttributes } from 'react';
 export type DivProps = HTMLAttributes<HTMLDivElement>;
 export type ButtonProps = HtmlHTMLAttributes<HTMLButtonElement>;
+export type SpanProps = HtmlHTMLAttributes<HTMLSpanElement>;

package/lib/ui/typography/Title.d.ts

@@ -1,2 +1,2 @@
-import type { PropsWithChildren } from 'react';
-export declare function Title({ children }: PropsWithChildren): JSX.Element;
+import type { SpanProps } from '../../../lib/ui/types.js';
+export declare function Title({ children, className, ...props }: SpanProps): JSX.Element;

package/lib/ui/typography/Title.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export function Title({ children }) {
-    return _jsx("span", { className: 'seam-title', children: children });
+import classNames from 'classnames';
+export function Title({ children, className, ...props }) {
+    return (_jsx("span", { className: classNames('seam-title', className), ...props, children: children }));
 }
 //# sourceMappingURL=Title.js.map

package/lib/ui/typography/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/lib/ui/typography/Title.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAqB;IACnD,OAAO,eAAM,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAQ,CAAA;AACvD,CAAC"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/lib/ui/typography/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACE;IACV,OAAO,CACL,eAAM,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,YAC5D,QAAQ,GACJ,CACR,CAAA;AACH,CAAC"}

package/lib/use-toggle.d.ts

@@ -1,5 +1,4 @@
 /**
  * Simple util to quickly handle on/off states.
  */
-declare const useToggle: (initialState?: boolean) => [boolean, () => void];
-export default useToggle;
+export declare const useToggle: (initialState?: boolean) => [boolean, () => void];

package/lib/use-toggle.js

@@ -2,7 +2,7 @@ import { useCallback, useState } from 'react';
 /**
  * Simple util to quickly handle on/off states.
  */
-const useToggle = (initialState = false) => {
+export const useToggle = (initialState = false) => {
     const [isTrue, setIsTrue] = useState(initialState);
     // use callback otherwise it would yield unexpected results in promises
     const toggle = useCallback(() => {
@@ -10,5 +10,4 @@ const useToggle = (initialState = false) => {
     }, [setIsTrue]);
     return [isTrue, toggle];
 };
-export default useToggle;
 //# sourceMappingURL=use-toggle.js.map

package/lib/use-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../src/lib/use-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,eAAwB,KAAK,EAAyB,EAAE;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAElD,uEAAuE;IAEvE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../src/lib/use-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,eAAwB,KAAK,EACN,EAAE;IACzB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAElD,uEAAuE;IAEvE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACzB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "0.25.0",
+  "version": "0.26.1",
   "description": "Seam React component library.",
   "type": "module",
   "main": "index.js",

package/src/lib/copy-to-clipboard.ts

@@ -0,0 +1,3 @@
+export async function copyToClipboard(value: string) {
+  await globalThis?.navigator?.clipboard?.writeText(value)
+}

package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import type { AccessCode } from 'seamapi'
 
-import { copy } from 'lib/copy.js'
+import { copyToClipboard } from 'lib/copy-to-clipboard.js'
 import { AccessCodeKeyIcon } from 'lib/icons/AccessCodeKey.js'
 import { CopyIcon } from 'lib/icons/Copy.js'
 import {
@@ -107,20 +107,20 @@ function AccessCodeRow(props: {
         </div>
       </TableCell>
       <TableCell className='seam-name-cell'>
-        <Title>{accessCode.name}</Title>
+        <Title className='seam-truncated-text'>{accessCode.name}</Title>
         <CodeDetails accessCode={accessCode} />
       </TableCell>
       <TableCell className='seam-action-cell'>
         <MoreActionsMenu
-          MenuProps={{
-            BackgroundProps: {
+          menuProps={{
+            backgroundProps: {
               className: 'seam-access-code-table-action-menu',
             },
           }}
         >
           <MenuItem
             onClick={() => {
-              void copy(accessCode.code ?? '')
+              void copyToClipboard(accessCode.code ?? '')
             }}
           >
             <div className='menu-item-copy'>

package/src/lib/ui/AccessCodeTable/CodeDetails.tsx

@@ -1,15 +1,20 @@
 import { DateTime } from 'luxon'
 import type { AccessCode } from 'seamapi'
 
+import { useDevice } from 'lib/index.js'
+
 import { DotDivider } from 'lib/ui/layout/DotDivider.js'
 import { useIsDateInPast } from 'lib/use-is-date-in-past.js'
 
 export function CodeDetails(props: { accessCode: AccessCode }): JSX.Element {
   const { accessCode } = props
+  const { device } = useDevice({ device_id: accessCode.device_id })
 
   return (
     <div className='seam-code-details'>
-      Unit 110
+      <span className='seam-device-name seam-truncated-text'>
+        {device?.properties.name}
+      </span>
       <DotDivider />
       <Duration accessCode={accessCode} />
       <DotDivider />

package/src/lib/ui/Alert/Alert.tsx

@@ -7,24 +7,21 @@ import { TriangleWarningIcon } from 'lib/icons/TriangleWarning.js'
 export interface AlertProps {
   variant: 'warning' | 'error'
   message: string
-  action?: {
-    label: string
-    onClick: MouseEventHandler
-  }
+  action?: ActionProps
   className?: string
 }
 
-export function Alert(props: AlertProps): JSX.Element {
-  const { variant, message, action, className, ...rest } = props
+interface ActionProps {
+  label: string
+  onClick: MouseEventHandler
+}
 
-  const handleClick: MouseEventHandler<HTMLButtonElement> = (ev) => {
-    action?.onClick(ev)
-  }
+export function Alert(props: AlertProps): JSX.Element {
+  const { variant, message, className } = props
 
   return (
     <div
       className={classNames('seam-alert', `seam-${variant}-alert`, className)}
-      {...rest}
     >
       <div className='seam-alert-content'>
         <div className='seam-alert-icon'>
@@ -34,19 +31,25 @@ export function Alert(props: AlertProps): JSX.Element {
             <ExclamationCircleIcon />
           )}
         </div>
-
         <div className='seam-alert-message-wrap'>
           <p className='seam-alert-message'>{message}</p>
         </div>
       </div>
+      {props.action == null ? null : <Action {...props.action} />}
+    </div>
+  )
+}
 
-      {action != null && (
-        <div className='seam-alert-action-wrap'>
-          <button onClick={handleClick} className='seam-alert-action'>
-            {action.label}
-          </button>
-        </div>
-      )}
+function Action(props: ActionProps): JSX.Element | null {
+  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {
+    props.onClick(event)
+  }
+
+  return (
+    <div className='seam-alert-action-wrap'>
+      <button onClick={handleClick} className='seam-alert-action'>
+        {props.label}
+      </button>
     </div>
   )
 }

package/src/lib/ui/Alert/Alerts.tsx

@@ -2,17 +2,19 @@ import classNames from 'classnames'
 
 import { Alert, type AlertProps } from 'lib/ui/Alert/Alert.js'
 
-export interface AlertsProps {
+interface AlertsProps {
   alerts?: AlertProps[]
-  children?: React.ReactNode
+  children?: JSX.Element
   className?: string
 }
 
-export function Alerts(props: AlertsProps): JSX.Element {
-  const { alerts, children, className, ...rest } = props
+export function Alerts(props: AlertsProps): JSX.Element | null {
+  const { alerts, children, className } = props
+
+  if (alerts?.length === 0) return null
 
   return (
-    <div className={classNames('seam-alerts', className)} {...rest}>
+    <div className={classNames('seam-alerts', className)}>
       {alerts?.map((alert, index) => (
         <Alert key={`${index}:${alert.message}`} {...alert} />
       ))}