@seamapi/react 1.36.0 → 1.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/elements.js +2047 -2040
- package/dist/elements.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.d.ts +2 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +2 -2
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/seam/components/DeviceTable/DeviceTable.d.ts +2 -1
- package/lib/seam/components/DeviceTable/DeviceTable.js +2 -2
- package/lib/seam/components/DeviceTable/DeviceTable.js.map +1 -1
- package/lib/ui/device/BatteryStatus.js +7 -6
- package/lib/ui/device/BatteryStatus.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +10 -3
- package/src/lib/seam/components/DeviceTable/DeviceTable.tsx +9 -3
- package/src/lib/ui/device/BatteryStatus.tsx +20 -6
- package/src/lib/version.ts +1 -1
|
@@ -9,8 +9,9 @@ export interface AccessCodeTableProps {
|
|
|
9
9
|
onAccessCodeClick?: (accessCodeId: string) => void;
|
|
10
10
|
preventDefaultOnAccessCodeClick?: boolean;
|
|
11
11
|
onBack?: () => void;
|
|
12
|
+
title?: string | null;
|
|
12
13
|
className?: string;
|
|
13
14
|
}
|
|
14
15
|
type AccessCode = UseAccessCodesData[number];
|
|
15
|
-
export declare function AccessCodeTable({ deviceId, disableLockUnlock, disableSearch, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
16
|
+
export declare function AccessCodeTable({ deviceId, disableLockUnlock, disableSearch, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, title, className, }: AccessCodeTableProps): JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -36,7 +36,7 @@ const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
|
36
36
|
return (searchRegex.test(accessCode?.name ?? '') ||
|
|
37
37
|
searchRegex.test(accessCode?.code ?? ''));
|
|
38
38
|
};
|
|
39
|
-
export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, className, }) {
|
|
39
|
+
export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, title = t.accessCodes, className, }) {
|
|
40
40
|
const { accessCodes } = useAccessCodes({
|
|
41
41
|
device_id: deviceId,
|
|
42
42
|
});
|
|
@@ -64,7 +64,7 @@ export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSe
|
|
|
64
64
|
if (accessCodeFormVisible) {
|
|
65
65
|
return (_jsx(AccessCodeForm, { className: className, onBack: toggleAddAccessCodeForm, deviceId: deviceId }));
|
|
66
66
|
}
|
|
67
|
-
return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [_jsxs(TableTitle, { children: [t.accessCodes,
|
|
67
|
+
return (_jsxs("div", { className: classNames('seam-access-code-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [title != null ? (_jsxs(TableTitle, { children: [title ?? t.accessCodes, ' ', _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] })] })) : (_jsx("div", { className: 'seam-fragment' })), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-access-code-button', children: _jsx(AddIcon, {}) }))] }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick }) })] }));
|
|
68
68
|
}
|
|
69
69
|
function Content(props) {
|
|
70
70
|
const { accessCodes, onAccessCodeClick } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAA;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAA;AACrF,OAAO,EAEL,mBAAmB,GACpB,MAAM,4DAA4D,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,MAAM,uBAAuB,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,8 @@ export interface DeviceTableProps {
|
|
|
11
11
|
onDeviceClick?: (deviceId: string) => void;
|
|
12
12
|
preventDefaultOnDeviceClick?: boolean;
|
|
13
13
|
onBack?: () => void;
|
|
14
|
+
title?: string | null;
|
|
14
15
|
className?: string;
|
|
15
16
|
}
|
|
16
|
-
export declare function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock, disableSearch, onDeviceClick, preventDefaultOnDeviceClick, onBack, deviceFilter, deviceComparator, className, }?: DeviceTableProps): JSX.Element;
|
|
17
|
+
export declare function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock, disableSearch, onDeviceClick, preventDefaultOnDeviceClick, onBack, deviceFilter, deviceComparator, title, className, }?: DeviceTableProps): JSX.Element;
|
|
17
18
|
export {};
|
|
@@ -20,7 +20,7 @@ const defaultDeviceFilter = (device, searchInputValue) => {
|
|
|
20
20
|
return true;
|
|
21
21
|
return new RegExp(value, 'i').test(device.properties.name ?? '');
|
|
22
22
|
};
|
|
23
|
-
export function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock = false, disableSearch = false, onDeviceClick = () => { }, preventDefaultOnDeviceClick = false, onBack, deviceFilter = defaultDeviceFilter, deviceComparator = compareByCreatedAtDesc, className, } = {}) {
|
|
23
|
+
export function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock = false, disableSearch = false, onDeviceClick = () => { }, preventDefaultOnDeviceClick = false, onBack, deviceFilter = defaultDeviceFilter, deviceComparator = compareByCreatedAtDesc, title = t.devices, className, } = {}) {
|
|
24
24
|
const { devices, isLoading, isError, error } = useDevices({
|
|
25
25
|
device_ids: deviceIds,
|
|
26
26
|
connected_account_ids: connectedAccountIds,
|
|
@@ -48,7 +48,7 @@ export function DeviceTable({ deviceIds, connectedAccountIds, disableLockUnlock
|
|
|
48
48
|
if (isError) {
|
|
49
49
|
return _jsx("p", { className: className, children: error?.message });
|
|
50
50
|
}
|
|
51
|
-
return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.devices, " ", _jsxs(Caption, { children: ["(", filteredDevices.length, ")"] })] }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (devices?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { devices: filteredDevices, onDeviceClick: handleDeviceClick }) })] }));
|
|
51
|
+
return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [title != null ? (_jsxs(TableTitle, { children: [title ?? t.devices, " ", _jsxs(Caption, { children: ["(", filteredDevices.length, ")"] })] })) : (_jsx("div", { className: 'seam-fragment' })), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (devices?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { devices: filteredDevices, onDeviceClick: handleDeviceClick }) })] }));
|
|
52
52
|
}
|
|
53
53
|
function Content(props) {
|
|
54
54
|
const { devices, onDeviceClick } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAA;AAClF,OAAO,EAGL,eAAe,GAChB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACxE,OAAO,EACL,UAAU,GAEX,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,21 +4,22 @@ import { BatteryLevelFullIcon } from '../../../lib/icons/BatteryLevelFull.js';
|
|
|
4
4
|
import { BatteryLevelHighIcon } from '../../../lib/icons/BatteryLevelHigh.js';
|
|
5
5
|
import { BatteryLevelLowIcon } from '../../../lib/icons/BatteryLevelLow.js';
|
|
6
6
|
export function BatteryStatus(props) {
|
|
7
|
-
return (_jsx("div", { className: 'seam-battery-status', children: _jsx(Content, { status: props.device.properties.battery?.status }) }));
|
|
7
|
+
return (_jsx("div", { className: 'seam-battery-status', children: _jsx(Content, { status: props.device.properties.battery?.status, level: props.device.properties.battery?.level }) }));
|
|
8
8
|
}
|
|
9
9
|
function Content(props) {
|
|
10
|
-
const { status } = props;
|
|
10
|
+
const { status, level } = props;
|
|
11
|
+
const percentage = level != null ? ` (${Math.floor(level * 100)}%)` : null;
|
|
11
12
|
if (status === 'full') {
|
|
12
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.full })] }));
|
|
13
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}), _jsx("span", { className: 'seam-status-text', children: `${t.full}${percentage ?? ''}` })] }));
|
|
13
14
|
}
|
|
14
15
|
if (status === 'good') {
|
|
15
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.high })] }));
|
|
16
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}), _jsx("span", { className: 'seam-status-text', children: `${t.high}${percentage ?? ''}` })] }));
|
|
16
17
|
}
|
|
17
18
|
if (status === 'low') {
|
|
18
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.low })] }));
|
|
19
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}), _jsx("span", { className: 'seam-status-text', children: `${t.low}${percentage ?? ''}` })] }));
|
|
19
20
|
}
|
|
20
21
|
if (status === 'critical') {
|
|
21
|
-
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}), _jsx("span", { className: 'seam-text-danger', children: t.critical })] }));
|
|
22
|
+
return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}), _jsx("span", { className: 'seam-text-danger', children: `${t.critical}${percentage ?? ''}` })] }));
|
|
22
23
|
}
|
|
23
24
|
return null;
|
|
24
25
|
}
|
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "1.
|
|
1
|
+
declare const seamapiReactVersion = "1.38.0";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -51,6 +51,7 @@ export interface AccessCodeTableProps {
|
|
|
51
51
|
onAccessCodeClick?: (accessCodeId: string) => void
|
|
52
52
|
preventDefaultOnAccessCodeClick?: boolean
|
|
53
53
|
onBack?: () => void
|
|
54
|
+
title?: string | null
|
|
54
55
|
className?: string
|
|
55
56
|
}
|
|
56
57
|
|
|
@@ -78,6 +79,7 @@ export function AccessCodeTable({
|
|
|
78
79
|
onBack,
|
|
79
80
|
accessCodeFilter = defaultAccessCodeFilter,
|
|
80
81
|
accessCodeComparator = compareByCreatedAtDesc,
|
|
82
|
+
title = t.accessCodes,
|
|
81
83
|
className,
|
|
82
84
|
}: AccessCodeTableProps): JSX.Element {
|
|
83
85
|
const { accessCodes } = useAccessCodes({
|
|
@@ -140,9 +142,14 @@ export function AccessCodeTable({
|
|
|
140
142
|
<ContentHeader onBack={onBack} />
|
|
141
143
|
<TableHeader>
|
|
142
144
|
<div className='seam-left'>
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
145
|
+
{title != null ? (
|
|
146
|
+
<TableTitle>
|
|
147
|
+
{title ?? t.accessCodes}{' '}
|
|
148
|
+
<Caption>({filteredAccessCodes.length})</Caption>
|
|
149
|
+
</TableTitle>
|
|
150
|
+
) : (
|
|
151
|
+
<div className='seam-fragment' />
|
|
152
|
+
)}
|
|
146
153
|
{!disableCreateAccessCode && (
|
|
147
154
|
<IconButton
|
|
148
155
|
onClick={toggleAddAccessCodeForm}
|
|
@@ -34,6 +34,7 @@ export interface DeviceTableProps {
|
|
|
34
34
|
onDeviceClick?: (deviceId: string) => void
|
|
35
35
|
preventDefaultOnDeviceClick?: boolean
|
|
36
36
|
onBack?: () => void
|
|
37
|
+
title?: string | null
|
|
37
38
|
className?: string
|
|
38
39
|
}
|
|
39
40
|
|
|
@@ -56,6 +57,7 @@ export function DeviceTable({
|
|
|
56
57
|
onBack,
|
|
57
58
|
deviceFilter = defaultDeviceFilter,
|
|
58
59
|
deviceComparator = compareByCreatedAtDesc,
|
|
60
|
+
title = t.devices,
|
|
59
61
|
className,
|
|
60
62
|
}: DeviceTableProps = {}): JSX.Element {
|
|
61
63
|
const { devices, isLoading, isError, error } = useDevices({
|
|
@@ -109,9 +111,13 @@ export function DeviceTable({
|
|
|
109
111
|
<div className={classNames('seam-device-table', className)}>
|
|
110
112
|
<ContentHeader onBack={onBack} />
|
|
111
113
|
<TableHeader>
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
114
|
+
{title != null ? (
|
|
115
|
+
<TableTitle>
|
|
116
|
+
{title ?? t.devices} <Caption>({filteredDevices.length})</Caption>
|
|
117
|
+
</TableTitle>
|
|
118
|
+
) : (
|
|
119
|
+
<div className='seam-fragment' />
|
|
120
|
+
)}
|
|
115
121
|
{!disableSearch && (
|
|
116
122
|
<SearchTextField
|
|
117
123
|
value={searchInputValue}
|
|
@@ -12,21 +12,29 @@ interface BatteryStatusProps {
|
|
|
12
12
|
export function BatteryStatus(props: BatteryStatusProps): JSX.Element {
|
|
13
13
|
return (
|
|
14
14
|
<div className='seam-battery-status'>
|
|
15
|
-
<Content
|
|
15
|
+
<Content
|
|
16
|
+
status={props.device.properties.battery?.status}
|
|
17
|
+
level={props.device.properties.battery?.level}
|
|
18
|
+
/>
|
|
16
19
|
</div>
|
|
17
20
|
)
|
|
18
21
|
}
|
|
19
22
|
|
|
20
23
|
function Content(props: {
|
|
21
24
|
status: SeamBatteryStatus | null | undefined
|
|
25
|
+
level: number | null | undefined
|
|
22
26
|
}): JSX.Element | null {
|
|
23
|
-
const { status } = props
|
|
27
|
+
const { status, level } = props
|
|
28
|
+
|
|
29
|
+
const percentage = level != null ? ` (${Math.floor(level * 100)}%)` : null
|
|
24
30
|
|
|
25
31
|
if (status === 'full') {
|
|
26
32
|
return (
|
|
27
33
|
<>
|
|
28
34
|
<BatteryLevelFullIcon />
|
|
29
|
-
<span className='seam-status-text'>{t.full}
|
|
35
|
+
<span className='seam-status-text'>{`${t.full}${
|
|
36
|
+
percentage ?? ''
|
|
37
|
+
}`}</span>
|
|
30
38
|
</>
|
|
31
39
|
)
|
|
32
40
|
}
|
|
@@ -35,7 +43,9 @@ function Content(props: {
|
|
|
35
43
|
return (
|
|
36
44
|
<>
|
|
37
45
|
<BatteryLevelHighIcon />
|
|
38
|
-
<span className='seam-status-text'>{t.high}
|
|
46
|
+
<span className='seam-status-text'>{`${t.high}${
|
|
47
|
+
percentage ?? ''
|
|
48
|
+
}`}</span>
|
|
39
49
|
</>
|
|
40
50
|
)
|
|
41
51
|
}
|
|
@@ -44,7 +54,9 @@ function Content(props: {
|
|
|
44
54
|
return (
|
|
45
55
|
<>
|
|
46
56
|
<BatteryLevelLowIcon />
|
|
47
|
-
<span className='seam-status-text'>{t.low}
|
|
57
|
+
<span className='seam-status-text'>{`${t.low}${
|
|
58
|
+
percentage ?? ''
|
|
59
|
+
}`}</span>
|
|
48
60
|
</>
|
|
49
61
|
)
|
|
50
62
|
}
|
|
@@ -53,7 +65,9 @@ function Content(props: {
|
|
|
53
65
|
return (
|
|
54
66
|
<>
|
|
55
67
|
<BatteryLevelCriticalIcon />
|
|
56
|
-
<span className='seam-text-danger'>{t.critical}
|
|
68
|
+
<span className='seam-text-danger'>{`${t.critical}${
|
|
69
|
+
percentage ?? ''
|
|
70
|
+
}`}</span>
|
|
57
71
|
</>
|
|
58
72
|
)
|
|
59
73
|
}
|
package/src/lib/version.ts
CHANGED