@luxonis/common-fe-components 1.23.12 → 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 +7 -8
- 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,
|
|
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,18 +85,17 @@ 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'),
|
|
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: " Try to keep the camera steady for a few seconds without moving your hands.", className: css({ fontWeight: 'lighter' }) }), _jsx(DistanceImage, {})] }, 'step-2'),
|
|
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
|
+
_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',
|
|
92
92
|
cursor: 'pointer',
|
|
93
93
|
}), children: "the command" }), ", which will set up the device to the same state as when you use a QR code. Please note that it may prompt you to select a device if multiple devices are reachable via Ethernet."] }), className: css({ fontWeight: 'lighter' }) })] }, 'step-3')) : undefined,
|
|
94
|
-
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Troubleshooting" }), _jsx(SubLabel, { text: _jsxs("p", { children: ["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' }) })] }, 'step-4'),
|
|
95
94
|
].filter(Boolean);
|
|
96
95
|
}
|
|
97
96
|
case 'RAE': {
|
|
98
97
|
return [
|
|
99
|
-
`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.`,
|
|
100
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).`,
|
|
101
100
|
`Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
|
|
102
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
|
}
|