@luxonis/common-fe-components 1.23.13 → 1.24.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/dist/components/custom/FullscreenImage.d.ts +1 -0
- package/dist/components/custom/FullscreenImage.d.ts.map +1 -1
- package/dist/components/custom/FullscreenImage.js +1 -1
- package/dist/components/custom/FullscreenImage.js.map +1 -1
- package/dist/components/custom/devices/devices.d.ts +2 -2
- package/dist/components/custom/devices/devices.d.ts.map +1 -1
- package/dist/components/custom/devices/devices.js +6 -6
- package/dist/components/custom/devices/devices.js.map +1 -1
- package/dist/components/custom/oak4/Oak4DeviceCard.js +1 -1
- package/dist/components/custom/oak4/Oak4DeviceCard.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenImage.d.ts","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":"AAMA,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"FullscreenImage.d.ts","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":"AAMA,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAqBpE"}
|
|
@@ -10,6 +10,6 @@ export function FullscreenImage(props) {
|
|
|
10
10
|
const handleSwitchFullscreen = React.useCallback(() => {
|
|
11
11
|
setExpanded(!expanded);
|
|
12
12
|
}, [expanded, setExpanded]);
|
|
13
|
-
return (_jsx("img", { src: imageUrl, alt: imageAlt, onClick: handleSwitchFullscreen, onKeyUp: handleSwitchFullscreen, className: cx(imageClassName, css({ cursor: expanded ? 'zoom-out' : 'zoom-in' })), ref: imageRef }));
|
|
13
|
+
return (_jsx("img", { src: imageUrl, alt: imageAlt, onClick: handleSwitchFullscreen, onKeyUp: handleSwitchFullscreen, className: cx(imageClassName, css({ cursor: expanded ? 'zoom-out' : 'zoom-in' })), ref: imageRef, "data-cy": props['data-cy'] }));
|
|
14
14
|
}
|
|
15
15
|
//# sourceMappingURL=FullscreenImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenImage.js","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"FullscreenImage.js","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAStD,MAAM,UAAU,eAAe,CAAC,KAAqC;IACnE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAE1D,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpD,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,sBAAsB,EAC/B,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,EACjF,GAAG,EAAE,QAAQ,aACJ,KAAK,CAAC,SAAS,CAAC,GACzB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -8,7 +8,7 @@ export type DeviceInformation = {
|
|
|
8
8
|
setupSteps: (string | JSX.Element)[];
|
|
9
9
|
};
|
|
10
10
|
export declare function DistanceImage(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare function getDeviceInformationByModel(device: DeviceList,
|
|
11
|
+
export declare function getDeviceInformationByModel(device: DeviceList, showModelName: boolean, setupCommand?: string, onCopyCommand?: () => void): DeviceInformation;
|
|
12
12
|
export declare const getDeviceNameByModel: (base: DeviceID) => string;
|
|
13
|
-
export declare const getSetupSteps: (base: DeviceID, setupCommand?: string, onCopyCommand?: () => void) => (string | React.JSX.Element)[];
|
|
13
|
+
export declare const getSetupSteps: (base: DeviceID, showModelName: boolean, setupCommand?: string, onCopyCommand?: () => void) => (string | React.JSX.Element)[];
|
|
14
14
|
//# sourceMappingURL=devices.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;AAUtF,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;AAEF,wBAAgB,aAAa,4CAQ5B;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,UAAU,EAClB,YAAY,CAAC,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,MAAM,IAAI,GACzB,iBAAiB,CAkCnB;AAED,eAAO,MAAM,oBAAoB,SAAU,QAAQ,KAAG,MAyBrD,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,QAAQ,iBACC,MAAM,kBACL,MAAM,IAAI,KACzB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,EA0G9B,CAAC"}
|
|
1
|
+
{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;AAUtF,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;AAEF,wBAAgB,aAAa,4CAQ5B;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,OAAO,EACtB,YAAY,CAAC,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,MAAM,IAAI,GACzB,iBAAiB,CAkCnB;AAED,eAAO,MAAM,oBAAoB,SAAU,QAAQ,KAAG,MAyBrD,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,QAAQ,iBACC,OAAO,iBACP,MAAM,kBACL,MAAM,IAAI,KACzB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,EA0G9B,CAAC"}
|
|
@@ -11,7 +11,7 @@ const OAKCTL_DOCS_URL = 'https://docs.luxonis.com/software-v3/oak-apps/oakctl/';
|
|
|
11
11
|
export function DistanceImage() {
|
|
12
12
|
return (_jsx("img", { src: "/images/oak4-setup-distance.webp", alt: "OAK 4 Setup Distance", className: css({ maxWidth: 'sm', width: 'full' }) }));
|
|
13
13
|
}
|
|
14
|
-
export function getDeviceInformationByModel(device,
|
|
14
|
+
export function getDeviceInformationByModel(device, showModelName, setupCommand, onCopyCommand) {
|
|
15
15
|
// If the device value is matching any of known device IDs from enum we can use that
|
|
16
16
|
const matchingDeviceId = DeviceIDSchema.safeParse(device).data;
|
|
17
17
|
// If not, we can try ty guess the product
|
|
@@ -27,7 +27,7 @@ export function getDeviceInformationByModel(device, setupCommend, onCopyCommand)
|
|
|
27
27
|
info,
|
|
28
28
|
deviceName: getDeviceNameByModel(deviceId),
|
|
29
29
|
deviceImageName: `${DEVICE_IMAGES_LINK}/${deviceId}.webp`,
|
|
30
|
-
setupSteps: getSetupSteps(deviceId,
|
|
30
|
+
setupSteps: getSetupSteps(deviceId, showModelName, setupCommand, onCopyCommand),
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
case 'RAE': {
|
|
@@ -35,7 +35,7 @@ export function getDeviceInformationByModel(device, setupCommend, onCopyCommand)
|
|
|
35
35
|
info,
|
|
36
36
|
deviceName: getDeviceNameByModel(deviceId),
|
|
37
37
|
deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
|
|
38
|
-
setupSteps: getSetupSteps(deviceId,
|
|
38
|
+
setupSteps: getSetupSteps(deviceId, showModelName, setupCommand, onCopyCommand),
|
|
39
39
|
};
|
|
40
40
|
}
|
|
41
41
|
default: {
|
|
@@ -70,7 +70,7 @@ export const getDeviceNameByModel = (base) => {
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
export const getSetupSteps = (base, setupCommand, onCopyCommand) => {
|
|
73
|
+
export const getSetupSteps = (base, showModelName, setupCommand, onCopyCommand) => {
|
|
74
74
|
const handleCopyCommand = () => {
|
|
75
75
|
if (!setupCommand) {
|
|
76
76
|
return;
|
|
@@ -85,7 +85,7 @@ export const getSetupSteps = (base, setupCommand, onCopyCommand) => {
|
|
|
85
85
|
case 'OAK4-SR':
|
|
86
86
|
case 'OAK4-D-PRO': {
|
|
87
87
|
return [
|
|
88
|
-
_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'),
|
|
88
|
+
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsxs("strong", { className: css({ fontWeight: 'semibold' }), children: ["Connect the PoE/ETH cable to power up the ", showModelName ? getDeviceNameByModel(base) : 'device'] }), _jsx(SubLabel, { text: " Ensure the device is ready for setup (blinking blue).", className: css({ fontWeight: 'lighter' }) })] }, 'step-1'),
|
|
89
89
|
_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: _jsxs("p", { children: ["Try to keep the camera steady for a few seconds without moving your hands. If you encounter any issues during setup please follow", ' ', _jsx("a", { href: TROUBLESHOOTING_DOCS_URL, target: '_blank', rel: "noreferrer", className: css({ textDecoration: 'underline', color: 'text.active' }), children: "troubleshooting steps" }), "."] }), className: css({ fontWeight: 'lighter' }) }), _jsx(DistanceImage, {})] }, 'step-2'),
|
|
90
90
|
setupCommand ? (_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Alternatively, you can use the oakctl tool to set up the device via Ethernet" }), _jsx(SubLabel, { text: _jsxs("p", { children: ["Ensure you have", ' ', _jsx("a", { href: OAKCTL_DOCS_URL, target: "_blank", className: css({ textDecoration: 'underline', color: 'text.active' }), rel: "noreferrer", children: "oakctl version 0.9.x" }), ' ', "or higher installed. Then, just run", ' ', _jsx("span", { onClick: handleCopyCommand, onKeyDown: handleCopyCommand, className: css({
|
|
91
91
|
textDecoration: 'underline',
|
|
@@ -95,7 +95,7 @@ export const getSetupSteps = (base, setupCommand, onCopyCommand) => {
|
|
|
95
95
|
}
|
|
96
96
|
case 'RAE': {
|
|
97
97
|
return [
|
|
98
|
-
`Press and hold the power button on the ${getDeviceNameByModel(base)} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
|
|
98
|
+
`Press and hold the power button on the ${showModelName ? getDeviceNameByModel(base) : 'device'} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
|
|
99
99
|
`Aim the RGB camera, situated near the display, directly at the QR code. Ensure the camera is perpendicular to the screen, maintaining an ideal distance of about 6-8 inches (15-20 cm).`,
|
|
100
100
|
`Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
|
|
101
101
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAqB,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACvG,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAEzD,MAAM,wBAAwB,GAC5B,iHAA0H,CAAC;AAC7H,MAAM,eAAe,GAAG,uDAAgE,CAAC;AASzF,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,cACE,GAAG,EAAC,kCAAkC,EACtC,GAAG,EAAC,sBAAsB,EAC1B,SAAS,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GACjD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,MAAkB,EAClB,YAAqB,EACrB,aAA0B;IAE1B,oFAAoF;IACpF,MAAM,gBAAgB,GAAG,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;IAE/D,0CAA0C;IAC1C,MAAM,IAAI,GAAG,4BAA4B,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,gBAAgB,IAAI,IAAI,CAAC,EAAE,CAAC;IAE7C,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO;gBACL,IAAI;gBACJ,UAAU,EAAE,oBAAoB,CAAC,QAAQ,CAAC;gBAC1C,eAAe,EAAE,GAAG,kBAAkB,IAAI,QAAQ,OAAO;gBACzD,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { Card } from '../Card';
|
|
|
7
7
|
import { Wrap } from '../../../styled-system/jsx/wrap.mjs';
|
|
8
8
|
export function Oak4DeviceCard(props) {
|
|
9
9
|
const { device, onClick, isSelected } = props;
|
|
10
|
-
const deviceInfo = React.useMemo(() => getDeviceInformationByModel(device), [device]);
|
|
10
|
+
const deviceInfo = React.useMemo(() => getDeviceInformationByModel(device, true), [device]);
|
|
11
11
|
return (_jsx(Card, { onClick: () => onClick(device), withHoverEffect: true, fullWidth: true, colorVariant: isSelected ? 'active' : 'white', children: _jsxs(Wrap, { align: "center", children: [_jsx(Circle, { variant: "icon", children: _jsx("img", { src: deviceInfo.deviceImageName, alt: deviceInfo.deviceName }) }), _jsx(NormalText, { text: deviceInfo.deviceName })] }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=Oak4DeviceCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Oak4DeviceCard.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/Oak4DeviceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAQ3D,MAAM,UAAU,cAAc,CAAC,KAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Oak4DeviceCard.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/Oak4DeviceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAQ3D,MAAM,UAAU,cAAc,CAAC,KAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,eAAe,QAAC,SAAS,QAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,YAC3G,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAClB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,YACpB,cAAK,GAAG,EAAE,UAAU,CAAC,eAAe,EAAE,GAAG,EAAE,UAAU,CAAC,UAAU,GAAI,GAC7D,EACT,KAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,UAAU,GAAI,IACtC,GACF,CACR,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luxonis/common-fe-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.24.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@hookform/resolvers": "^3.9.0",
|
|
25
25
|
"@luxonis-public/shadow-panda-preset": "^0.7.2",
|
|
26
26
|
"@luxonis-public/shadow-panda-style-context": "^0.7.2",
|
|
27
|
-
"@luxonis/common-fe-utils": "^1.
|
|
27
|
+
"@luxonis/common-fe-utils": "^1.24.0",
|
|
28
28
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
29
29
|
"@radix-ui/react-alert-dialog": "^1.1.1",
|
|
30
30
|
"@radix-ui/react-aspect-ratio": "^1.1.0",
|
|
@@ -86,6 +86,6 @@
|
|
|
86
86
|
"registry": "https://registry.npmjs.org",
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "a8120a635fd8b1b9ffae79a4d5f8f5f75f782c3f",
|
|
90
90
|
"license": "UNLICENSED"
|
|
91
91
|
}
|