@seamapi/react 1.37.0 → 1.38.0

package/lib/ui/device/BatteryStatus.js

@@ -4,21 +4,22 @@ import { BatteryLevelFullIcon } from '../../../lib/icons/BatteryLevelFull.js';
 import { BatteryLevelHighIcon } from '../../../lib/icons/BatteryLevelHigh.js';
 import { BatteryLevelLowIcon } from '../../../lib/icons/BatteryLevelLow.js';
 export function BatteryStatus(props) {
-    return (_jsx("div", { className: 'seam-battery-status', children: _jsx(Content, { status: props.device.properties.battery?.status }) }));
+    return (_jsx("div", { className: 'seam-battery-status', children: _jsx(Content, { status: props.device.properties.battery?.status, level: props.device.properties.battery?.level }) }));
 }
 function Content(props) {
-    const { status } = props;
+    const { status, level } = props;
+    const percentage = level != null ? ` (${Math.floor(level * 100)}%)` : null;
     if (status === 'full') {
-        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.full })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}), _jsx("span", { className: 'seam-status-text', children: `${t.full}${percentage ?? ''}` })] }));
     }
     if (status === 'good') {
-        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.high })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}), _jsx("span", { className: 'seam-status-text', children: `${t.high}${percentage ?? ''}` })] }));
     }
     if (status === 'low') {
-        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.low })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}), _jsx("span", { className: 'seam-status-text', children: `${t.low}${percentage ?? ''}` })] }));
     }
     if (status === 'critical') {
-        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}), _jsx("span", { className: 'seam-text-danger', children: t.critical })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}), _jsx("span", { className: 'seam-text-danger', children: `${t.critical}${percentage ?? ''}` })] }));
     }
     return null;
 }

package/lib/ui/device/BatteryStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/device/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAMlE,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAI,GACxD,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAEhB;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,GAAG,GAAQ,IAChD,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,QAAQ,GAAQ,IACrD,CACJ,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}
+{"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/device/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAMlE,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,EAC/C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,GAC7C,GACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAGhB;IACC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAE/B,MAAM,UAAU,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1E,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,IAAI,GAC3C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,IAAI,GAC3C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,GAAG,GAC1C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,IAAI,MAAM,KAAK,UAAU,EAAE;QACzB,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,CAAC,QAAQ,GAC/C,UAAU,IAAI,EAChB,EAAE,GAAQ,IACT,CACJ,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.37.0";
+declare const seamapiReactVersion = "1.38.0";
 export default seamapiReactVersion;

package/lib/version.js

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

package/package.json

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

package/src/lib/ui/device/BatteryStatus.tsx

@@ -12,21 +12,29 @@ interface BatteryStatusProps {
 export function BatteryStatus(props: BatteryStatusProps): JSX.Element {
   return (
     <div className='seam-battery-status'>
-      <Content status={props.device.properties.battery?.status} />
+      <Content
+        status={props.device.properties.battery?.status}
+        level={props.device.properties.battery?.level}
+      />
     </div>
   )
 }
 
 function Content(props: {
   status: SeamBatteryStatus | null | undefined
+  level: number | null | undefined
 }): JSX.Element | null {
-  const { status } = props
+  const { status, level } = props
+
+  const percentage = level != null ? ` (${Math.floor(level * 100)}%)` : null
 
   if (status === 'full') {
     return (
       <>
         <BatteryLevelFullIcon />
-        <span className='seam-status-text'>{t.full}</span>
+        <span className='seam-status-text'>{`${t.full}${
+          percentage ?? ''
+        }`}</span>
       </>
     )
   }
@@ -35,7 +43,9 @@ function Content(props: {
     return (
       <>
         <BatteryLevelHighIcon />
-        <span className='seam-status-text'>{t.high}</span>
+        <span className='seam-status-text'>{`${t.high}${
+          percentage ?? ''
+        }`}</span>
       </>
     )
   }
@@ -44,7 +54,9 @@ function Content(props: {
     return (
       <>
         <BatteryLevelLowIcon />
-        <span className='seam-status-text'>{t.low}</span>
+        <span className='seam-status-text'>{`${t.low}${
+          percentage ?? ''
+        }`}</span>
       </>
     )
   }
@@ -53,7 +65,9 @@ function Content(props: {
     return (
       <>
         <BatteryLevelCriticalIcon />
-        <span className='seam-text-danger'>{t.critical}</span>
+        <span className='seam-text-danger'>{`${t.critical}${
+          percentage ?? ''
+        }`}</span>
       </>
     )
   }

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.37.0'
+const seamapiReactVersion = '1.38.0'
 
 export default seamapiReactVersion