@luxonis/common-fe-components 1.16.0 → 1.18.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;AAOtF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;CACtC,CAAC;AAqEF,wBAAgB,eAAe,4CAQ9B;AAED,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,iBAAiB,CA4BjF;AAED,eAAO,MAAM,oBAAoB,SAAU,QAAQ,KAAG,MAsBrD,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,QAAQ,KAAG,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EA4C1E,CAAC"}
|
|
@@ -6,10 +6,8 @@ import { getProductToDeviceProperties } from './devices-family.js';
|
|
|
6
6
|
import { DEVICE_IMAGE_PATH, DEVICE_IMAGES_LINK, emptyDeviceInformation } from './devices-constants.js';
|
|
7
7
|
import { Tooltip } from '../Tooltip';
|
|
8
8
|
import { SubLabel } from '../Text';
|
|
9
|
-
import { Icon } from '../Icon';
|
|
10
9
|
import { Flex } from '../Flex';
|
|
11
10
|
import { css } from '../../../styled-system/css/css.mjs';
|
|
12
|
-
import { HelpIcon } from '../../../icons';
|
|
13
11
|
function LedStatusItem({ status }) {
|
|
14
12
|
const iconColor = React.useMemo(() => {
|
|
15
13
|
switch (status) {
|
|
@@ -26,16 +24,16 @@ function LedStatusItem({ status }) {
|
|
|
26
24
|
case 'success':
|
|
27
25
|
return 'Setup completed successfully, blinking green followed by solid blue.';
|
|
28
26
|
case 'in-progress':
|
|
29
|
-
return 'Setup in progress,blinking yellow.';
|
|
27
|
+
return 'Setup in progress, blinking yellow.';
|
|
30
28
|
case 'error':
|
|
31
|
-
return 'Setup
|
|
29
|
+
return (_jsxs("p", { children: [_jsx(Tooltip, { content: _jsxs(Flex, { direction: 'column', maxWidth: "container.sm", children: ["Setup failed. This can be caused by multiple reasons.", _jsxs("ul", { className: css({
|
|
30
|
+
listStyleType: 'disc',
|
|
31
|
+
listStylePosition: 'inside',
|
|
32
|
+
color: 'text.gray',
|
|
33
|
+
}), children: [_jsx("li", { children: "Potential power incompatibility." }), _jsx("li", { children: "Internet access is required, but the connection failed." })] })] }), position: 'right', delayDuration: 0, className: css({ borderBottom: '1px solid gray', paddingBottom: '3px', borderStyle: 'dotted' }), children: "Setup issue" }), ", blinking red."] }));
|
|
32
34
|
}
|
|
33
35
|
}, [status]);
|
|
34
|
-
return (_jsxs(Flex, { direction: "row", alignItems: "center", gap: "xs", justifyContent: "start", width: "full", className: css({ marginY: '-20px' }), children: [_jsx(TiMinusOutline, { size: 75, style: { color: iconColor, fill: iconColor, minWidth: '75px' } }), _jsx(SubLabel, { text: statusText, className: css({ fontWeight: 'lighter' }) })
|
|
35
|
-
listStyleType: 'disc',
|
|
36
|
-
listStylePosition: 'inside',
|
|
37
|
-
color: 'text.gray',
|
|
38
|
-
}), children: [_jsx("li", { children: "Potential power incompatibility." }), _jsx("li", { children: "Internet access is required, but the connection failed." })] })] }), position: 'right', delayDuration: 0, children: _jsx(Icon, { icon: HelpIcon, size: "sm", color: "gray", cursor: "help" }) }))] }));
|
|
36
|
+
return (_jsxs(Flex, { direction: "row", alignItems: "center", gap: "xs", justifyContent: "start", width: "full", className: css({ marginY: '-20px' }), children: [_jsx(TiMinusOutline, { size: 75, style: { color: iconColor, fill: iconColor, minWidth: '75px' } }), _jsx(SubLabel, { text: statusText, className: css({ fontWeight: 'lighter' }) })] }));
|
|
39
37
|
}
|
|
40
38
|
export function LedStatusLegend() {
|
|
41
39
|
return (_jsxs(Flex, { direction: "column", gap: "-25px", children: [_jsx(LedStatusItem, { status: 'in-progress' }), _jsx(LedStatusItem, { status: 'success' }), _jsx(LedStatusItem, { status: 'error' })] }));
|
|
@@ -100,8 +98,8 @@ export const getSetupSteps = (base) => {
|
|
|
100
98
|
case 'OAK4-SR':
|
|
101
99
|
case 'OAK4-D-PRO': {
|
|
102
100
|
return [
|
|
103
|
-
_jsxs("
|
|
104
|
-
|
|
101
|
+
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsxs("strong", { className: css({ fontWeight: 'semibold' }), children: ["Connect the PoE/ETH cable to power up the ", getDeviceNameByModel(base)] }), _jsx(SubLabel, { text: " Ensure the device is ready for setup (blinking blue).", className: css({ fontWeight: 'lighter' }) })] }, 'step-1'),
|
|
102
|
+
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Point your device\u2018s camera at the displayed QR code" }), _jsx(SubLabel, { text: " Try to keep the camera steady for a few seconds without moving your hands. You may encounter the following statuses:", className: css({ fontWeight: 'lighter' }) }), _jsx(LedStatusLegend, {})] }, 'step-2'),
|
|
105
103
|
];
|
|
106
104
|
}
|
|
107
105
|
case 'RAE': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAqB,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"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"}
|
|
@@ -320,12 +320,15 @@
|
|
|
320
320
|
"minHeight]___[value:skeleton.height",
|
|
321
321
|
"minWidth]___[value:skeleton.textarea.width",
|
|
322
322
|
"minHeight]___[value:skeleton.textarea.height",
|
|
323
|
+
"position]___[value:right",
|
|
323
324
|
"maxWidth]___[value:container.sm",
|
|
324
325
|
"gap]___[value:-25px",
|
|
326
|
+
"borderBottom]___[value:1px solid gray",
|
|
327
|
+
"paddingBottom]___[value:3px",
|
|
328
|
+
"borderStyle]___[value:dotted",
|
|
325
329
|
"marginBlock]___[value:-20px",
|
|
326
330
|
"fontWeight]___[value:lighter",
|
|
327
|
-
"fontWeight]___[value:semibold"
|
|
328
|
-
"position]___[value:right"
|
|
331
|
+
"fontWeight]___[value:semibold"
|
|
329
332
|
],
|
|
330
333
|
"recipes": {
|
|
331
334
|
"icon": [
|
package/dist/panda.css
CHANGED
|
@@ -3262,6 +3262,10 @@
|
|
|
3262
3262
|
min-height: var(--sizes-skeleton-textarea-height)
|
|
3263
3263
|
}
|
|
3264
3264
|
|
|
3265
|
+
.pos_right {
|
|
3266
|
+
position: right
|
|
3267
|
+
}
|
|
3268
|
+
|
|
3265
3269
|
.max-w_container\.sm {
|
|
3266
3270
|
max-width: var(--sizes-container-sm)
|
|
3267
3271
|
}
|
|
@@ -3270,6 +3274,18 @@
|
|
|
3270
3274
|
gap: -25px
|
|
3271
3275
|
}
|
|
3272
3276
|
|
|
3277
|
+
.border-b_1px_solid_gray {
|
|
3278
|
+
border-bottom: 1px solid gray
|
|
3279
|
+
}
|
|
3280
|
+
|
|
3281
|
+
.pb_3px {
|
|
3282
|
+
padding-bottom: 3px
|
|
3283
|
+
}
|
|
3284
|
+
|
|
3285
|
+
.border-style_dotted {
|
|
3286
|
+
border-style: dotted
|
|
3287
|
+
}
|
|
3288
|
+
|
|
3273
3289
|
.my_-20px {
|
|
3274
3290
|
margin-block: -20px
|
|
3275
3291
|
}
|
|
@@ -3282,10 +3298,6 @@
|
|
|
3282
3298
|
font-weight: var(--font-weights-semibold)
|
|
3283
3299
|
}
|
|
3284
3300
|
|
|
3285
|
-
.pos_right {
|
|
3286
|
-
position: right
|
|
3287
|
-
}
|
|
3288
|
-
|
|
3289
3301
|
.hover\:text-decor_underline:is(:hover, [data-hover]) {
|
|
3290
3302
|
text-decoration: underline
|
|
3291
3303
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luxonis/common-fe-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.18.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@hookform/resolvers": "^3.9.0",
|
|
25
|
-
"@luxonis/common-fe-utils": "^1.
|
|
25
|
+
"@luxonis/common-fe-utils": "^1.18.0",
|
|
26
26
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
27
27
|
"@radix-ui/react-alert-dialog": "^1.1.1",
|
|
28
28
|
"@radix-ui/react-aspect-ratio": "^1.1.0",
|
|
@@ -84,6 +84,6 @@
|
|
|
84
84
|
"registry": "https://registry.npmjs.org",
|
|
85
85
|
"access": "public"
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "1bace109bc1d1608aaf73df5efe0ddd72b45776d",
|
|
88
88
|
"license": "UNLICENSED"
|
|
89
89
|
}
|