@seamapi/react 0.21.0 → 0.21.1
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/lib/ui/AccessCodeTable/AccessCodeTable.d.ts +3 -2
- package/lib/ui/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx +6 -2
- package/lib/ui/AccessCodeTable/AccessCodeTableContent.d.ts +0 -6
- package/lib/ui/AccessCodeTable/AccessCodeTableContent.js +0 -19
- package/lib/ui/AccessCodeTable/AccessCodeTableContent.js.map +0 -1
- package/src/lib/ui/AccessCodeTable/AccessCodeTableContent.tsx +0 -54
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,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,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,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,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAOlD,MAAM,UAAU,eAAe,CAC7B,KAA2B;IAE3B,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;QACrC,SAAS,EAAE,KAAK,CAAC,QAAQ;KAC1B,CAAC,CAAA;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CACrD,IAAI,CACL,CAAA;IAED,IAAI,kBAAkB,IAAI,IAAI,EAAE;QAC9B,OAAO,CACL,KAAC,iBAAiB,IAChB,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,GAAG,EAAE;gBACX,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACxB,CAAC,GACD,CACH,CAAA;KACF;IAED,IAAI,WAAW,IAAI,IAAI,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,KAAC,WAAW,cACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,WAAW,CAAC,MAAM,SAAY,IAC9C,GACD,EACd,KAAC,SAAS,cACP,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;wBACZ,gBAAgB,CAAC,IAAI,CAAC,CAAA;oBACxB,CAAC,aAED,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,cAAE,IAAI,CAAC,IAAI,GAAS,EAC1B,KAAC,WAAW,IAAC,UAAU,EAAE,IAAI,GAAI,IACvB,EACZ,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,KAdrC,IAAI,CAAC,cAAc,CAef,CACZ,CAAC,GACQ,IACR,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;CAC5B,CAAA"}
|
package/package.json
CHANGED
|
@@ -14,10 +14,14 @@ import { TableTitle } from 'lib/ui/Table/TableTitle.js'
|
|
|
14
14
|
import { Caption } from 'lib/ui/typography/Caption.js'
|
|
15
15
|
import { Title } from 'lib/ui/typography/Title.js'
|
|
16
16
|
|
|
17
|
-
export
|
|
17
|
+
export interface AccessCodeTableProps {
|
|
18
18
|
deviceId: string
|
|
19
19
|
onBack?: () => void
|
|
20
|
-
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export function AccessCodeTable(
|
|
23
|
+
props: AccessCodeTableProps
|
|
24
|
+
): JSX.Element | null {
|
|
21
25
|
const { accessCodes } = useAccessCodes({
|
|
22
26
|
device_id: props.deviceId,
|
|
23
27
|
})
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AccessCodeKeyIcon } from '../../../lib/icons/AccessCodeKey.js';
|
|
3
|
-
import { CodeDetails } from '../../../lib/ui/AccessCodeTable/CodeDetails.js';
|
|
4
|
-
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
|
|
5
|
-
import { TableBody } from '../../../lib/ui/Table/TableBody.js';
|
|
6
|
-
import { TableCell } from '../../../lib/ui/Table/TableCell.js';
|
|
7
|
-
import { TableHeader } from '../../../lib/ui/Table/TableHeader.js';
|
|
8
|
-
import { TableRow } from '../../../lib/ui/Table/TableRow.js';
|
|
9
|
-
import { TableTitle } from '../../../lib/ui/Table/TableTitle.js';
|
|
10
|
-
import { Caption } from '../../../lib/ui/typography/Caption.js';
|
|
11
|
-
import { Title } from '../../../lib/ui/typography/Title.js';
|
|
12
|
-
export function AccessCodeTableContent(props) {
|
|
13
|
-
const { accessCodes, onBack } = props;
|
|
14
|
-
return (_jsxs("div", { className: 'seam-access-code-table', children: [_jsx(ContentHeader, { onBack: onBack }), _jsx(TableHeader, { children: _jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", accessCodes.length, ")"] })] }) }), _jsx(TableBody, { children: accessCodes.map((code) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { children: code.name }), _jsx(CodeDetails, { accessCode: code })] }), _jsx(TableCell, { className: 'seam-action-cell' })] }, code.access_code_id))) })] }));
|
|
15
|
-
}
|
|
16
|
-
const t = {
|
|
17
|
-
accessCodes: 'Access Codes',
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=AccessCodeTableContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTableContent.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTableContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,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,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAOlD,MAAM,UAAU,sBAAsB,CACpC,KAAkC;IAElC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAErC,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,KAAC,WAAW,cACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,WAAW,CAAC,MAAM,SAAY,IAC9C,GACD,EACd,KAAC,SAAS,cACP,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,QAAQ,eACP,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,cAAE,IAAI,CAAC,IAAI,GAAS,EAC1B,KAAC,WAAW,IAAC,UAAU,EAAE,IAAI,GAAI,IACvB,EACZ,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,KAV7B,IAAI,CAAC,cAAc,CAWvB,CACZ,CAAC,GACQ,IACR,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;CAC5B,CAAA"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import type { AccessCode } from 'seamapi'
|
|
2
|
-
|
|
3
|
-
import { AccessCodeKeyIcon } from 'lib/icons/AccessCodeKey.js'
|
|
4
|
-
import { CodeDetails } from 'lib/ui/AccessCodeTable/CodeDetails.js'
|
|
5
|
-
import { ContentHeader } from 'lib/ui/layout/ContentHeader.js'
|
|
6
|
-
import { TableBody } from 'lib/ui/Table/TableBody.js'
|
|
7
|
-
import { TableCell } from 'lib/ui/Table/TableCell.js'
|
|
8
|
-
import { TableHeader } from 'lib/ui/Table/TableHeader.js'
|
|
9
|
-
import { TableRow } from 'lib/ui/Table/TableRow.js'
|
|
10
|
-
import { TableTitle } from 'lib/ui/Table/TableTitle.js'
|
|
11
|
-
import { Caption } from 'lib/ui/typography/Caption.js'
|
|
12
|
-
import { Title } from 'lib/ui/typography/Title.js'
|
|
13
|
-
|
|
14
|
-
export interface AccessCodeTableContentProps {
|
|
15
|
-
accessCodes: AccessCode[]
|
|
16
|
-
onBack?: () => void
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export function AccessCodeTableContent(
|
|
20
|
-
props: AccessCodeTableContentProps
|
|
21
|
-
): JSX.Element {
|
|
22
|
-
const { accessCodes, onBack } = props
|
|
23
|
-
|
|
24
|
-
return (
|
|
25
|
-
<div className='seam-access-code-table'>
|
|
26
|
-
<ContentHeader onBack={onBack} />
|
|
27
|
-
<TableHeader>
|
|
28
|
-
<TableTitle>
|
|
29
|
-
{t.accessCodes} <Caption>({accessCodes.length})</Caption>
|
|
30
|
-
</TableTitle>
|
|
31
|
-
</TableHeader>
|
|
32
|
-
<TableBody>
|
|
33
|
-
{accessCodes.map((code) => (
|
|
34
|
-
<TableRow key={code.access_code_id}>
|
|
35
|
-
<TableCell className='seam-icon-cell'>
|
|
36
|
-
<div>
|
|
37
|
-
<AccessCodeKeyIcon />
|
|
38
|
-
</div>
|
|
39
|
-
</TableCell>
|
|
40
|
-
<TableCell className='seam-name-cell'>
|
|
41
|
-
<Title>{code.name}</Title>
|
|
42
|
-
<CodeDetails accessCode={code} />
|
|
43
|
-
</TableCell>
|
|
44
|
-
<TableCell className='seam-action-cell' />
|
|
45
|
-
</TableRow>
|
|
46
|
-
))}
|
|
47
|
-
</TableBody>
|
|
48
|
-
</div>
|
|
49
|
-
)
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
const t = {
|
|
53
|
-
accessCodes: 'Access Codes',
|
|
54
|
-
}
|