@luxonis/common-fe-components 1.17.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) {
|
|
@@ -28,14 +26,14 @@ function LedStatusItem({ status }) {
|
|
|
28
26
|
case 'in-progress':
|
|
29
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' })] }));
|
|
@@ -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
|
}
|