@seamapi/react 1.43.0 → 1.45.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 +5353 -5226
- package/dist/elements.js.map +1 -1
- package/dist/index.css +28 -0
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/lib/seam/access-codes/use-delete-access-code.d.ts +8 -0
- package/lib/seam/access-codes/use-delete-access-code.js +22 -0
- package/lib/seam/access-codes/use-delete-access-code.js.map +1 -0
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.d.ts +2 -1
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js +7 -2
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeMenu.d.ts +10 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeMenu.js +44 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeMenu.js.map +1 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeRow.d.ts +10 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeRow.js +26 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeRow.js.map +1 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.d.ts +2 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +7 -40
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.d.ts +2 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js +2 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.d.ts +2 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js +10 -12
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.d.ts +2 -1
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.js +3 -3
- package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.d.ts +2 -1
- package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js +3 -3
- package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js.map +1 -1
- package/lib/ui/Menu/MenuItem.d.ts +4 -2
- package/lib/ui/Menu/MenuItem.js +7 -4
- package/lib/ui/Menu/MenuItem.js.map +1 -1
- package/lib/ui/thermostat/ClimateSettingStatus.d.ts +9 -0
- package/lib/ui/thermostat/ClimateSettingStatus.js +33 -0
- package/lib/ui/thermostat/ClimateSettingStatus.js.map +1 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/lib/seam/access-codes/use-delete-access-code.ts +47 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.element.ts +1 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx +22 -4
- package/src/lib/seam/components/AccessCodeTable/AccessCodeMenu.tsx +118 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeRow.tsx +73 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.element.ts +1 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +9 -87
- package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.tsx +3 -0
- package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx +16 -14
- package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.element.ts +1 -0
- package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx +4 -0
- package/src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts +5 -3
- package/src/lib/ui/Menu/MenuItem.tsx +17 -6
- package/src/lib/ui/thermostat/ClimateSettingStatus.tsx +88 -0
- package/src/lib/version.ts +1 -1
- package/src/styles/_access-code-details.scss +2 -0
- package/src/styles/_access-code-table.scss +12 -0
- package/src/styles/_main.scss +2 -0
- package/src/styles/_thermostat.scss +21 -0
|
@@ -2,34 +2,24 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useCallback, useMemo, useState } from 'react';
|
|
4
4
|
import { compareByCreatedAtDesc } from '../../../../lib/dates.js';
|
|
5
|
-
import { AccessCodeKeyIcon } from '../../../../lib/icons/AccessCodeKey.js';
|
|
6
5
|
import { AddIcon } from '../../../../lib/icons/Add.js';
|
|
7
|
-
import { CopyIcon } from '../../../../lib/icons/Copy.js';
|
|
8
|
-
import { ExclamationCircleOutlineIcon } from '../../../../lib/icons/ExclamationCircleOutline.js';
|
|
9
|
-
import { TriangleWarningOutlineIcon } from '../../../../lib/icons/TriangleWarningOutline.js';
|
|
10
6
|
import { useAccessCodes, } from '../../../../lib/seam/access-codes/use-access-codes.js';
|
|
11
7
|
import { AccessCodeDetails } from '../../../../lib/seam/components/AccessCodeDetails/AccessCodeDetails.js';
|
|
12
8
|
import { AccessCodeHealthBar, } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeHealthBar.js';
|
|
13
|
-
import {
|
|
9
|
+
import { AccessCodeRow } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeRow.js';
|
|
14
10
|
import { CreateAccessCodeForm } from '../../../../lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js';
|
|
15
11
|
import { EditAccessCodeForm } from '../../../../lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js';
|
|
16
|
-
import { copyToClipboard } from '../../../../lib/ui/clipboard.js';
|
|
17
12
|
import { IconButton } from '../../../../lib/ui/IconButton.js';
|
|
18
13
|
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
19
|
-
import { MenuItem } from '../../../../lib/ui/Menu/MenuItem.js';
|
|
20
|
-
import { MoreActionsMenu } from '../../../../lib/ui/Menu/MoreActionsMenu.js';
|
|
21
14
|
import { EmptyPlaceholder } from '../../../../lib/ui/Table/EmptyPlaceholder.js';
|
|
22
15
|
import { TableBody } from '../../../../lib/ui/Table/TableBody.js';
|
|
23
|
-
import { TableCell } from '../../../../lib/ui/Table/TableCell.js';
|
|
24
16
|
import { TableHeader } from '../../../../lib/ui/Table/TableHeader.js';
|
|
25
|
-
import { TableRow } from '../../../../lib/ui/Table/TableRow.js';
|
|
26
17
|
import { TableTitle } from '../../../../lib/ui/Table/TableTitle.js';
|
|
27
18
|
import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
|
|
28
19
|
import { Caption } from '../../../../lib/ui/typography/Caption.js';
|
|
29
|
-
import { Title } from '../../../../lib/ui/typography/Title.js';
|
|
30
20
|
import { useToggle } from '../../../../lib/ui/use-toggle.js';
|
|
31
21
|
const disableCreateAccessCode = true;
|
|
32
|
-
const disableEditAccessCode =
|
|
22
|
+
const disableEditAccessCode = true;
|
|
33
23
|
const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
34
24
|
const value = searchInputValue.trim();
|
|
35
25
|
if (value === '')
|
|
@@ -38,7 +28,7 @@ const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
|
38
28
|
return (searchRegex.test(accessCode?.name ?? '') ||
|
|
39
29
|
searchRegex.test(accessCode?.code ?? ''));
|
|
40
30
|
};
|
|
41
|
-
export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, heading = t.accessCodes, title = t.accessCodes, className, }) {
|
|
31
|
+
export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, heading = t.accessCodes, title = t.accessCodes, className, disableDeleteAccessCode = false, }) {
|
|
42
32
|
const { accessCodes } = useAccessCodes({
|
|
43
33
|
device_id: deviceId,
|
|
44
34
|
});
|
|
@@ -72,15 +62,15 @@ export function AccessCodeTable({ deviceId, disableLockUnlock = false, disableSe
|
|
|
72
62
|
setSelectedViewAccessCodeId(null);
|
|
73
63
|
}, disableLockUnlock: disableLockUnlock, onEdit: () => {
|
|
74
64
|
setSelectedEditAccessCodeId(selectedViewAccessCodeId);
|
|
75
|
-
} }));
|
|
65
|
+
}, disableDeleteAccessCode: disableDeleteAccessCode }));
|
|
76
66
|
}
|
|
77
67
|
if (addAccessCodeFormVisible) {
|
|
78
68
|
return (_jsx(CreateAccessCodeForm, { className: className, onBack: toggleAddAccessCodeForm, deviceId: deviceId }));
|
|
79
69
|
}
|
|
80
|
-
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: [heading ?? 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, onAccessCodeEdit: handleAccessCodeEdit, disableEditAccessCode: disableEditAccessCode }) })] }));
|
|
70
|
+
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: [heading ?? 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, onAccessCodeEdit: handleAccessCodeEdit, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode }) })] }));
|
|
81
71
|
}
|
|
82
72
|
function Content(props) {
|
|
83
|
-
const { accessCodes, onAccessCodeClick, onAccessCodeEdit, disableEditAccessCode, } = props;
|
|
73
|
+
const { accessCodes, onAccessCodeClick, onAccessCodeEdit, disableEditAccessCode, disableDeleteAccessCode, } = props;
|
|
84
74
|
const [filter, setFilter] = useState(null);
|
|
85
75
|
const filteredAccessCodes = useMemo(() => {
|
|
86
76
|
if (filter === null) {
|
|
@@ -98,35 +88,12 @@ function Content(props) {
|
|
|
98
88
|
}
|
|
99
89
|
return (_jsxs(_Fragment, { children: [_jsx(AccessCodeHealthBar, { accessCodes: accessCodes, filter: filter, onFilterSelect: setFilter }), filteredAccessCodes.map((accessCode) => (_jsx(AccessCodeRow, { accessCode: accessCode, onClick: () => {
|
|
100
90
|
onAccessCodeClick(accessCode.access_code_id);
|
|
101
|
-
}, disableEditAccessCode: disableEditAccessCode, onEdit: () => {
|
|
91
|
+
}, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, onEdit: () => {
|
|
102
92
|
onAccessCodeEdit(accessCode.access_code_id);
|
|
103
93
|
} }, accessCode.access_code_id)))] }));
|
|
104
94
|
}
|
|
105
|
-
function AccessCodeRow(props) {
|
|
106
|
-
const { onClick, accessCode, onEdit, disableEditAccessCode } = props;
|
|
107
|
-
const errorCount = accessCode.errors.length;
|
|
108
|
-
const warningCount = accessCode.warnings.length;
|
|
109
|
-
const isPlural = errorCount === 0 || errorCount > 1;
|
|
110
|
-
const errorIconTitle = isPlural
|
|
111
|
-
? `${errorCount} ${t.codeIssues}`
|
|
112
|
-
: `${errorCount} ${t.codeIssue}`;
|
|
113
|
-
const warningIconTitle = isPlural
|
|
114
|
-
? `${warningCount} ${t.codeIssues}`
|
|
115
|
-
: `${warningCount} ${t.codeIssue}`;
|
|
116
|
-
return (_jsxs(TableRow, { onClick: onClick, children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { className: 'seam-truncated-text', children: accessCode.name }), _jsx(CodeDetails, { accessCode: accessCode })] }), _jsxs(TableCell, { className: 'seam-action-cell', children: [errorCount > 0 && (_jsx("div", { className: 'seam-code-issue-icon-wrap', title: errorIconTitle, children: _jsx(ExclamationCircleOutlineIcon, {}) })), errorCount === 0 && warningCount > 0 && (_jsx("div", { className: 'seam-code-issue-icon-wrap', title: warningIconTitle, children: _jsx(TriangleWarningOutlineIcon, {}) })), _jsxs(MoreActionsMenu, { menuProps: {
|
|
117
|
-
backgroundProps: {
|
|
118
|
-
className: 'seam-access-code-table-action-menu',
|
|
119
|
-
},
|
|
120
|
-
}, children: [_jsx(MenuItem, { onClick: () => {
|
|
121
|
-
void copyToClipboard(accessCode.code ?? '');
|
|
122
|
-
}, children: _jsxs("div", { className: 'seam-menu-item-copy', children: [_jsxs("span", { children: [t.copyCode, " - ", accessCode.code] }), _jsx(CopyIcon, {})] }) }), !disableEditAccessCode && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'seam-divider' }), _jsx(MenuItem, { onClick: onEdit, children: t.editCode })] }))] })] })] }));
|
|
123
|
-
}
|
|
124
95
|
const t = {
|
|
125
96
|
accessCodes: 'Access Codes',
|
|
126
|
-
copyCode: 'Copy code',
|
|
127
97
|
noAccessCodesMessage: 'Sorry, no access codes were found',
|
|
128
|
-
codeIssue: 'code issue',
|
|
129
|
-
codeIssues: 'code issues',
|
|
130
|
-
editCode: 'Edit code',
|
|
131
98
|
};
|
|
132
99
|
//# sourceMappingURL=AccessCodeTable.js.map
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface SupportedDeviceContentProps {
|
|
|
5
5
|
resetFilterValue: () => void;
|
|
6
6
|
filters: DeviceModelFilters;
|
|
7
7
|
brands: string[] | null;
|
|
8
|
+
excludedBrands: string[];
|
|
8
9
|
}
|
|
9
|
-
export declare function SupportedDeviceContent({ resetFilterValue, filterValue, filters, brands, }: SupportedDeviceContentProps): JSX.Element | null;
|
|
10
|
+
export declare function SupportedDeviceContent({ resetFilterValue, filterValue, filters, brands, excludedBrands, }: SupportedDeviceContentProps): JSX.Element | null;
|
|
10
11
|
export {};
|
|
@@ -3,11 +3,12 @@ import { SupportedDeviceBrandSection } from '../../../../lib/seam/components/Sup
|
|
|
3
3
|
import { SupportedDeviceFilterResultRow } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterResultRow.js';
|
|
4
4
|
import { useFilteredDeviceModels, } from '../../../../lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js';
|
|
5
5
|
import { Button } from '../../../../lib/ui/Button.js';
|
|
6
|
-
export function SupportedDeviceContent({ resetFilterValue, filterValue, filters, brands, }) {
|
|
6
|
+
export function SupportedDeviceContent({ resetFilterValue, filterValue, filters, brands, excludedBrands, }) {
|
|
7
7
|
const { deviceModels, isLoading, isError, refetch } = useFilteredDeviceModels({
|
|
8
8
|
filterValue,
|
|
9
9
|
filters,
|
|
10
10
|
brands,
|
|
11
|
+
excludedBrands,
|
|
11
12
|
});
|
|
12
13
|
if (isLoading) {
|
|
13
14
|
return (_jsx("div", { className: 'seam-supported-device-table-content-state-block', children: _jsx("p", { children: t.loading }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportedDeviceContent.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,yEAAyE,CAAA;AACrH,OAAO,EAAE,8BAA8B,EAAE,MAAM,4EAA4E,CAAA;AAC3H,OAAO,EAEL,uBAAuB,GACxB,MAAM,wEAAwE,CAAA;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"SupportedDeviceContent.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ interface SupportedDeviceFilterAreaProps {
|
|
|
6
6
|
filters: DeviceModelFilters;
|
|
7
7
|
setFilters: Dispatch<SetStateAction<DeviceModelFilters>>;
|
|
8
8
|
brands: string[] | null;
|
|
9
|
+
excludedBrands: string[];
|
|
9
10
|
}
|
|
10
|
-
export declare function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, brands, }: SupportedDeviceFilterAreaProps): JSX.Element;
|
|
11
|
+
export declare function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, brands, excludedBrands, }: SupportedDeviceFilterAreaProps): JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -5,9 +5,9 @@ import { capitalize } from '../../../../lib/strings.js';
|
|
|
5
5
|
import { Button } from '../../../../lib/ui/Button.js';
|
|
6
6
|
import { Menu } from '../../../../lib/ui/Menu/Menu.js';
|
|
7
7
|
import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
|
|
8
|
-
export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, brands, }) {
|
|
8
|
+
export function SupportedDeviceFilterArea({ filterValue, setFilterValue, filters, setFilters, brands, excludedBrands, }) {
|
|
9
9
|
const appliedFiltersCount = getAppliedFilterCount(filters);
|
|
10
|
-
const availableBrands = useAvailableBrands(brands);
|
|
10
|
+
const availableBrands = useAvailableBrands(brands, excludedBrands);
|
|
11
11
|
const resetFilter = (filterType) => {
|
|
12
12
|
setFilters((filters) => ({
|
|
13
13
|
...filters,
|
|
@@ -42,25 +42,23 @@ const getAppliedFilterCount = (filters) => {
|
|
|
42
42
|
count++;
|
|
43
43
|
return count;
|
|
44
44
|
};
|
|
45
|
-
const useAvailableBrands = (brands) => {
|
|
45
|
+
const useAvailableBrands = (brands, excludedBrands) => {
|
|
46
46
|
const { deviceModels } = useDeviceModels();
|
|
47
47
|
if (deviceModels == null)
|
|
48
48
|
return [];
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
const availableBrands = deviceModels
|
|
50
|
+
.map(({ brand }) => brand.trim())
|
|
51
|
+
.filter((brand) => {
|
|
52
52
|
// UPSTREAM: API can return an empty value for brand.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
uniqueBrands.add(deviceModel.brand);
|
|
56
|
-
}
|
|
57
|
-
return Array.from(uniqueBrands)
|
|
53
|
+
return brand !== '';
|
|
54
|
+
})
|
|
58
55
|
.filter((brand) => {
|
|
59
56
|
if (brands === null)
|
|
60
57
|
return true;
|
|
61
|
-
return brands.includes(brand);
|
|
58
|
+
return brands.includes(brand) && !excludedBrands.includes(brand);
|
|
62
59
|
})
|
|
63
60
|
.map((brand) => capitalize(brand));
|
|
61
|
+
return Array.from(new Set(availableBrands));
|
|
64
62
|
};
|
|
65
63
|
const t = {
|
|
66
64
|
all: 'All',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportedDeviceFilterArea.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAA;AAEnG,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"SupportedDeviceFilterArea.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAA;AAEnG,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAWrE,MAAM,UAAU,yBAAyB,CAAC,EACxC,WAAW,EACX,cAAc,EACd,OAAO,EACP,UAAU,EACV,MAAM,EACN,cAAc,GACiB;IAC/B,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAE1D,MAAM,eAAe,GAAG,kBAAkB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAElE,MAAM,WAAW,GAAG,CAAC,UAAoC,EAAQ,EAAE;QACjE,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,OAAO;YACV,CAAC,UAAU,CAAC,EAAE,IAAI;SACnB,CAAC,CAAC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,iBAAiB,GACrB,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAE9E,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAA;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,yCAAyC,aACtD,cAAK,SAAS,EAAC,uBAAuB,GAAG,EACzC,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,MAAM,YAEd,iBAAiB,GACX,CACV,YAED,eACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACjB,KAAK,CAAC,eAAe,EAAE,CAAA;4BACzB,CAAC,aAED,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,kBAAkB,IACjB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;4CAC1B,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gDACvB,GAAG,OAAO;gDACV,KAAK;6CACN,CAAC,CAAC,CAAA;wCACL,CAAC,EACD,WAAW,EAAE,OAAO,CAAC,KAAK,IAAI,QAAQ,EACtC,iBAAiB,EAAE,GAAG,EAAE;4CACtB,WAAW,CAAC,OAAO,CAAC,CAAA;wCACtB,CAAC,GACD,GACE,EACN,cAAK,SAAS,EAAC,sBAAsB,YACnC,iBACE,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,4BAA4B,aAEtC,sBAAI,CAAC,CAAC,SAAS,GAAK,EACpB,gBACE,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,CAAC,aAAa,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oDAClB,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;wDACvB,GAAG,OAAO;wDACV,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;qDACpC,CAAC,CAAC,CAAA;gDACL,CAAC,GACD,IACI,GACJ,IACF,GACD,EACP,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,eAAe,IACd,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,cAAc,CAAC,KAAK,CAAC,CAAA;4BACvB,CAAC,EACD,SAAS,EAAC,oDAAoD,GAC9D,GACE,IACF,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,OAA2B,EAAU,EAAE;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI;QAAE,KAAK,EAAE,CAAA;IACnC,IAAI,CAAC,OAAO,CAAC,aAAa;QAAE,KAAK,EAAE,CAAA;IACnC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CACzB,MAAuB,EACvB,cAAwB,EACd,EAAE;IACZ,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAE1C,IAAI,YAAY,IAAI,IAAI;QAAE,OAAO,EAAE,CAAA;IAEnC,MAAM,eAAe,GAAG,YAAY;SACjC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SAChC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAChB,qDAAqD;QACrD,OAAO,KAAK,KAAK,EAAE,CAAA;IACrB,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAChB,IAAI,MAAM,KAAK,IAAI;YAAE,OAAO,IAAI,CAAA;QAChC,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAClE,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IAEpC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,eAAe,CAAC,CAAC,CAAA;AAC7C,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAA"}
|
|
@@ -6,6 +6,7 @@ export interface SupportedDeviceTableProps {
|
|
|
6
6
|
*/
|
|
7
7
|
cannotFilter?: boolean;
|
|
8
8
|
brands?: string[] | null;
|
|
9
|
+
excludedBrands?: string[];
|
|
9
10
|
className?: string;
|
|
10
11
|
}
|
|
11
|
-
export declare function SupportedDeviceTable({ disableFilter, cannotFilter, brands, className, }?: SupportedDeviceTableProps): JSX.Element;
|
|
12
|
+
export declare function SupportedDeviceTable({ disableFilter, cannotFilter, brands, excludedBrands, className, }?: SupportedDeviceTableProps): JSX.Element;
|
|
@@ -3,15 +3,15 @@ import classNames from 'classnames';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { SupportedDeviceContent } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js';
|
|
5
5
|
import { SupportedDeviceFilterArea } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js';
|
|
6
|
-
export function SupportedDeviceTable({ disableFilter = false, cannotFilter, brands = null, className, } = {}) {
|
|
6
|
+
export function SupportedDeviceTable({ disableFilter = false, cannotFilter, brands = null, excludedBrands = [], className, } = {}) {
|
|
7
7
|
const [filterValue, setFilterValue] = useState('');
|
|
8
8
|
const [filters, setFilters] = useState({
|
|
9
9
|
supportedOnly: true,
|
|
10
10
|
brand: null,
|
|
11
11
|
});
|
|
12
12
|
const hideFilter = cannotFilter ?? disableFilter;
|
|
13
|
-
return (_jsxs("div", { className: classNames('seam-supported-device-table-content-wrap', className), children: [!hideFilter && (_jsx(SupportedDeviceFilterArea, { filterValue: filterValue, setFilterValue: setFilterValue, filters: filters, setFilters: setFilters, brands: brands })), _jsx(SupportedDeviceContent, { resetFilterValue: () => {
|
|
13
|
+
return (_jsxs("div", { className: classNames('seam-supported-device-table-content-wrap', className), children: [!hideFilter && (_jsx(SupportedDeviceFilterArea, { filterValue: filterValue, setFilterValue: setFilterValue, filters: filters, setFilters: setFilters, brands: brands, excludedBrands: excludedBrands })), _jsx(SupportedDeviceContent, { resetFilterValue: () => {
|
|
14
14
|
setFilterValue('');
|
|
15
|
-
}, filterValue: filterValue, filters: filters, brands: brands })] }));
|
|
15
|
+
}, filterValue: filterValue, filters: filters, brands: brands, excludedBrands: excludedBrands })] }));
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=SupportedDeviceTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SupportedDeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAA;AAC3G,OAAO,EAAE,yBAAyB,EAAE,MAAM,uEAAuE,CAAA;
|
|
1
|
+
{"version":3,"file":"SupportedDeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAA;AAC3G,OAAO,EAAE,yBAAyB,EAAE,MAAM,uEAAuE,CAAA;AAcjH,MAAM,UAAU,oBAAoB,CAAC,EACnC,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,MAAM,GAAG,IAAI,EACb,cAAc,GAAG,EAAE,EACnB,SAAS,MACoB,EAAE;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB;QACzD,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE,IAAI;KACZ,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,YAAY,IAAI,aAAa,CAAA;IAEhD,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,SAAS,CACV,aAEA,CAAC,UAAU,IAAI,CACd,KAAC,yBAAyB,IACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,GAC9B,CACH,EACD,KAAC,sBAAsB,IACrB,gBAAgB,EAAE,GAAG,EAAE;oBACrB,cAAc,CAAC,EAAE,CAAC,CAAA;gBACpB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,GAC9B,IACE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -3,8 +3,9 @@ export interface DeviceModelFilters {
|
|
|
3
3
|
supportedOnly: boolean;
|
|
4
4
|
brand: string | null;
|
|
5
5
|
}
|
|
6
|
-
export declare const useFilteredDeviceModels: ({ filterValue, filters, brands, }: {
|
|
6
|
+
export declare const useFilteredDeviceModels: ({ filterValue, filters, brands, excludedBrands, }: {
|
|
7
7
|
filterValue: string;
|
|
8
8
|
filters: DeviceModelFilters;
|
|
9
9
|
brands: string[] | null;
|
|
10
|
+
excludedBrands: string[];
|
|
10
11
|
}) => ReturnType<typeof useDeviceModels>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useDeviceModels, } from '../../../../lib/seam/device-models/use-device-models.js';
|
|
2
|
-
export const useFilteredDeviceModels = ({ filterValue, filters, brands, }) => {
|
|
2
|
+
export const useFilteredDeviceModels = ({ filterValue, filters, brands, excludedBrands, }) => {
|
|
3
3
|
const params = {};
|
|
4
4
|
if (filterValue.trim() !== '') {
|
|
5
5
|
params.text_search = filterValue.trim();
|
|
@@ -14,11 +14,11 @@ export const useFilteredDeviceModels = ({ filterValue, filters, brands, }) => {
|
|
|
14
14
|
if (brands === null) {
|
|
15
15
|
return query;
|
|
16
16
|
}
|
|
17
|
-
// UPSTREAM: The API does not have a brands query parameter,
|
|
17
|
+
// UPSTREAM: The API does not have a brands or excludedBrands query parameter,
|
|
18
18
|
// so selected brands are filtered here.
|
|
19
19
|
return {
|
|
20
20
|
...query,
|
|
21
|
-
deviceModels: query.deviceModels?.filter((
|
|
21
|
+
deviceModels: query.deviceModels?.filter(({ brand }) => brands.includes(brand) && !excludedBrands.includes(brand)),
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=use-filtered-device-models.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-filtered-device-models.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,6CAA6C,CAAA;AAOpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,WAAW,EACX,OAAO,EACP,MAAM,
|
|
1
|
+
{"version":3,"file":"use-filtered-device-models.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,6CAA6C,CAAA;AAOpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,WAAW,EACX,OAAO,EACP,MAAM,EACN,cAAc,GAMf,EAAsC,EAAE;IACvC,MAAM,MAAM,GAA0B,EAAE,CAAA;IAExC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC7B,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAA;KACxC;IAED,IAAI,OAAO,CAAC,aAAa,EAAE;QACzB,MAAM,CAAC,aAAa,GAAG,MAAM,CAAA;KAC9B;IAED,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,EAAE;QAC1B,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;KAC7B;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,KAAK,CAAA;KACb;IAED,8EAA8E;IAC9E,wCAAwC;IACxC,OAAO;QACL,GAAG,KAAK;QACR,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,CACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CACzE;KACF,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
2
|
interface MenuItemProps extends PropsWithChildren {
|
|
3
|
-
onClick: () => void;
|
|
3
|
+
onClick: (event: React.MouseEvent) => void;
|
|
4
|
+
className?: string;
|
|
5
|
+
preventDefaultOnClick?: boolean;
|
|
4
6
|
}
|
|
5
|
-
export declare function MenuItem({ onClick, children }: MenuItemProps): JSX.Element;
|
|
7
|
+
export declare function MenuItem({ onClick, children, className, preventDefaultOnClick, }: MenuItemProps): JSX.Element;
|
|
6
8
|
export {};
|
package/lib/ui/Menu/MenuItem.js
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
2
3
|
import { useMenu } from '../../../lib/ui/Menu/Menu.js';
|
|
3
|
-
export function MenuItem({ onClick, children }) {
|
|
4
|
+
export function MenuItem({ onClick, children, className, preventDefaultOnClick = false, }) {
|
|
4
5
|
const { close: closeMenu } = useMenu();
|
|
5
|
-
return (_jsx("div", { className: 'seam-menu-item', onClick: () => {
|
|
6
|
-
onClick();
|
|
7
|
-
|
|
6
|
+
return (_jsx("div", { className: classNames('seam-menu-item', className), onClick: (event) => {
|
|
7
|
+
onClick(event);
|
|
8
|
+
if (!preventDefaultOnClick) {
|
|
9
|
+
closeMenu();
|
|
10
|
+
}
|
|
8
11
|
}, children: children }));
|
|
9
12
|
}
|
|
10
13
|
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MenuItem.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/MenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAQ7C,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,KAAK,GACf;IACd,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAA;IAEtC,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE;YACnC,OAAO,CAAC,KAAK,CAAC,CAAA;YAEd,IAAI,CAAC,qBAAqB,EAAE;gBAC1B,SAAS,EAAE,CAAA;aACZ;QACH,CAAC,YAEA,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { ClimateSetting } from 'seamapi';
|
|
3
|
+
interface ClimateSettingStatusProps {
|
|
4
|
+
climateSetting: ClimateSetting;
|
|
5
|
+
temperatureUnit?: 'fahrenheit' | 'celsius';
|
|
6
|
+
iconPlacement?: 'left' | 'right';
|
|
7
|
+
}
|
|
8
|
+
export declare function ClimateSettingStatus({ climateSetting, temperatureUnit, iconPlacement, }: ClimateSettingStatusProps): JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ThermostatCoolIcon } from '../../../lib/icons/ThermostatCool.js';
|
|
3
|
+
import { ThermostatHeatIcon } from '../../../lib/icons/ThermostatHeat.js';
|
|
4
|
+
import { ThermostatHeatCoolIcon } from '../../../lib/icons/ThermostatHeatCool.js';
|
|
5
|
+
import { ThermostatOffIcon } from '../../../lib/icons/ThermostatOff.js';
|
|
6
|
+
export function ClimateSettingStatus({ climateSetting, temperatureUnit = 'fahrenheit', iconPlacement = 'left', }) {
|
|
7
|
+
return (_jsxs("div", { className: 'seam-climate-setting-status', children: [iconPlacement === 'left' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting })), _jsx(Content, { mode: climateSetting.hvac_mode_setting, coolingSetPoint: climateSetting.cooling_set_point_fahrenheit, heatingSetPoint: climateSetting.heating_set_point_fahrenheit, temperatureUnit: temperatureUnit }), iconPlacement === 'right' && (_jsx(ClimateSettingIcon, { mode: climateSetting.hvac_mode_setting }))] }));
|
|
8
|
+
}
|
|
9
|
+
function ClimateSettingIcon(props) {
|
|
10
|
+
const { mode } = props;
|
|
11
|
+
return (_jsxs("div", { className: 'seam-climate-setting-status-icon', children: [mode === 'cool' && _jsx(ThermostatCoolIcon, {}), mode === 'heat' && _jsx(ThermostatHeatIcon, {}), mode === 'heatcool' && _jsx(ThermostatHeatCoolIcon, {}), mode === 'off' && _jsx(ThermostatOffIcon, {})] }));
|
|
12
|
+
}
|
|
13
|
+
function Content(props) {
|
|
14
|
+
const { mode, coolingSetPoint, heatingSetPoint, temperatureUnit } = props;
|
|
15
|
+
const hasCoolingSetPoint = coolingSetPoint !== undefined;
|
|
16
|
+
const hasHeatingSetPoint = heatingSetPoint !== undefined;
|
|
17
|
+
const unit = temperatureUnit === 'fahrenheit' ? t.degreeFahrenheit : t.degreeCelsius;
|
|
18
|
+
if (mode === 'cool' && hasCoolingSetPoint)
|
|
19
|
+
return _jsx("span", { children: `${coolingSetPoint}${unit}` });
|
|
20
|
+
if (mode === 'heat' && hasHeatingSetPoint)
|
|
21
|
+
return _jsx("span", { children: `${heatingSetPoint}${unit}` });
|
|
22
|
+
if (mode === 'heatcool' && hasHeatingSetPoint && hasCoolingSetPoint)
|
|
23
|
+
return (_jsx("span", { children: `${heatingSetPoint}${unit} - ${coolingSetPoint}${unit}` }));
|
|
24
|
+
if (mode === 'off')
|
|
25
|
+
return _jsx("span", { children: t.off });
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
const t = {
|
|
29
|
+
degreeFahrenheit: '°F',
|
|
30
|
+
degreeCelsius: '°C',
|
|
31
|
+
off: 'Off',
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=ClimateSettingStatus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClimateSettingStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/thermostat/ClimateSettingStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAQ9D,MAAM,UAAU,oBAAoB,CAAC,EACnC,cAAc,EACd,eAAe,GAAG,YAAY,EAC9B,aAAa,GAAG,MAAM,GACI;IAC1B,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aACzC,aAAa,KAAK,MAAM,IAAI,CAC3B,KAAC,kBAAkB,IAAC,IAAI,EAAE,cAAc,CAAC,iBAAiB,GAAI,CAC/D,EACD,KAAC,OAAO,IACN,IAAI,EAAE,cAAc,CAAC,iBAAiB,EACtC,eAAe,EAAE,cAAc,CAAC,4BAA4B,EAC5D,eAAe,EAAE,cAAc,CAAC,4BAA4B,EAC5D,eAAe,EAAE,eAAe,GAChC,EACD,aAAa,KAAK,OAAO,IAAI,CAC5B,KAAC,kBAAkB,IAAC,IAAI,EAAE,cAAc,CAAC,iBAAiB,GAAI,CAC/D,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAE3B;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC9C,IAAI,KAAK,MAAM,IAAI,KAAC,kBAAkB,KAAG,EACzC,IAAI,KAAK,MAAM,IAAI,KAAC,kBAAkB,KAAG,EACzC,IAAI,KAAK,UAAU,IAAI,KAAC,sBAAsB,KAAG,EACjD,IAAI,KAAK,KAAK,IAAI,KAAC,iBAAiB,KAAG,IACpC,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAShB;IACC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACzE,MAAM,kBAAkB,GAAG,eAAe,KAAK,SAAS,CAAA;IACxD,MAAM,kBAAkB,GAAG,eAAe,KAAK,SAAS,CAAA;IACxD,MAAM,IAAI,GACR,eAAe,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;IAEzE,IAAI,IAAI,KAAK,MAAM,IAAI,kBAAkB;QACvC,OAAO,yBAAO,GAAG,eAAe,GAAG,IAAI,EAAE,GAAQ,CAAA;IAEnD,IAAI,IAAI,KAAK,MAAM,IAAI,kBAAkB;QACvC,OAAO,yBAAO,GAAG,eAAe,GAAG,IAAI,EAAE,GAAQ,CAAA;IAEnD,IAAI,IAAI,KAAK,UAAU,IAAI,kBAAkB,IAAI,kBAAkB;QACjE,OAAO,CACL,yBAAO,GAAG,eAAe,GAAG,IAAI,MAAM,eAAe,GAAG,IAAI,EAAE,GAAQ,CACvE,CAAA;IAEH,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,yBAAO,CAAC,CAAC,GAAG,GAAQ,CAAA;IAE/C,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,CAAC,GAAG;IACR,gBAAgB,EAAE,IAAI;IACtB,aAAa,EAAE,IAAI;IACnB,GAAG,EAAE,KAAK;CACX,CAAA"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "1.
|
|
1
|
+
declare const seamapiReactVersion = "1.45.0";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import {
|
|
2
|
+
useMutation,
|
|
3
|
+
type UseMutationResult,
|
|
4
|
+
useQueryClient,
|
|
5
|
+
} from '@tanstack/react-query'
|
|
6
|
+
import type {
|
|
7
|
+
AccessCodeDeleteRequest,
|
|
8
|
+
ActionAttempt,
|
|
9
|
+
ActionType,
|
|
10
|
+
SeamError,
|
|
11
|
+
} from 'seamapi'
|
|
12
|
+
|
|
13
|
+
import { NullSeamClientError, useSeamClient } from 'lib/seam/use-seam-client.js'
|
|
14
|
+
|
|
15
|
+
export type UseDeleteAccessCodeParams = never
|
|
16
|
+
export interface UseDeleteAccessCodeData {
|
|
17
|
+
actionAttempt: ActionAttempt<ActionType>
|
|
18
|
+
}
|
|
19
|
+
export type UseDeleteAccessCodeMutationParams = AccessCodeDeleteRequest
|
|
20
|
+
|
|
21
|
+
export function useDeleteAccessCode(): UseMutationResult<
|
|
22
|
+
UseDeleteAccessCodeData,
|
|
23
|
+
SeamError,
|
|
24
|
+
UseDeleteAccessCodeMutationParams
|
|
25
|
+
> {
|
|
26
|
+
const { client } = useSeamClient()
|
|
27
|
+
const queryClient = useQueryClient()
|
|
28
|
+
|
|
29
|
+
return useMutation<
|
|
30
|
+
UseDeleteAccessCodeData,
|
|
31
|
+
SeamError,
|
|
32
|
+
AccessCodeDeleteRequest
|
|
33
|
+
>({
|
|
34
|
+
mutationFn: async (mutationParams: UseDeleteAccessCodeMutationParams) => {
|
|
35
|
+
if (client === null) throw new NullSeamClientError()
|
|
36
|
+
return await client.accessCodes.delete(mutationParams)
|
|
37
|
+
},
|
|
38
|
+
onSuccess: (_data, variables) => {
|
|
39
|
+
void queryClient.invalidateQueries([
|
|
40
|
+
'access_codes',
|
|
41
|
+
'get',
|
|
42
|
+
{ access_code_id: variables.access_code_id },
|
|
43
|
+
])
|
|
44
|
+
void queryClient.invalidateQueries(['access_codes', 'list'])
|
|
45
|
+
},
|
|
46
|
+
})
|
|
47
|
+
}
|
|
@@ -7,6 +7,7 @@ export const name = 'seam-access-code-details'
|
|
|
7
7
|
export const props: ElementProps<AccessCodeDetailsProps> = {
|
|
8
8
|
accessCodeId: 'string',
|
|
9
9
|
disableLockUnlock: 'boolean',
|
|
10
|
+
disableDeleteAccessCode: 'boolean',
|
|
10
11
|
onBack: 'object',
|
|
11
12
|
onEdit: 'object',
|
|
12
13
|
className: 'string',
|
|
@@ -9,6 +9,7 @@ import type {
|
|
|
9
9
|
} from 'seamapi'
|
|
10
10
|
|
|
11
11
|
import { useAccessCode } from 'lib/seam/access-codes/use-access-code.js'
|
|
12
|
+
import { useDeleteAccessCode } from 'lib/seam/access-codes/use-delete-access-code.js'
|
|
12
13
|
import { AccessCodeDevice } from 'lib/seam/components/AccessCodeDetails/AccessCodeDevice.js'
|
|
13
14
|
import { DeviceDetails } from 'lib/seam/components/DeviceDetails/DeviceDetails.js'
|
|
14
15
|
import { Alerts } from 'lib/ui/Alert/Alerts.js'
|
|
@@ -24,6 +25,7 @@ export interface AccessCodeDetailsProps {
|
|
|
24
25
|
onBack?: () => void
|
|
25
26
|
onEdit: () => void
|
|
26
27
|
className?: string
|
|
28
|
+
disableDeleteAccessCode?: boolean
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
export function AccessCodeDetails({
|
|
@@ -32,9 +34,11 @@ export function AccessCodeDetails({
|
|
|
32
34
|
onBack,
|
|
33
35
|
onEdit,
|
|
34
36
|
className,
|
|
37
|
+
disableDeleteAccessCode = false,
|
|
35
38
|
}: AccessCodeDetailsProps): JSX.Element | null {
|
|
36
39
|
const { accessCode } = useAccessCode(accessCodeId)
|
|
37
40
|
const [selectedDeviceId, selectDevice] = useState<string | null>(null)
|
|
41
|
+
const { mutate: deleteCode, isLoading: isDeleting } = useDeleteAccessCode()
|
|
38
42
|
|
|
39
43
|
if (accessCode == null) {
|
|
40
44
|
return null
|
|
@@ -92,11 +96,24 @@ export function AccessCodeDetails({
|
|
|
92
96
|
onSelectDevice={selectDevice}
|
|
93
97
|
/>
|
|
94
98
|
</div>
|
|
95
|
-
{!disableEditAccessCode && (
|
|
99
|
+
{(!disableEditAccessCode || !disableDeleteAccessCode) && (
|
|
96
100
|
<div className='seam-actions'>
|
|
97
|
-
|
|
98
|
-
{
|
|
99
|
-
|
|
101
|
+
{!disableEditAccessCode && (
|
|
102
|
+
<Button size='small' onClick={onEdit} disabled={isDeleting}>
|
|
103
|
+
{t.editCode}
|
|
104
|
+
</Button>
|
|
105
|
+
)}
|
|
106
|
+
{!disableDeleteAccessCode && (
|
|
107
|
+
<Button
|
|
108
|
+
size='small'
|
|
109
|
+
onClick={() => {
|
|
110
|
+
deleteCode({ access_code_id: accessCode.access_code_id })
|
|
111
|
+
}}
|
|
112
|
+
disabled={isDeleting}
|
|
113
|
+
>
|
|
114
|
+
{t.deleteCode}
|
|
115
|
+
</Button>
|
|
116
|
+
)}
|
|
100
117
|
</div>
|
|
101
118
|
)}
|
|
102
119
|
<div className='seam-details'>
|
|
@@ -224,4 +241,5 @@ const t = {
|
|
|
224
241
|
start: 'Start',
|
|
225
242
|
end: 'End',
|
|
226
243
|
editCode: 'Edit code',
|
|
244
|
+
deleteCode: 'Delete code',
|
|
227
245
|
}
|