@seamapi/react 0.9.1 → 0.11.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/index.css +243 -105
- package/index.css.map +1 -1
- package/index.min.css +1 -1
- package/index.min.css.map +1 -1
- package/lib/{provider.d.ts → SeamProvider.d.ts} +3 -3
- package/lib/{provider.js → SeamProvider.js} +9 -2
- package/lib/SeamProvider.js.map +1 -0
- package/lib/icons/AccessCodeKey.d.ts +2 -0
- package/lib/icons/AccessCodeKey.js +3 -0
- package/lib/icons/AccessCodeKey.js.map +1 -0
- package/lib/icons/ArrowBack.d.ts +2 -0
- package/lib/icons/ArrowBack.js +5 -0
- package/lib/icons/ArrowBack.js.map +1 -0
- package/lib/icons/BatteryLevelCritical.d.ts +2 -0
- package/lib/icons/BatteryLevelCritical.js +3 -0
- package/lib/icons/BatteryLevelCritical.js.map +1 -0
- package/lib/icons/BatteryLevelFull.d.ts +2 -0
- package/lib/icons/BatteryLevelFull.js +3 -0
- package/lib/icons/BatteryLevelFull.js.map +1 -0
- package/lib/icons/BatteryLevelHigh.d.ts +2 -0
- package/lib/icons/BatteryLevelHigh.js +3 -0
- package/lib/icons/BatteryLevelHigh.js.map +1 -0
- package/lib/icons/BatteryLevelLow.d.ts +2 -0
- package/lib/icons/BatteryLevelLow.js +3 -0
- package/lib/icons/BatteryLevelLow.js.map +1 -0
- package/lib/icons/BatteryLevelWired.d.ts +2 -0
- package/lib/icons/BatteryLevelWired.js +5 -0
- package/lib/icons/BatteryLevelWired.js.map +1 -0
- package/lib/icons/ChevronRight.d.ts +2 -0
- package/lib/icons/ChevronRight.js +5 -0
- package/lib/icons/ChevronRight.js.map +1 -0
- package/lib/icons/DotsEllipsisMore.d.ts +2 -0
- package/lib/icons/DotsEllipsisMore.js +5 -0
- package/lib/icons/DotsEllipsisMore.js.map +1 -0
- package/lib/icons/OnlineStatusAccountOffline.d.ts +2 -0
- package/lib/icons/OnlineStatusAccountOffline.js +5 -0
- package/lib/icons/OnlineStatusAccountOffline.js.map +1 -0
- package/lib/icons/OnlineStatusDeviceOffline.d.ts +2 -0
- package/lib/icons/OnlineStatusDeviceOffline.js +3 -0
- package/lib/icons/OnlineStatusDeviceOffline.js.map +1 -0
- package/lib/icons/OnlineStatusOnline.d.ts +2 -0
- package/lib/icons/OnlineStatusOnline.js +3 -0
- package/lib/icons/OnlineStatusOnline.js.map +1 -0
- package/lib/icons/index.d.ts +12 -0
- package/lib/icons/index.js +12 -0
- package/lib/icons/index.js.map +1 -1
- package/lib/index.d.ts +3 -3
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/seam/devices/index.d.ts +1 -0
- package/lib/seam/devices/index.js +2 -0
- package/lib/seam/devices/index.js.map +1 -0
- package/lib/{hooks → seam/devices}/use-devices.js +3 -3
- package/lib/seam/devices/use-devices.js.map +1 -0
- package/lib/seam/index.d.ts +2 -0
- package/lib/seam/index.js +3 -0
- package/lib/seam/index.js.map +1 -0
- package/lib/{hooks/use-seam.d.ts → seam/use-seam-client.d.ts} +1 -1
- package/lib/{hooks/use-seam.js → seam/use-seam-client.js} +4 -5
- package/lib/seam/use-seam-client.js.map +1 -0
- package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts +5 -0
- package/lib/ui/AccessCodeTable/AccessCodeTable.js +15 -0
- package/lib/ui/AccessCodeTable/AccessCodeTable.js.map +1 -0
- package/lib/ui/AccessCodeTable/CodeDetails.d.ts +4 -0
- package/lib/ui/AccessCodeTable/CodeDetails.js +28 -0
- package/lib/ui/AccessCodeTable/CodeDetails.js.map +1 -0
- package/lib/ui/AccessCodeTable/index.d.ts +2 -0
- package/lib/ui/AccessCodeTable/index.js +3 -0
- package/lib/ui/AccessCodeTable/index.js.map +1 -0
- package/lib/ui/DeviceDetails/BatteryStatus.d.ts +4 -0
- package/lib/ui/DeviceDetails/BatteryStatus.js +41 -0
- package/lib/ui/DeviceDetails/BatteryStatus.js.map +1 -0
- package/lib/ui/DeviceDetails/DeviceDetails.d.ts +4 -0
- package/lib/ui/DeviceDetails/DeviceDetails.js +38 -0
- package/lib/ui/DeviceDetails/DeviceDetails.js.map +1 -0
- package/lib/ui/DeviceDetails/DeviceImage.d.ts +4 -0
- package/lib/ui/DeviceDetails/DeviceImage.js +8 -0
- package/lib/ui/DeviceDetails/DeviceImage.js.map +1 -0
- package/lib/ui/DeviceDetails/ModelStatus.d.ts +4 -0
- package/lib/ui/DeviceDetails/ModelStatus.js +15 -0
- package/lib/ui/DeviceDetails/ModelStatus.js.map +1 -0
- package/lib/ui/DeviceDetails/OnlineStatus.d.ts +4 -0
- package/lib/ui/DeviceDetails/OnlineStatus.js +21 -0
- package/lib/ui/DeviceDetails/OnlineStatus.js.map +1 -0
- package/lib/ui/DeviceDetails/index.d.ts +5 -0
- package/lib/ui/DeviceDetails/index.js +6 -0
- package/lib/ui/DeviceDetails/index.js.map +1 -0
- package/lib/{components → ui}/DeviceManager/DeviceManager.d.ts +2 -3
- package/lib/{components → ui}/DeviceManager/DeviceManager.js +1 -1
- package/lib/ui/DeviceManager/DeviceManager.js.map +1 -0
- package/lib/ui/DeviceManager/index.d.ts +1 -0
- package/lib/ui/DeviceManager/index.js +2 -0
- package/lib/ui/DeviceManager/index.js.map +1 -0
- package/lib/ui/IconButton.d.ts +2 -0
- package/lib/ui/IconButton.js +5 -0
- package/lib/ui/IconButton.js.map +1 -0
- package/lib/ui/Table/TableBody.d.ts +4 -0
- package/lib/ui/Table/TableBody.js +5 -0
- package/lib/ui/Table/TableBody.js.map +1 -0
- package/lib/ui/Table/TableCell.d.ts +2 -0
- package/lib/ui/Table/TableCell.js +6 -0
- package/lib/ui/Table/TableCell.js.map +1 -0
- package/lib/ui/Table/TableHeader.d.ts +4 -0
- package/lib/ui/Table/TableHeader.js +5 -0
- package/lib/ui/Table/TableHeader.js.map +1 -0
- package/lib/ui/Table/TableRow.d.ts +2 -0
- package/lib/ui/Table/TableRow.js +5 -0
- package/lib/ui/Table/TableRow.js.map +1 -0
- package/lib/ui/Table/TableTitle.d.ts +4 -0
- package/lib/ui/Table/TableTitle.js +5 -0
- package/lib/ui/Table/TableTitle.js.map +1 -0
- package/lib/ui/Table/index.d.ts +5 -0
- package/lib/ui/Table/index.js +6 -0
- package/lib/ui/Table/index.js.map +1 -0
- package/lib/ui/TextField/SearchTextField.d.ts +2 -0
- package/lib/ui/TextField/SearchTextField.js +7 -0
- package/lib/ui/TextField/SearchTextField.js.map +1 -0
- package/lib/ui/TextField/TextField.d.ts +7 -0
- package/lib/ui/TextField/TextField.js +10 -0
- package/lib/ui/TextField/TextField.js.map +1 -0
- package/lib/ui/TextField/index.d.ts +2 -0
- package/lib/ui/TextField/index.js +3 -0
- package/lib/ui/TextField/index.js.map +1 -0
- package/lib/ui/index.js.map +1 -0
- package/lib/ui/layout/ContentHeader.d.ts +4 -0
- package/lib/ui/layout/ContentHeader.js +12 -0
- package/lib/ui/layout/ContentHeader.js.map +1 -0
- package/lib/ui/layout/DotDivider.d.ts +1 -0
- package/lib/ui/layout/DotDivider.js +5 -0
- package/lib/ui/layout/DotDivider.js.map +1 -0
- package/lib/ui/types.d.ts +3 -0
- package/lib/ui/types.js +2 -0
- package/lib/ui/types.js.map +1 -0
- package/lib/ui/typography/Caption.d.ts +4 -0
- package/lib/ui/typography/Caption.js +5 -0
- package/lib/ui/typography/Caption.js.map +1 -0
- package/lib/ui/typography/Title.d.ts +4 -0
- package/lib/ui/typography/Title.js +5 -0
- package/lib/ui/typography/Title.js.map +1 -0
- package/lib/use-toggle.d.ts +5 -0
- package/lib/use-toggle.js +14 -0
- package/lib/use-toggle.js.map +1 -0
- package/package.json +8 -1
- package/src/icons/access-code-key.svg +3 -0
- package/src/icons/arrow-back.svg +8 -0
- package/src/icons/battery-level-critical.svg +4 -0
- package/src/icons/battery-level-full.svg +4 -0
- package/src/icons/battery-level-high.svg +4 -0
- package/src/icons/battery-level-low.svg +4 -0
- package/src/icons/battery-level-wired.svg +8 -0
- package/src/icons/chevron-right.svg +8 -0
- package/src/icons/dots-ellipsis-more.svg +8 -0
- package/src/icons/online-status-account-offline.svg +8 -0
- package/src/icons/online-status-device-offline.svg +4 -0
- package/src/icons/online-status-online.svg +4 -0
- package/src/index.scss +1 -2
- package/src/lib/{provider.tsx → SeamProvider.tsx} +17 -3
- package/src/lib/icons/AccessCodeKey.tsx +19 -0
- package/src/lib/icons/ArrowBack.tsx +30 -0
- package/src/lib/icons/BatteryLevelCritical.tsx +27 -0
- package/src/lib/icons/BatteryLevelFull.tsx +20 -0
- package/src/lib/icons/BatteryLevelHigh.tsx +27 -0
- package/src/lib/icons/BatteryLevelLow.tsx +27 -0
- package/src/lib/icons/BatteryLevelWired.tsx +34 -0
- package/src/lib/icons/ChevronRight.tsx +32 -0
- package/src/lib/icons/DotsEllipsisMore.tsx +32 -0
- package/src/lib/icons/OnlineStatusAccountOffline.tsx +32 -0
- package/src/lib/icons/OnlineStatusDeviceOffline.tsx +23 -0
- package/src/lib/icons/OnlineStatusOnline.tsx +21 -0
- package/src/lib/icons/index.ts +12 -0
- package/src/lib/index.ts +3 -3
- package/src/lib/seam/devices/index.ts +1 -0
- package/src/lib/{hooks → seam/devices}/use-devices.ts +3 -3
- package/src/lib/seam/index.ts +2 -0
- package/src/lib/{hooks/use-seam.ts → seam/use-seam-client.ts} +3 -5
- package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx +57 -0
- package/src/lib/ui/AccessCodeTable/CodeDetails.tsx +51 -0
- package/src/lib/ui/AccessCodeTable/index.ts +2 -0
- package/src/lib/ui/DeviceDetails/BatteryStatus.tsx +81 -0
- package/src/lib/ui/DeviceDetails/DeviceDetails.tsx +99 -0
- package/src/lib/ui/DeviceDetails/DeviceImage.tsx +12 -0
- package/src/lib/ui/DeviceDetails/ModelStatus.tsx +27 -0
- package/src/lib/ui/DeviceDetails/OnlineStatus.tsx +44 -0
- package/src/lib/ui/DeviceDetails/index.ts +5 -0
- package/src/lib/{components → ui}/DeviceManager/DeviceManager.tsx +6 -4
- package/src/lib/ui/DeviceManager/index.ts +1 -0
- package/src/lib/ui/IconButton.tsx +5 -0
- package/src/lib/ui/Table/TableBody.tsx +5 -0
- package/src/lib/ui/Table/TableCell.tsx +9 -0
- package/src/lib/ui/Table/TableHeader.tsx +5 -0
- package/src/lib/ui/Table/TableRow.tsx +5 -0
- package/src/lib/ui/Table/TableTitle.tsx +5 -0
- package/src/lib/ui/Table/index.ts +5 -0
- package/src/lib/ui/TextField/SearchTextField.tsx +12 -0
- package/src/lib/ui/TextField/TextField.tsx +26 -0
- package/src/lib/ui/TextField/index.ts +2 -0
- package/src/lib/ui/layout/ContentHeader.tsx +21 -0
- package/src/lib/ui/layout/DotDivider.tsx +3 -0
- package/src/lib/ui/types.ts +4 -0
- package/src/lib/ui/typography/Caption.tsx +5 -0
- package/src/lib/ui/typography/Title.tsx +5 -0
- package/src/lib/use-toggle.ts +18 -0
- package/src/styles/access-code-table.scss +52 -0
- package/src/styles/buttons.scss +15 -0
- package/src/styles/content-header.scss +21 -0
- package/src/styles/device-details.scss +134 -0
- package/src/styles/inputs.scss +6 -0
- package/src/styles/main.scss +28 -0
- package/src/styles/tables.scss +36 -0
- package/src/styles/typography.scss +16 -0
- package/lib/components/DeviceManager/DeviceManager.js.map +0 -1
- package/lib/components/index.js.map +0 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks/index.js +0 -2
- package/lib/hooks/index.js.map +0 -1
- package/lib/hooks/use-devices.js.map +0 -1
- package/lib/hooks/use-seam.js.map +0 -1
- package/lib/provider.js.map +0 -1
- package/src/lib/hooks/index.ts +0 -1
- package/src/styles/_main.scss +0 -10
- /package/lib/{hooks → seam/devices}/use-devices.d.ts +0 -0
- /package/lib/{components → ui}/index.d.ts +0 -0
- /package/lib/{components → ui}/index.js +0 -0
- /package/src/lib/{components → ui}/index.ts +0 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import classNames from 'classnames'
|
|
2
|
+
|
|
3
|
+
import { TextField, type TextFieldProps } from 'lib/ui/TextField/index.js'
|
|
4
|
+
|
|
5
|
+
export function SearchTextField({ className, ...otherProps }: TextFieldProps) {
|
|
6
|
+
return (
|
|
7
|
+
<TextField
|
|
8
|
+
{...otherProps}
|
|
9
|
+
className={classNames(className, 'seam-search-text-field')}
|
|
10
|
+
/>
|
|
11
|
+
)
|
|
12
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import classNames from 'classnames'
|
|
2
|
+
import type { ChangeEvent, InputHTMLAttributes } from 'react'
|
|
3
|
+
|
|
4
|
+
export type TextFieldProps = {
|
|
5
|
+
value?: string
|
|
6
|
+
onChange: (value: string) => void
|
|
7
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>
|
|
8
|
+
|
|
9
|
+
export function TextField(props: TextFieldProps) {
|
|
10
|
+
const { value, onChange, className, ...inputProps } = props
|
|
11
|
+
return (
|
|
12
|
+
<input
|
|
13
|
+
className={classNames('seam-text-field', className)}
|
|
14
|
+
value={value}
|
|
15
|
+
onChange={handleString(onChange)}
|
|
16
|
+
type='text'
|
|
17
|
+
{...inputProps}
|
|
18
|
+
/>
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export const handleString =
|
|
23
|
+
(setter: (v: string) => void) =>
|
|
24
|
+
(e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void => {
|
|
25
|
+
setter(e.currentTarget.value)
|
|
26
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ArrowBackIcon } from 'lib/icons/ArrowBack.js'
|
|
2
|
+
|
|
3
|
+
export function ContentHeader(props: {
|
|
4
|
+
title?: string
|
|
5
|
+
onClickBack?: () => void
|
|
6
|
+
}) {
|
|
7
|
+
return (
|
|
8
|
+
<div className='seam-content-header'>
|
|
9
|
+
<BackIcon onClick={props.onClickBack} />
|
|
10
|
+
<span className='seam-title'>{props.title}</span>
|
|
11
|
+
</div>
|
|
12
|
+
)
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
function BackIcon(props: { onClick?: () => void }) {
|
|
16
|
+
if (props.onClick === undefined) {
|
|
17
|
+
return null
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
return <ArrowBackIcon className='seam-back-icon' onClick={props.onClick} />
|
|
21
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useCallback, useState } from 'react'
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Simple util to quickly handle on/off states.
|
|
5
|
+
*/
|
|
6
|
+
const useToggle = (initialState: boolean = false): [boolean, () => void] => {
|
|
7
|
+
const [isTrue, setIsTrue] = useState(initialState)
|
|
8
|
+
|
|
9
|
+
// use callback otherwise it would yield unexpected results in promises
|
|
10
|
+
|
|
11
|
+
const toggle = useCallback(() => {
|
|
12
|
+
setIsTrue((isTrue) => !isTrue)
|
|
13
|
+
}, [setIsTrue])
|
|
14
|
+
|
|
15
|
+
return [isTrue, toggle]
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export default useToggle
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
.seam-access-code-table {
|
|
2
|
+
.seam-content-header {
|
|
3
|
+
margin: 0 16px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.seam-table-header {
|
|
7
|
+
margin-bottom: 16px;
|
|
8
|
+
height: 56px;
|
|
9
|
+
padding: 0 16px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.seam-icon-cell {
|
|
13
|
+
flex: 0;
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
|
|
18
|
+
> div {
|
|
19
|
+
width: 40px;
|
|
20
|
+
height: 40px;
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
justify-content: center;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.seam-name-cell {
|
|
28
|
+
flex: 1;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
justify-content: center;
|
|
31
|
+
align-items: flex-start;
|
|
32
|
+
gap: 2px;
|
|
33
|
+
|
|
34
|
+
.seam-access-code-details {
|
|
35
|
+
font-size: 14px;
|
|
36
|
+
line-height: 134%;
|
|
37
|
+
color: var(--text-gray-1);
|
|
38
|
+
|
|
39
|
+
.seam-dot-divider {
|
|
40
|
+
margin: 0 4px;
|
|
41
|
+
color: var(--text-gray-3);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.seam-action-cell {
|
|
47
|
+
margin-right: 12px;
|
|
48
|
+
display: flex;
|
|
49
|
+
align-items: center;
|
|
50
|
+
justify-content: center;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.seam-content-header {
|
|
2
|
+
height: 56px;
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
position: relative;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
width: 100%;
|
|
8
|
+
|
|
9
|
+
.seam-back-icon {
|
|
10
|
+
position: absolute;
|
|
11
|
+
top: 50%;
|
|
12
|
+
transform: translate(0, -25%);
|
|
13
|
+
left: 0;
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.seam-title {
|
|
18
|
+
font-size: 16px;
|
|
19
|
+
line-height: 134%;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
.seam-device-details {
|
|
2
|
+
padding: 0 24px 24px;
|
|
3
|
+
|
|
4
|
+
.seam-body {
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
gap: 16px;
|
|
8
|
+
|
|
9
|
+
.seam-box {
|
|
10
|
+
border: 1px solid var(--input-border);
|
|
11
|
+
border-radius: 8px;
|
|
12
|
+
|
|
13
|
+
.seam-content {
|
|
14
|
+
padding: 12px 12px 12px 16px;
|
|
15
|
+
|
|
16
|
+
&.seam-access-codes {
|
|
17
|
+
padding: 12px 8px 12px 16px;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: space-between;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
|
|
23
|
+
&:hover {
|
|
24
|
+
background: var(--item-hover-bg);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&.seam-access-code-length {
|
|
29
|
+
border-top: 1px solid var(--input-border);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.seam-label {
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
line-height: 134%;
|
|
35
|
+
color: var(--text-gray-1);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.seam-value {
|
|
39
|
+
display: block;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
font-size: 16px;
|
|
42
|
+
line-height: 134%;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.seam-summary {
|
|
48
|
+
padding: 24px 16px;
|
|
49
|
+
border-radius: 16px;
|
|
50
|
+
background: var(--bg-a);
|
|
51
|
+
|
|
52
|
+
.seam-content {
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
gap: 20px;
|
|
56
|
+
|
|
57
|
+
.seam-image {
|
|
58
|
+
width: 100px;
|
|
59
|
+
height: 100px;
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
|
|
63
|
+
img {
|
|
64
|
+
max-width: 100%;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.seam-info {
|
|
69
|
+
.seam-device-name {
|
|
70
|
+
margin-bottom: 16px;
|
|
71
|
+
font-weight: 600;
|
|
72
|
+
font-size: 21px;
|
|
73
|
+
line-height: 132%;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.seam-properties {
|
|
77
|
+
display: grid;
|
|
78
|
+
grid-template-columns: min-content 1fr;
|
|
79
|
+
grid-auto-rows: 1fr;
|
|
80
|
+
font-size: 14px;
|
|
81
|
+
line-height: 134%;
|
|
82
|
+
row-gap: 4px;
|
|
83
|
+
column-gap: 28px;
|
|
84
|
+
|
|
85
|
+
.seam-label {
|
|
86
|
+
color: var(--text-gray-2);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.seam-status-text {
|
|
90
|
+
color: var(--text-gray-1);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
svg {
|
|
94
|
+
scale: 0.75;
|
|
95
|
+
margin-right: 8px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
> * {
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.seam-icon-cell {
|
|
108
|
+
flex: 0;
|
|
109
|
+
margin-left: 8px;
|
|
110
|
+
display: flex;
|
|
111
|
+
align-items: center;
|
|
112
|
+
justify-content: center;
|
|
113
|
+
|
|
114
|
+
> div {
|
|
115
|
+
width: 40px;
|
|
116
|
+
height: 40px;
|
|
117
|
+
display: flex;
|
|
118
|
+
align-items: center;
|
|
119
|
+
justify-content: center;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.seam-name-cell {
|
|
124
|
+
flex: 1;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.seam-action-cell {
|
|
128
|
+
margin-right: 12px;
|
|
129
|
+
display: flex;
|
|
130
|
+
align-items: center;
|
|
131
|
+
justify-content: center;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.seam-components {
|
|
2
|
+
font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont,
|
|
3
|
+
'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
|
|
4
|
+
sans-serif;
|
|
5
|
+
|
|
6
|
+
--primary: #007afc;
|
|
7
|
+
--text-gray-1: #6e7179;
|
|
8
|
+
--text-gray-2: #9da1a9;
|
|
9
|
+
--text-gray-3: #d5d8dc;
|
|
10
|
+
--input-border: #d5d8dc;
|
|
11
|
+
--bg-a: #f1f3f4;
|
|
12
|
+
--status-red-alert: #e36857;
|
|
13
|
+
--item-hover-bg: #f4f6f8;
|
|
14
|
+
|
|
15
|
+
// Reset
|
|
16
|
+
@import 'the-new-css-reset/css/reset.css';
|
|
17
|
+
|
|
18
|
+
// Globals
|
|
19
|
+
@import './typography';
|
|
20
|
+
@import './tables';
|
|
21
|
+
@import './inputs';
|
|
22
|
+
@import './buttons';
|
|
23
|
+
@import './content-header';
|
|
24
|
+
|
|
25
|
+
// Components
|
|
26
|
+
@import './access-code-table';
|
|
27
|
+
@import './device-details';
|
|
28
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
.seam-table-header {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: space-between;
|
|
4
|
+
align-items: center;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.seam-table-title {
|
|
8
|
+
font-size: 21px;
|
|
9
|
+
line-height: 132%;
|
|
10
|
+
|
|
11
|
+
.seam-caption {
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
line-height: 134%;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.seam-table-row {
|
|
18
|
+
display: flex;
|
|
19
|
+
padding: 4px;
|
|
20
|
+
height: 72px;
|
|
21
|
+
|
|
22
|
+
&:hover {
|
|
23
|
+
background: rgb(244 246 248 / 100%);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.seam-title {
|
|
27
|
+
font-weight: 600;
|
|
28
|
+
font-size: 18px;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.seam-table-cell {
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
padding: 4px;
|
|
36
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceManager.js","sourceRoot":"","sources":["../../../src/lib/components/DeviceManager/DeviceManager.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAyB,MAAM,0BAA0B,CAAA;AAI5E;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAgB,EAAE;IACvE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEhE,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,OAAO,GAAK,CAAA;IACvD,IAAI,OAAO;QAAE,OAAO,sBAAI,KAAK,EAAE,OAAO,GAAK,CAAA;IAE3C,OAAO,CACL,uBACG,OAAO;YACN,EAAE,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE;YACD,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChB,KAAC,iBAAiB,OAA4B,MAAM,IAA5B,MAAM,CAAC,SAAS,CAAgB,CACzD,CAAC,GACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACvB,EAAE;IAChB,OAAO,CACL,yBACE,wBACG,CAAC,CAAC,SAAS,QAAI,KAAK,CAAC,SAAS,IAC7B,EACJ,wBACG,CAAC,CAAC,IAAI,QAAI,KAAK,CAAC,UAAU,CAAC,IAAI,IAC9B,IACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;CACpB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAA"}
|
package/lib/hooks/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './use-seam.js';
|
package/lib/hooks/index.js
DELETED
package/lib/hooks/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-devices.js","sourceRoot":"","sources":["../../src/lib/hooks/use-devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,MAAM,uBAAuB,CAAA;AAOrE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AASvC,MAAM,UAAU,UAAU,CAAC,MAA0B;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAA;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAChC;QACE,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;QACrC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,OAAO,MAAM,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC3C,CAAC;KACF,CACF,CAAA;IAED,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AACnC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-seam.js","sourceRoot":"","sources":["../../src/lib/hooks/use-seam.ts"],"names":[],"mappings":"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"}
|
package/lib/provider.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/lib/provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAqC,MAAM,EAAE,MAAM,OAAO,CAAA;AAuBhF,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAA;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC,CAAA;IAEhD,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAA;IACxD,IACE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;QACjC,UAAU,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EACzC;QACA,UAAU,CAAC,OAAO,GAAG,uBAAuB,CAAA;KAC7C;IAED,IACE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;QACjC,UAAU,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EACzC;QACA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,mBAAmB,IAAC,MAAM,EAAE,cAAc,CAAC,OAAO,YACjD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,YAAG,QAAQ,GAAY,GAC7C,GAClB,CACP,CAAA;AACH,CAAC;AAED,MAAM,6BAA6B,GAAG,GAAgB,EAAE;IACtD,IACE,UAAU,CAAC,IAAI,EAAE,MAAM,IAAI,IAAI;QAC/B,UAAU,CAAC,IAAI,EAAE,cAAc,IAAI,IAAI,EACvC;QACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;IAED,IAAI;QACF,OAAO,sBAAsB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KAC/C;IAAC,OAAO,GAAG,EAAE;QACZ,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,EACN,GAAG,OAAO,EAC0B,EAAe,EAAE;IACrD,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACvD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;KACxB;IAED,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE;QACnE,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAA;KACF;IAED,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,aAAa,EAAE,GAAG,OAAO,CAAA;IAEvE,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB;IAED,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,cAAc;QACd,iBAAiB;QACjB,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,6BAA6B,EAAE,CAAA;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAc,uBAAuB,CAAC,CAAA"}
|
package/src/lib/hooks/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './use-seam.js'
|
package/src/styles/_main.scss
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
.seam-components {
|
|
2
|
-
--font-family: 'Source Sans Pro', system-ui, -apple-system, blinkmacsystemfont,
|
|
3
|
-
'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Open Sans', 'Helvetica Neue',
|
|
4
|
-
sans-serif;
|
|
5
|
-
--primary: #007afc;
|
|
6
|
-
--text-gray: #9da1a9;
|
|
7
|
-
--input-border: #d5d8dc;
|
|
8
|
-
|
|
9
|
-
font-family: var(--font-family);
|
|
10
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|