@seamapi/react 3.0.2 → 3.1.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 +2 -2
- package/dist/elements.js +4358 -4252
- package/dist/elements.js.map +1 -1
- package/dist/index.css +3 -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.js +9 -0
- package/lib/seam/access-codes/use-delete-access-code.js.map +1 -1
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.d.ts +5 -2
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js +65 -10
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeMenu.d.ts +1 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeMenu.js +13 -5
- package/lib/seam/components/AccessCodeTable/AccessCodeMenu.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeRow.d.ts +2 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeRow.js +10 -5
- package/lib/seam/components/AccessCodeTable/AccessCodeRow.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +40 -24
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/ui/Menu/Menu.d.ts +2 -1
- package/lib/ui/Menu/Menu.js +2 -1
- package/lib/ui/Menu/Menu.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/access-codes/use-delete-access-code.ts +15 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.element.ts +3 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx +169 -71
- package/src/lib/seam/components/AccessCodeTable/AccessCodeMenu.tsx +34 -13
- package/src/lib/seam/components/AccessCodeTable/AccessCodeRow.tsx +24 -9
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +62 -53
- package/src/lib/ui/Menu/Menu.tsx +3 -0
- package/src/lib/version.ts +1 -1
- package/src/styles/_seam-table.scss +4 -0
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { DateTime } from 'luxon';
|
|
4
|
-
import { useState } from 'react';
|
|
4
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
5
5
|
import { CopyIcon } from '../../../../lib/icons/Copy.js';
|
|
6
6
|
import { useAccessCode } from '../../../../lib/seam/access-codes/use-access-code.js';
|
|
7
7
|
import { useDeleteAccessCode } from '../../../../lib/seam/access-codes/use-delete-access-code.js';
|
|
8
8
|
import { AccessCodeDevice } from '../../../../lib/seam/components/AccessCodeDetails/AccessCodeDevice.js';
|
|
9
9
|
import { withRequiredCommonProps, } from '../../../../lib/seam/components/common-props.js';
|
|
10
10
|
import { NestedDeviceDetails } from '../../../../lib/seam/components/DeviceDetails/DeviceDetails.js';
|
|
11
|
+
import { NestedEditAccessCodeForm } from '../../../../lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js';
|
|
11
12
|
import { accessCodeErrorFilter, accessCodeWarningFilter, } from '../../../../lib/seam/filters.js';
|
|
12
13
|
import { useComponentTelemetry } from '../../../../lib/telemetry/index.js';
|
|
13
14
|
import { Alerts } from '../../../../lib/ui/Alert/Alerts.js';
|
|
@@ -15,17 +16,55 @@ import { Button } from '../../../../lib/ui/Button.js';
|
|
|
15
16
|
import { copyToClipboard } from '../../../../lib/ui/clipboard.js';
|
|
16
17
|
import { IconButton } from '../../../../lib/ui/IconButton.js';
|
|
17
18
|
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
19
|
+
import { Snackbar } from '../../../../lib/ui/Snackbar/Snackbar.js';
|
|
18
20
|
import { useIsDateInPast } from '../../../../lib/ui/use-is-date-in-past.js';
|
|
19
21
|
export const NestedAccessCodeDetails = withRequiredCommonProps(AccessCodeDetails);
|
|
20
|
-
export function AccessCodeDetails({ accessCodeId, onEdit, errorFilter = () => true, warningFilter = () => true, disableCreateAccessCode = false, disableEditAccessCode = false, disableLockUnlock = false, disableDeleteAccessCode = false, disableResourceIds = false, disableConnectedAccountInformation = false, disableClimateSettingSchedules, onBack, className, }) {
|
|
22
|
+
export function AccessCodeDetails({ accessCodeId, onEdit, preventDefaultOnEdit = false, onDelete, preventDefaultOnDelete = false, errorFilter = () => true, warningFilter = () => true, disableCreateAccessCode = false, disableEditAccessCode = false, disableLockUnlock = false, disableDeleteAccessCode = false, disableResourceIds = false, disableConnectedAccountInformation = false, disableClimateSettingSchedules, onBack, className, }) {
|
|
21
23
|
useComponentTelemetry('AccessCodeDetails');
|
|
22
24
|
const { accessCode } = useAccessCode({ access_code_id: accessCodeId });
|
|
23
25
|
const [selectedDeviceId, selectDevice] = useState(null);
|
|
24
26
|
const { mutate: deleteCode, isPending: isDeleting } = useDeleteAccessCode();
|
|
27
|
+
const [editFormOpen, setEditFormOpen] = useState(false);
|
|
28
|
+
const [accessCodeResult, setAccessCodeResult] = useState(null);
|
|
29
|
+
const [snackbarMessage, setSnackbarMessage] = useState('');
|
|
30
|
+
// Circumvent Snackbar bug that causes it to switch to default message
|
|
31
|
+
// while the dismiss animation is playing
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (accessCodeResult !== null) {
|
|
34
|
+
setSnackbarMessage(accessCodeResultToMessage(accessCodeResult));
|
|
35
|
+
}
|
|
36
|
+
}, [accessCodeResult]);
|
|
37
|
+
const handleEdit = useCallback(() => {
|
|
38
|
+
onEdit?.();
|
|
39
|
+
if (preventDefaultOnEdit)
|
|
40
|
+
return;
|
|
41
|
+
setEditFormOpen(true);
|
|
42
|
+
}, [onEdit, preventDefaultOnEdit, setEditFormOpen]);
|
|
43
|
+
const handleDelete = useCallback(() => {
|
|
44
|
+
onDelete?.();
|
|
45
|
+
if (preventDefaultOnDelete)
|
|
46
|
+
return;
|
|
47
|
+
if (accessCode == null)
|
|
48
|
+
return;
|
|
49
|
+
deleteCode({ access_code_id: accessCode.access_code_id }, {
|
|
50
|
+
onSuccess: () => {
|
|
51
|
+
setAccessCodeResult('deleted');
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
}, [accessCode, deleteCode, onDelete, preventDefaultOnDelete]);
|
|
25
55
|
if (accessCode == null) {
|
|
26
56
|
return null;
|
|
27
57
|
}
|
|
28
58
|
const name = accessCode.name ?? t.fallbackName;
|
|
59
|
+
const isAccessCodeBeingRemoved = accessCode.status === 'removing';
|
|
60
|
+
if (editFormOpen) {
|
|
61
|
+
return (_jsx(NestedEditAccessCodeForm, { accessCodeId: accessCode.access_code_id, errorFilter: errorFilter, warningFilter: warningFilter, disableLockUnlock: disableLockUnlock, disableCreateAccessCode: disableCreateAccessCode, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, disableResourceIds: disableResourceIds, disableConnectedAccountInformation: disableConnectedAccountInformation, disableClimateSettingSchedules: disableClimateSettingSchedules, onBack: () => {
|
|
62
|
+
setEditFormOpen(false);
|
|
63
|
+
}, onSuccess: () => {
|
|
64
|
+
setAccessCodeResult('updated');
|
|
65
|
+
setEditFormOpen(false);
|
|
66
|
+
}, className: className }));
|
|
67
|
+
}
|
|
29
68
|
if (selectedDeviceId != null) {
|
|
30
69
|
return (_jsx(NestedDeviceDetails, { deviceId: selectedDeviceId, errorFilter: errorFilter, warningFilter: warningFilter, disableLockUnlock: disableLockUnlock, disableCreateAccessCode: disableCreateAccessCode, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, disableResourceIds: disableResourceIds, disableConnectedAccountInformation: disableConnectedAccountInformation, disableClimateSettingSchedules: disableClimateSettingSchedules, onBack: () => {
|
|
31
70
|
selectDevice(null);
|
|
@@ -46,14 +85,22 @@ export function AccessCodeDetails({ accessCodeId, onEdit, errorFilter = () => tr
|
|
|
46
85
|
variant: 'warning',
|
|
47
86
|
message: warning.message,
|
|
48
87
|
})),
|
|
88
|
+
...(isAccessCodeBeingRemoved
|
|
89
|
+
? [
|
|
90
|
+
{
|
|
91
|
+
variant: 'warning',
|
|
92
|
+
message: t.warningRemoving,
|
|
93
|
+
},
|
|
94
|
+
]
|
|
95
|
+
: []),
|
|
49
96
|
];
|
|
50
|
-
return (_jsxs(
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
97
|
+
return (_jsxs(_Fragment, { children: [_jsx(Snackbar, { variant: 'success', message: snackbarMessage, visible: accessCodeResult != null, autoDismiss: true, onClose: () => {
|
|
98
|
+
setAccessCodeResult(null);
|
|
99
|
+
} }), _jsxs("div", { className: classNames('seam-access-code-details', className), children: [_jsx(ContentHeader, { title: 'Access code', onBack: onBack }), _jsxs("div", { className: 'seam-summary', children: [_jsxs("div", { className: classNames('seam-top', alerts.length > 0 && 'seam-top-has-alerts'), children: [_jsx("span", { className: 'seam-label', children: t.accessCode }), _jsx("h5", { className: 'seam-access-code-name', children: name }), _jsxs("div", { className: 'seam-code', children: [_jsx("span", { children: accessCode.code }), _jsx(IconButton, { onClick: () => {
|
|
100
|
+
void copyToClipboard(accessCode.code ?? '');
|
|
101
|
+
}, children: _jsx(CopyIcon, {}) })] }), _jsx("div", { className: 'seam-duration', children: _jsx(Duration, { accessCode: accessCode }) })] }), _jsx(Alerts, { alerts: alerts, className: 'seam-alerts-padded' }), _jsx(AccessCodeDevice, { deviceId: accessCode.device_id, disableLockUnlock: disableLockUnlock, onSelectDevice: selectDevice })] }), (!disableEditAccessCode || !disableDeleteAccessCode) && (_jsxs("div", { className: 'seam-actions', children: [!disableEditAccessCode && (_jsx(Button, { size: 'small', onClick: handleEdit, disabled: isAccessCodeBeingRemoved || isDeleting, children: t.editCode })), !disableDeleteAccessCode && (_jsx(Button, { size: 'small', onClick: handleDelete, disabled: isAccessCodeBeingRemoved || isDeleting, children: t.deleteCode }))] })), _jsxs("div", { className: 'seam-details', children: [!disableResourceIds && (_jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.id, ":"] }), _jsxs("div", { className: 'seam-content seam-code-id', children: [_jsx("span", { children: accessCode.access_code_id }), _jsx(IconButton, { onClick: () => {
|
|
102
|
+
void copyToClipboard(accessCode.access_code_id);
|
|
103
|
+
}, children: _jsx(CopyIcon, {}) })] })] })), _jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.created, ":"] }), _jsx("div", { className: 'seam-content', children: formatDate(accessCode.created_at) })] }), _jsxs("div", { className: 'seam-row seam-schedule', children: [_jsxs("div", { className: 'seam-heading', children: [t.timing, ":"] }), _jsx("div", { className: 'seam-content', children: _jsx(ScheduleInfo, { accessCode: accessCode }) })] })] })] })] }));
|
|
57
104
|
}
|
|
58
105
|
function ScheduleInfo({ accessCode }) {
|
|
59
106
|
if (accessCode.type === 'ongoing') {
|
|
@@ -90,6 +137,11 @@ const formatDate = (date) => DateTime.fromISO(date).toLocaleString({
|
|
|
90
137
|
day: 'numeric',
|
|
91
138
|
year: 'numeric',
|
|
92
139
|
});
|
|
140
|
+
const accessCodeResultToMessage = (result) => {
|
|
141
|
+
if (result === 'deleted')
|
|
142
|
+
return t.accessCodeDeleted;
|
|
143
|
+
return t.accessCodeUpdated;
|
|
144
|
+
};
|
|
93
145
|
const t = {
|
|
94
146
|
accessCode: 'Access code',
|
|
95
147
|
fallbackName: 'Code',
|
|
@@ -106,5 +158,8 @@ const t = {
|
|
|
106
158
|
at: 'at',
|
|
107
159
|
editCode: 'Edit code',
|
|
108
160
|
deleteCode: 'Delete code',
|
|
161
|
+
warningRemoving: 'This access code is currently being removed.',
|
|
162
|
+
accessCodeUpdated: 'Access code updated',
|
|
163
|
+
accessCodeDeleted: 'Access code is being removed',
|
|
109
164
|
};
|
|
110
165
|
//# sourceMappingURL=AccessCodeDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import type { AccessCode } from '@seamapi/types/connect';
|
|
|
3
3
|
export interface AccessCodeMenuProps {
|
|
4
4
|
accessCode: AccessCode;
|
|
5
5
|
onEdit: () => void;
|
|
6
|
+
onDeleteSuccess: () => void;
|
|
6
7
|
onViewDetails: () => void;
|
|
7
8
|
disableEditAccessCode: boolean;
|
|
8
9
|
disableDeleteAccessCode: boolean;
|
|
@@ -7,25 +7,33 @@ import { MenuItem } from '../../../../lib/ui/Menu/MenuItem.js';
|
|
|
7
7
|
import { MoreActionsMenu } from '../../../../lib/ui/Menu/MoreActionsMenu.js';
|
|
8
8
|
import { useToggle } from '../../../../lib/ui/use-toggle.js';
|
|
9
9
|
export function AccessCodeMenu(props) {
|
|
10
|
+
const [deleteConfirmationVisible, toggleDeleteConfirmation] = useToggle();
|
|
10
11
|
return (_jsx(MoreActionsMenu, { menuProps: {
|
|
11
12
|
backgroundProps: {
|
|
12
13
|
className: 'seam-table-action-menu',
|
|
13
14
|
},
|
|
14
|
-
|
|
15
|
+
onClose: () => {
|
|
16
|
+
if (deleteConfirmationVisible) {
|
|
17
|
+
toggleDeleteConfirmation();
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
}, children: _jsx(Content, { ...props, deleteConfirmationVisible: deleteConfirmationVisible, toggleDeleteConfirmation: toggleDeleteConfirmation }) }));
|
|
15
21
|
}
|
|
16
|
-
function Content({ accessCode, onViewDetails, disableEditAccessCode, disableDeleteAccessCode, onEdit, }) {
|
|
17
|
-
const [deleteConfirmationVisible, toggleDeleteConfirmation] = useToggle();
|
|
22
|
+
function Content({ accessCode, onViewDetails, disableEditAccessCode, disableDeleteAccessCode, onEdit, onDeleteSuccess, deleteConfirmationVisible, toggleDeleteConfirmation, }) {
|
|
18
23
|
const deleteAccessCode = useDeleteAccessCode();
|
|
24
|
+
const isAccessCodeBeingRemoved = accessCode.status === 'removing';
|
|
19
25
|
if (deleteConfirmationVisible) {
|
|
20
|
-
return (_jsxs("div", { className: 'seam-delete-confirmation', children: [_jsx("span", { children: t.deleteCodeConfirmation }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, {
|
|
26
|
+
return (_jsxs("div", { className: 'seam-delete-confirmation', children: [_jsx("span", { children: t.deleteCodeConfirmation }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { disabled: deleteAccessCode.isPending, children: t.cancelDelete }), _jsx(Button, { variant: 'solid', disabled: deleteAccessCode.isPending, onClick: () => {
|
|
21
27
|
deleteAccessCode.mutate({
|
|
22
28
|
access_code_id: accessCode.access_code_id,
|
|
29
|
+
}, {
|
|
30
|
+
onSuccess: onDeleteSuccess,
|
|
23
31
|
});
|
|
24
32
|
}, children: t.confirmDelete })] })] }));
|
|
25
33
|
}
|
|
26
34
|
return (_jsxs(_Fragment, { children: [_jsx(MenuItem, { onClick: () => {
|
|
27
35
|
void copyToClipboard(accessCode.code ?? '');
|
|
28
|
-
}, children: _jsxs("div", { className: 'seam-menu-item-copy', children: [_jsxs("span", { children: [t.copyCode, " - ", accessCode.code] }), _jsx(CopyIcon, {})] }) }), _jsx("div", { className: 'seam-divider' }), _jsx(MenuItem, { onClick: onViewDetails, children: t.viewCodeDetails }), !disableEditAccessCode && (_jsx(MenuItem, { onClick: onEdit, children: t.editCode })), !disableDeleteAccessCode && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'seam-divider' }), _jsx(MenuItem, { onClick: (event) => {
|
|
36
|
+
}, children: _jsxs("div", { className: 'seam-menu-item-copy', children: [_jsxs("span", { children: [t.copyCode, " - ", accessCode.code] }), _jsx(CopyIcon, {})] }) }), _jsx("div", { className: 'seam-divider' }), _jsx(MenuItem, { onClick: onViewDetails, children: t.viewCodeDetails }), !disableEditAccessCode && !isAccessCodeBeingRemoved && (_jsx(MenuItem, { onClick: onEdit, children: t.editCode })), !disableDeleteAccessCode && !isAccessCodeBeingRemoved && (_jsxs(_Fragment, { children: [_jsx("div", { className: 'seam-divider' }), _jsx(MenuItem, { onClick: (event) => {
|
|
29
37
|
event.stopPropagation(); // Prevent hiding menu on outside click
|
|
30
38
|
toggleDeleteConfirmation();
|
|
31
39
|
}, preventDefaultOnClick: true, className: 'seam-text-danger', children: t.deleteCode })] }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAA;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,8 @@ export interface AccessCodeRowProps {
|
|
|
4
4
|
accessCode: AccessCode;
|
|
5
5
|
onClick: () => void;
|
|
6
6
|
onEdit: () => void;
|
|
7
|
+
onDeleteSuccess: () => void;
|
|
7
8
|
disableEditAccessCode: boolean;
|
|
8
9
|
disableDeleteAccessCode: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare function AccessCodeRow({ onClick, accessCode, onEdit, disableEditAccessCode, disableDeleteAccessCode, }: AccessCodeRowProps): JSX.Element;
|
|
11
|
+
export declare function AccessCodeRow({ onClick, accessCode, onEdit, onDeleteSuccess, disableEditAccessCode, disableDeleteAccessCode, }: AccessCodeRowProps): JSX.Element;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
2
3
|
import { ExclamationCircleOutlineIcon } from '../../../../lib/icons/ExclamationCircleOutline.js';
|
|
3
4
|
import { TriangleWarningOutlineIcon } from '../../../../lib/icons/TriangleWarningOutline.js';
|
|
4
5
|
import { AccessCodeMainIcon } from '../../../../lib/seam/components/AccessCodeTable/AccessCodeMainIcon.js';
|
|
@@ -7,17 +8,21 @@ import { CodeDetails } from '../../../../lib/seam/components/AccessCodeTable/Cod
|
|
|
7
8
|
import { TableCell } from '../../../../lib/ui/Table/TableCell.js';
|
|
8
9
|
import { TableRow } from '../../../../lib/ui/Table/TableRow.js';
|
|
9
10
|
import { Title } from '../../../../lib/ui/typography/Title.js';
|
|
10
|
-
export function AccessCodeRow({ onClick, accessCode, onEdit, disableEditAccessCode, disableDeleteAccessCode, }) {
|
|
11
|
+
export function AccessCodeRow({ onClick, accessCode, onEdit, onDeleteSuccess, disableEditAccessCode, disableDeleteAccessCode, }) {
|
|
12
|
+
const isAccessCodeBeingRemoved = accessCode.status === 'removing';
|
|
11
13
|
const errorCount = accessCode.errors.length;
|
|
12
14
|
const warningCount = accessCode.warnings.length;
|
|
13
|
-
const
|
|
14
|
-
const errorIconTitle = isPlural
|
|
15
|
+
const errorIconTitle = errorCount === 0 || errorCount > 1
|
|
15
16
|
? `${errorCount} ${t.codeIssues}`
|
|
16
17
|
: `${errorCount} ${t.codeIssue}`;
|
|
17
|
-
const warningIconTitle =
|
|
18
|
+
const warningIconTitle = warningCount === 0 || warningCount > 1
|
|
18
19
|
? `${warningCount} ${t.codeIssues}`
|
|
19
20
|
: `${warningCount} ${t.codeIssue}`;
|
|
20
|
-
return (_jsxs(TableRow, { onClick: onClick, children: [_jsx(TableCell, { className: 'seam-icon-cell',
|
|
21
|
+
return (_jsxs(TableRow, { onClick: onClick, children: [_jsx(TableCell, { className: classNames('seam-icon-cell', {
|
|
22
|
+
'seam-grayed-out': isAccessCodeBeingRemoved,
|
|
23
|
+
}), children: _jsx(AccessCodeMainIcon, { accessCode: accessCode }) }), _jsxs(TableCell, { className: classNames('seam-name-cell', {
|
|
24
|
+
'seam-grayed-out': isAccessCodeBeingRemoved,
|
|
25
|
+
}), 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-issue-icon-wrap seam-invisible seam-md-flex', title: errorIconTitle, children: _jsx(ExclamationCircleOutlineIcon, {}) })), errorCount === 0 && warningCount > 0 && (_jsx("div", { className: 'seam-issue-icon-wrap seam-invisible seam-md-flex', title: warningIconTitle, children: _jsx(TriangleWarningOutlineIcon, {}) })), _jsx(AccessCodeMenu, { accessCode: accessCode, onEdit: onEdit, onDeleteSuccess: onDeleteSuccess, onViewDetails: onClick, disableDeleteAccessCode: disableDeleteAccessCode, disableEditAccessCode: disableEditAccessCode })] })] }));
|
|
21
26
|
}
|
|
22
27
|
const t = {
|
|
23
28
|
codeIssue: 'code issue',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeRow.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AccessCodeRow.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeRow.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAA;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAA;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAWlD,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,UAAU,EACV,MAAM,EACN,eAAe,EACf,qBAAqB,EACrB,uBAAuB,GACJ;IACnB,MAAM,wBAAwB,GAAG,UAAU,CAAC,MAAM,KAAK,UAAU,CAAA;IAEjE,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAA;IAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAA;IAC/C,MAAM,cAAc,GAClB,UAAU,KAAK,CAAC,IAAI,UAAU,GAAG,CAAC;QAChC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,UAAU,EAAE;QACjC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,SAAS,EAAE,CAAA;IACpC,MAAM,gBAAgB,GACpB,YAAY,KAAK,CAAC,IAAI,YAAY,GAAG,CAAC;QACpC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,UAAU,EAAE;QACnC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,SAAS,EAAE,CAAA;IAEtC,OAAO,CACL,MAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,aACxB,KAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE;oBACtC,iBAAiB,EAAE,wBAAwB;iBAC5C,CAAC,YAEF,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,GAAI,GACpC,EACZ,MAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE;oBACtC,iBAAiB,EAAE,wBAAwB;iBAC5C,CAAC,aAEF,KAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,YAAE,UAAU,CAAC,IAAI,GAAS,EAChE,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IAC7B,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,aACpC,UAAU,GAAG,CAAC,IAAI,CACjB,cACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,cAAc,YAErB,KAAC,4BAA4B,KAAG,GAC5B,CACP,EACA,UAAU,KAAK,CAAC,IAAI,YAAY,GAAG,CAAC,IAAI,CACvC,cACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,gBAAgB,YAEvB,KAAC,0BAA0B,KAAG,GAC1B,CACP,EACD,KAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,OAAO,EACtB,uBAAuB,EAAE,uBAAuB,EAChD,qBAAqB,EAAE,qBAAqB,GAC5C,IACQ,IACH,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,aAAa;CAC1B,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { useCallback, useMemo, useState } from 'react';
|
|
3
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
4
4
|
import { compareByCreatedAtDesc } from '../../../../lib/dates.js';
|
|
5
5
|
import { AddIcon } from '../../../../lib/icons/Add.js';
|
|
6
6
|
import { useAccessCodes } from '../../../../lib/seam/access-codes/use-access-codes.js';
|
|
@@ -23,15 +23,6 @@ import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js
|
|
|
23
23
|
import { Caption } from '../../../../lib/ui/typography/Caption.js';
|
|
24
24
|
import { useToggle } from '../../../../lib/ui/use-toggle.js';
|
|
25
25
|
export const NestedAccessCodeTable = withRequiredCommonProps(AccessCodeTable);
|
|
26
|
-
const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
27
|
-
const value = searchInputValue.trim().toLowerCase();
|
|
28
|
-
if (value === '')
|
|
29
|
-
return true;
|
|
30
|
-
const name = accessCode.name ?? '';
|
|
31
|
-
const code = accessCode.code ?? '';
|
|
32
|
-
return (name.trim().toLowerCase().includes(value) ||
|
|
33
|
-
code.trim().toLowerCase().includes(value));
|
|
34
|
-
};
|
|
35
26
|
export function AccessCodeTable({ deviceId, disableSearch = false, onAccessCodeClick = () => { }, preventDefaultOnAccessCodeClick = false, onBack, accessCodeFilter = defaultAccessCodeFilter, accessCodeComparator = compareByCreatedAtDesc, errorFilter = () => true, warningFilter = () => true, heading = t.accessCodes, className, disableCreateAccessCode = false, disableEditAccessCode = false, disableLockUnlock = false, disableDeleteAccessCode = false, disableResourceIds = false, disableConnectedAccountInformation = false, disableClimateSettingSchedules, }) {
|
|
36
27
|
useComponentTelemetry('AccessCodeTable');
|
|
37
28
|
const { accessCodes, isInitialLoading, isError, refetch } = useAccessCodes({
|
|
@@ -58,7 +49,17 @@ export function AccessCodeTable({ deviceId, disableSearch = false, onAccessCodeC
|
|
|
58
49
|
setSelectedEditAccessCodeId(accessCodeId);
|
|
59
50
|
}, [setSelectedEditAccessCodeId]);
|
|
60
51
|
const [accessCodeResult, setAccessCodeResult] = useState(null);
|
|
61
|
-
const
|
|
52
|
+
const [snackbarMessage, setSnackbarMessage] = useState('');
|
|
53
|
+
const handleAccessCodeDeleteSuccess = useCallback(() => {
|
|
54
|
+
setAccessCodeResult('deleted');
|
|
55
|
+
}, [setAccessCodeResult]);
|
|
56
|
+
// Circumvent Snackbar bug that causes it to switch to default message
|
|
57
|
+
// while the dismiss animation is playing
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
if (accessCodeResult !== null) {
|
|
60
|
+
setSnackbarMessage(accessCodeResultToMessage(accessCodeResult));
|
|
61
|
+
}
|
|
62
|
+
}, [accessCodeResult]);
|
|
62
63
|
if (selectedEditAccessCodeId != null) {
|
|
63
64
|
return (_jsx(NestedEditAccessCodeForm, { accessCodeId: selectedEditAccessCodeId, errorFilter: errorFilter, warningFilter: warningFilter, disableLockUnlock: disableLockUnlock, disableCreateAccessCode: disableCreateAccessCode, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, disableResourceIds: disableResourceIds, disableConnectedAccountInformation: disableConnectedAccountInformation, disableClimateSettingSchedules: disableClimateSettingSchedules, onBack: () => {
|
|
64
65
|
setSelectedEditAccessCodeId(null);
|
|
@@ -67,22 +68,18 @@ export function AccessCodeTable({ deviceId, disableSearch = false, onAccessCodeC
|
|
|
67
68
|
}, className: className }));
|
|
68
69
|
}
|
|
69
70
|
if (selectedViewAccessCodeId != null) {
|
|
70
|
-
return (
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
setSelectedEditAccessCodeId(selectedViewAccessCodeId);
|
|
74
|
-
}, errorFilter: errorFilter, warningFilter: warningFilter, disableLockUnlock: disableLockUnlock, disableCreateAccessCode: disableCreateAccessCode, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, disableResourceIds: disableResourceIds, disableConnectedAccountInformation: disableConnectedAccountInformation, disableClimateSettingSchedules: disableClimateSettingSchedules, onBack: () => {
|
|
75
|
-
setSelectedViewAccessCodeId(null);
|
|
76
|
-
}, className: className })] }));
|
|
71
|
+
return (_jsx(NestedAccessCodeDetails, { accessCodeId: selectedViewAccessCodeId, errorFilter: errorFilter, warningFilter: warningFilter, disableLockUnlock: disableLockUnlock, disableCreateAccessCode: disableCreateAccessCode, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, disableResourceIds: disableResourceIds, disableConnectedAccountInformation: disableConnectedAccountInformation, disableClimateSettingSchedules: disableClimateSettingSchedules, onBack: () => {
|
|
72
|
+
setSelectedViewAccessCodeId(null);
|
|
73
|
+
}, className: className }));
|
|
77
74
|
}
|
|
78
75
|
if (addAccessCodeFormVisible) {
|
|
79
76
|
return (_jsx(NestedCreateAccessCodeForm, { deviceId: deviceId, errorFilter: errorFilter, warningFilter: warningFilter, disableLockUnlock: disableLockUnlock, disableCreateAccessCode: disableCreateAccessCode, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, disableResourceIds: disableResourceIds, disableConnectedAccountInformation: disableConnectedAccountInformation, disableClimateSettingSchedules: disableClimateSettingSchedules, onBack: toggleAddAccessCodeForm, className: className, onSuccess: () => {
|
|
80
77
|
setAccessCodeResult('created');
|
|
81
78
|
} }));
|
|
82
79
|
}
|
|
83
|
-
return (_jsxs(_Fragment, { children: [_jsx(Snackbar, { variant: 'success', message:
|
|
80
|
+
return (_jsxs(_Fragment, { children: [_jsx(Snackbar, { variant: 'success', message: snackbarMessage, visible: accessCodeResult != null, autoDismiss: true, onClose: () => {
|
|
84
81
|
setAccessCodeResult(null);
|
|
85
|
-
} }), _jsxs("div", { className: classNames('seam-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [heading != null ? (_jsxs(TableTitle, { children: [heading, " ", _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] })] })) : (_jsx("div", { className: 'seam-fragment' })), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-button', children: _jsx(AddIcon, {}) }))] }), _jsx("div", { className: 'seam-table-header-loading-wrap', children: _jsx(LoadingToast, { isLoading: isInitialLoading, label: t.loading, top: -20 }) }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick, onAccessCodeEdit: handleAccessCodeEdit, errorFilter: errorFilter, warningFilter: warningFilter, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode }) }), _jsx(Snackbar, { variant: 'error', visible: isError, message: t.fallbackErrorMessage, action: {
|
|
82
|
+
} }), _jsxs("div", { className: classNames('seam-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs("div", { className: 'seam-left', children: [heading != null ? (_jsxs(TableTitle, { children: [heading, " ", _jsxs(Caption, { children: ["(", filteredAccessCodes.length, ")"] })] })) : (_jsx("div", { className: 'seam-fragment' })), !disableCreateAccessCode && (_jsx(IconButton, { onClick: toggleAddAccessCodeForm, className: 'seam-add-button', children: _jsx(AddIcon, {}) }))] }), _jsx("div", { className: 'seam-table-header-loading-wrap', children: _jsx(LoadingToast, { isLoading: isInitialLoading, label: t.loading, top: -20 }) }), !disableSearch && (_jsx(SearchTextField, { value: searchInputValue, onChange: setSearchInputValue, disabled: (accessCodes?.length ?? 0) === 0 }))] }), _jsx(TableBody, { children: _jsx(Content, { accessCodes: filteredAccessCodes, onAccessCodeClick: handleAccessCodeClick, onAccessCodeEdit: handleAccessCodeEdit, onAccessCodeDeleteSuccess: handleAccessCodeDeleteSuccess, errorFilter: errorFilter, warningFilter: warningFilter, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode }) }), _jsx(Snackbar, { variant: 'error', visible: isError, message: t.fallbackErrorMessage, action: {
|
|
86
83
|
label: t.tryAgain,
|
|
87
84
|
onClick: () => {
|
|
88
85
|
void refetch();
|
|
@@ -90,7 +87,7 @@ export function AccessCodeTable({ deviceId, disableSearch = false, onAccessCodeC
|
|
|
90
87
|
}, disableCloseButton: true })] })] }));
|
|
91
88
|
}
|
|
92
89
|
function Content(props) {
|
|
93
|
-
const { accessCodes, onAccessCodeClick, onAccessCodeEdit, errorFilter, warningFilter, disableEditAccessCode, disableDeleteAccessCode, } = props;
|
|
90
|
+
const { accessCodes, onAccessCodeClick, onAccessCodeEdit, onAccessCodeDeleteSuccess, errorFilter, warningFilter, disableEditAccessCode, disableDeleteAccessCode, } = props;
|
|
94
91
|
const [filter, setFilter] = useState(null);
|
|
95
92
|
const filteredAccessCodes = useMemo(() => {
|
|
96
93
|
if (filter === null) {
|
|
@@ -110,14 +107,33 @@ function Content(props) {
|
|
|
110
107
|
onAccessCodeClick(accessCode.access_code_id);
|
|
111
108
|
}, disableEditAccessCode: disableEditAccessCode, disableDeleteAccessCode: disableDeleteAccessCode, onEdit: () => {
|
|
112
109
|
onAccessCodeEdit(accessCode.access_code_id);
|
|
110
|
+
}, onDeleteSuccess: () => {
|
|
111
|
+
onAccessCodeDeleteSuccess(accessCode.access_code_id);
|
|
113
112
|
} }, accessCode.access_code_id)))] }));
|
|
114
113
|
}
|
|
114
|
+
const defaultAccessCodeFilter = (accessCode, searchInputValue) => {
|
|
115
|
+
const value = searchInputValue.trim().toLowerCase();
|
|
116
|
+
if (value === '')
|
|
117
|
+
return true;
|
|
118
|
+
const name = accessCode.name ?? '';
|
|
119
|
+
const code = accessCode.code ?? '';
|
|
120
|
+
return (name.trim().toLowerCase().includes(value) ||
|
|
121
|
+
code.trim().toLowerCase().includes(value));
|
|
122
|
+
};
|
|
123
|
+
const accessCodeResultToMessage = (result) => {
|
|
124
|
+
if (result === 'created')
|
|
125
|
+
return t.accessCodeCreated;
|
|
126
|
+
if (result === 'deleted')
|
|
127
|
+
return t.accessCodeDeleted;
|
|
128
|
+
return t.accessCodeUpdated;
|
|
129
|
+
};
|
|
115
130
|
const t = {
|
|
116
131
|
accessCodes: 'Access Codes',
|
|
117
132
|
noAccessCodesMessage: 'Sorry, no access codes were found',
|
|
118
133
|
loading: 'Loading access codes',
|
|
119
|
-
|
|
120
|
-
|
|
134
|
+
accessCodeUpdated: 'Access code updated',
|
|
135
|
+
accessCodeCreated: 'Access code created',
|
|
136
|
+
accessCodeDeleted: 'Access code is being removed',
|
|
121
137
|
tryAgain: 'Try again',
|
|
122
138
|
fallbackErrorMessage: 'Access codes could not be loaded',
|
|
123
139
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":"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"}
|
package/lib/ui/Menu/Menu.d.ts
CHANGED
|
@@ -9,10 +9,11 @@ export interface MenuProps extends PropsWithChildren {
|
|
|
9
9
|
backgroundProps?: Partial<{
|
|
10
10
|
className?: string;
|
|
11
11
|
}>;
|
|
12
|
+
onClose?: () => void;
|
|
12
13
|
}
|
|
13
14
|
interface MenuContext {
|
|
14
15
|
close: () => void;
|
|
15
16
|
}
|
|
16
|
-
export declare function Menu({ verticalOffset, horizontalOffset, edgeOffset, children, renderButton, backgroundProps, }: MenuProps): JSX.Element | null;
|
|
17
|
+
export declare function Menu({ verticalOffset, horizontalOffset, edgeOffset, children, renderButton, backgroundProps, onClose, }: MenuProps): JSX.Element | null;
|
|
17
18
|
export declare function useMenu(): MenuContext;
|
|
18
19
|
export {};
|
package/lib/ui/Menu/Menu.js
CHANGED
|
@@ -6,7 +6,7 @@ import { seamComponentsClassName } from '../../../lib/seam/SeamProvider.js';
|
|
|
6
6
|
const menuContext = createContext({
|
|
7
7
|
close: () => { },
|
|
8
8
|
});
|
|
9
|
-
export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, children, renderButton, backgroundProps, }) {
|
|
9
|
+
export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5, children, renderButton, backgroundProps, onClose, }) {
|
|
10
10
|
const { Provider } = menuContext;
|
|
11
11
|
const [documentEl, setDocumentEl] = useState(null);
|
|
12
12
|
const [bodyEl, setBodyEl] = useState(null);
|
|
@@ -23,6 +23,7 @@ export function Menu({ verticalOffset = 5, horizontalOffset = 0, edgeOffset = 5,
|
|
|
23
23
|
setBodyEl(bodyElements[0]);
|
|
24
24
|
}, [setDocumentEl]);
|
|
25
25
|
const handleClose = () => {
|
|
26
|
+
onClose?.();
|
|
26
27
|
setAnchorEl(null);
|
|
27
28
|
};
|
|
28
29
|
const handleOpen = (event) => {
|
package/lib/ui/Menu/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EACL,aAAa,EAGb,WAAW,EACX,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/lib/ui/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "3.0
|
|
1
|
+
declare const seamapiReactVersion = "3.1.0";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@ import type {
|
|
|
2
2
|
AccessCodesDeleteParams,
|
|
3
3
|
SeamHttpApiError,
|
|
4
4
|
} from '@seamapi/http/connect'
|
|
5
|
+
import type { AccessCode } from '@seamapi/types/connect'
|
|
5
6
|
import {
|
|
6
7
|
useMutation,
|
|
7
8
|
type UseMutationResult,
|
|
@@ -42,6 +43,20 @@ export function useDeleteAccessCode(): UseMutationResult<
|
|
|
42
43
|
],
|
|
43
44
|
})
|
|
44
45
|
void queryClient.invalidateQueries({ queryKey: ['access_codes', 'list'] })
|
|
46
|
+
|
|
47
|
+
queryClient.setQueryData<AccessCode | null>(
|
|
48
|
+
['access_codes', 'get', { access_code_id: variables.access_code_id }],
|
|
49
|
+
(accessCode) => {
|
|
50
|
+
if (accessCode == null) {
|
|
51
|
+
return
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
return {
|
|
55
|
+
...accessCode,
|
|
56
|
+
status: 'removing',
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
)
|
|
45
60
|
},
|
|
46
61
|
})
|
|
47
62
|
}
|
|
@@ -7,6 +7,9 @@ export const name = 'seam-access-code-details'
|
|
|
7
7
|
export const props: ElementProps<AccessCodeDetailsProps> = {
|
|
8
8
|
accessCodeId: 'string',
|
|
9
9
|
onEdit: 'object',
|
|
10
|
+
preventDefaultOnEdit: 'boolean',
|
|
11
|
+
onDelete: 'object',
|
|
12
|
+
preventDefaultOnDelete: 'boolean',
|
|
10
13
|
}
|
|
11
14
|
|
|
12
15
|
export { AccessCodeDetails as Component } from './AccessCodeDetails.js'
|