@seamapi/react 2.15.0 → 2.16.0

package/lib/seam/components/DeviceDetails/DeviceInfo.js

@@ -5,7 +5,7 @@ import { DetailRow } from '../../../../lib/ui/layout/DetailRow.js';
 import { DetailSection } from '../../../../lib/ui/layout/DetailSection.js';
 export function DeviceInfo({ device, disableConnectedAccountInformation, disableResourceIds, }) {
     const { connectedAccount } = useConnectedAccount(device.connected_account_id);
-    return (_jsxs(DetailSection, { label: t.deviceInfo, children: [_jsx(DetailRow, { label: t.manufacturer, children: _jsxs("div", { className: 'seam-detail-row-hstack', children: [device.properties.model.manufacturer_display_name, device.properties.manufacturer === 'ecobee' && _jsx(BeeIcon, {})] }) }), !disableConnectedAccountInformation && (_jsx(DetailRow, { label: t.linkedAccount, sublabel: connectedAccount?.user_identifier?.email ??
+    return (_jsxs(DetailSection, { label: t.deviceInfo, className: 'seam-device-details-device-info', children: [_jsx(DetailRow, { label: t.manufacturer, children: _jsxs("div", { className: 'seam-detail-row-hstack', children: [device.properties.model.manufacturer_display_name, device.properties.manufacturer === 'ecobee' && _jsx(BeeIcon, {})] }) }), !disableConnectedAccountInformation && (_jsx(DetailRow, { label: t.linkedAccount, sublabel: connectedAccount?.user_identifier?.email ??
                     device.connected_account_id })), !disableResourceIds && (_jsx(DetailRow, { label: t.deviceId, sublabel: device.device_id }))] }));
 }
 const t = {

package/lib/seam/components/DeviceDetails/DeviceInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceInfo.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/DeviceInfo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAA;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAY9D,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,kCAAkC,EAClC,kBAAkB,GACF;IAChB,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAC7E,OAAO,CACL,MAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,UAAU,aAChC,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,YAC9B,eAAK,SAAS,EAAC,wBAAwB,aACpC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,yBAAyB,EACjD,MAAM,CAAC,UAAU,CAAC,YAAY,KAAK,QAAQ,IAAI,KAAC,OAAO,KAAG,IACvD,GACI,EACX,CAAC,kCAAkC,IAAI,CACtC,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,CAAC,aAAa,EACtB,QAAQ,EACN,gBAAgB,EAAE,eAAe,EAAE,KAAK;oBACxC,MAAM,CAAC,oBAAoB,GAE7B,CACH,EACA,CAAC,kBAAkB,IAAI,CACtB,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,SAAS,GAAI,CAC7D,IACa,CACjB,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,UAAU,EAAE,aAAa;IACzB,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,gBAAgB;IAC/B,QAAQ,EAAE,WAAW;CACtB,CAAA"}
+{"version":3,"file":"DeviceInfo.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/DeviceInfo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAA;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAY9D,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,kCAAkC,EAClC,kBAAkB,GACF;IAChB,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAC7E,OAAO,CACL,MAAC,aAAa,IACZ,KAAK,EAAE,CAAC,CAAC,UAAU,EACnB,SAAS,EAAC,iCAAiC,aAE3C,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,YAC9B,eAAK,SAAS,EAAC,wBAAwB,aACpC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,yBAAyB,EACjD,MAAM,CAAC,UAAU,CAAC,YAAY,KAAK,QAAQ,IAAI,KAAC,OAAO,KAAG,IACvD,GACI,EACX,CAAC,kCAAkC,IAAI,CACtC,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,CAAC,aAAa,EACtB,QAAQ,EACN,gBAAgB,EAAE,eAAe,EAAE,KAAK;oBACxC,MAAM,CAAC,oBAAoB,GAE7B,CACH,EACA,CAAC,kBAAkB,IAAI,CACtB,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,SAAS,GAAI,CAC7D,IACa,CACjB,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,UAAU,EAAE,aAAa;IACzB,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,gBAAgB;IAC/B,QAAQ,EAAE,WAAW;CACtB,CAAA"}

package/lib/ui/layout/DetailSection.d.ts

@@ -2,6 +2,7 @@ import type { PropsWithChildren } from 'react';
 interface DetailSectionProps {
     label?: string;
     tooltipContent?: JSX.Element | string;
+    className?: string;
 }
-export declare function DetailSection({ label, tooltipContent, children, }: PropsWithChildren<DetailSectionProps>): JSX.Element;
+export declare function DetailSection({ label, tooltipContent, className, children, }: PropsWithChildren<DetailSectionProps>): JSX.Element;
 export {};

package/lib/ui/layout/DetailSection.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
 import { Tooltip } from '../../../lib/ui/Tooltip/Tooltip.js';
-export function DetailSection({ label, tooltipContent, children, }) {
-    return (_jsxs("div", { className: 'seam-detail-section', children: [_jsxs("div", { className: 'seam-detail-label-wrap', children: [label != null && _jsx("p", { className: 'seam-detail-label', children: label }), tooltipContent != null && _jsx(Tooltip, { children: tooltipContent })] }), _jsx("div", { className: 'seam-detail-group', children: children })] }));
+export function DetailSection({ label, tooltipContent, className, children, }) {
+    return (_jsxs("div", { className: classNames('seam-detail-section', className), children: [_jsxs("div", { className: 'seam-detail-label-wrap', children: [label != null && _jsx("p", { className: 'seam-detail-label', children: label }), tooltipContent != null && _jsx(Tooltip, { children: tooltipContent })] }), _jsx("div", { className: 'seam-detail-group', children: children })] }));
 }
 //# sourceMappingURL=DetailSection.js.map

package/lib/ui/layout/DetailSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailSection.js","sourceRoot":"","sources":["../../../src/lib/ui/layout/DetailSection.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAOnD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,cAAc,EACd,QAAQ,GAC8B;IACtC,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,wBAAwB,aACpC,KAAK,IAAI,IAAI,IAAI,YAAG,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAK,EAC7D,cAAc,IAAI,IAAI,IAAI,KAAC,OAAO,cAAE,cAAc,GAAW,IAC1D,EAEN,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,IAC/C,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"DetailSection.js","sourceRoot":"","sources":["../../../src/lib/ui/layout/DetailSection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAQnD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,cAAc,EACd,SAAS,EACT,QAAQ,GAC8B;IACtC,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC1D,eAAK,SAAS,EAAC,wBAAwB,aACpC,KAAK,IAAI,IAAI,IAAI,YAAG,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAK,EAC7D,cAAc,IAAI,IAAI,IAAI,KAAC,OAAO,cAAE,cAAc,GAAW,IAC1D,EAEN,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,IAC/C,CACP,CAAA;AACH,CAAC"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "2.15.0";
+declare const seamapiReactVersion = "2.16.0";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.15.0';
+const seamapiReactVersion = '2.16.0';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",

package/src/lib/seam/components/DeviceDetails/DeviceInfo.tsx

@@ -23,7 +23,10 @@ export function DeviceInfo({
 }: DeviceInfoProps): JSX.Element | null {
   const { connectedAccount } = useConnectedAccount(device.connected_account_id)
   return (
-    <DetailSection label={t.deviceInfo}>
+    <DetailSection
+      label={t.deviceInfo}
+      className='seam-device-details-device-info'
+    >
       <DetailRow label={t.manufacturer}>
         <div className='seam-detail-row-hstack'>
           {device.properties.model.manufacturer_display_name}

package/src/lib/ui/layout/DetailSection.tsx

@@ -1,3 +1,4 @@
+import classNames from 'classnames'
 import type { PropsWithChildren } from 'react'
 
 import { Tooltip } from 'lib/ui/Tooltip/Tooltip.js'
@@ -5,15 +6,17 @@ import { Tooltip } from 'lib/ui/Tooltip/Tooltip.js'
 interface DetailSectionProps {
   label?: string
   tooltipContent?: JSX.Element | string
+  className?: string
 }
 
 export function DetailSection({
   label,
   tooltipContent,
+  className,
   children,
 }: PropsWithChildren<DetailSectionProps>): JSX.Element {
   return (
-    <div className='seam-detail-section'>
+    <div className={classNames('seam-detail-section', className)}>
       <div className='seam-detail-label-wrap'>
         {label != null && <p className='seam-detail-label'>{label}</p>}
         {tooltipContent != null && <Tooltip>{tooltipContent}</Tooltip>}

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.15.0'
+const seamapiReactVersion = '2.16.0'
 
 export default seamapiReactVersion