@luxonis/common-fe-components 1.23.10 → 1.23.12

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.
Files changed (12) hide show
  1. package/dist/components/custom/FullscreenImage.d.ts +8 -0
  2. package/dist/components/custom/FullscreenImage.d.ts.map +1 -0
  3. package/dist/components/custom/FullscreenImage.js +15 -0
  4. package/dist/components/custom/FullscreenImage.js.map +1 -0
  5. package/dist/components/custom/devices/devices.js +1 -1
  6. package/dist/components/custom/index.d.ts +1 -0
  7. package/dist/components/custom/index.d.ts.map +1 -1
  8. package/dist/components/custom/index.js +1 -0
  9. package/dist/components/custom/index.js.map +1 -1
  10. package/dist/panda.buildinfo.json +3 -1
  11. package/dist/panda.css +10 -2
  12. package/package.json +3 -3
package/dist/components/custom/FullscreenImage.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ type FullscreenImageProps = {
2
+ imageUrl: string;
3
+ imageAlt?: string;
4
+ imageClassName?: string;
5
+ };
6
+ export declare function FullscreenImage(props: Readonly<FullscreenImageProps>): import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=FullscreenImage.d.ts.map
package/dist/components/custom/FullscreenImage.d.ts.map ADDED
@@ -0,0 +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;CACzB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAoBpE"}
package/dist/components/custom/FullscreenImage.js ADDED
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import { useFullscreen } from '@luxonis/common-fe-utils';
4
+ import { cx } from '../../styled-system/css/cx.mjs';
5
+ import { css } from '../../styled-system/css/css.mjs';
6
+ export function FullscreenImage(props) {
7
+ const { imageUrl, imageAlt, imageClassName } = props;
8
+ const imageRef = React.useRef(null);
9
+ const { expanded, setExpanded } = useFullscreen(imageRef);
10
+ const handleSwitchFullscreen = React.useCallback(() => {
11
+ setExpanded(!expanded);
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 }));
14
+ }
15
+ //# sourceMappingURL=FullscreenImage.js.map
package/dist/components/custom/FullscreenImage.js.map ADDED
@@ -0,0 +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;AAQtD,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,GACb,CACH,CAAC;AACJ,CAAC"}
package/dist/components/custom/devices/devices.js CHANGED
@@ -9,7 +9,7 @@ import { css } from '../../../styled-system/css/css.mjs';
9
9
  const TROUBLESHOOTING_DOCS_URL = 'https://docs.luxonis.com/cloud/connect-oak/#Connect%20OAK%20to%20Luxonis%20Hub-OAK%204-Connect%20your%20OAK%204';
10
10
  const OAKCTL_DOCS_URL = 'https://docs.luxonis.com/software-v3/oak-apps/oakctl/';
11
11
  export function DistanceImage() {
12
- return (_jsx("img", { src: "/images/oak4-setup-distance.webp", alt: "OAK 4 Setup Distance", className: css({ maxWidth: 'md', width: 'full' }) }));
12
+ return (_jsx("img", { src: "/images/oak4-setup-distance.webp", alt: "OAK 4 Setup Distance", className: css({ maxWidth: 'sm', width: 'full' }) }));
13
13
  }
14
14
  export function getDeviceInformationByModel(device, setupCommend, onCopyCommand) {
15
15
  // If the device value is matching any of known device IDs from enum we can use that
package/dist/components/custom/index.d.ts CHANGED
@@ -27,6 +27,7 @@ export * from './TurnstileWidget.js';
27
27
  export * from './Tooltip.js';
28
28
  export * from './Button.js';
29
29
  export * from './Form.js';
30
+ export * from './FullscreenImage.js';
30
31
  export * from './Text.js';
31
32
  export * from './Circle.js';
32
33
  export * from './PasswordInput.js';
package/dist/components/custom/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAMzC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,sBAAsB,CAAC;AAErC,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAMzC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,iBAAiB,CAAC"}
package/dist/components/custom/index.js CHANGED
@@ -27,6 +27,7 @@ export * from './TurnstileWidget.js';
27
27
  export * from './Tooltip.js';
28
28
  export * from './Button.js';
29
29
  export * from './Form.js';
30
+ export * from './FullscreenImage.js';
30
31
  export * from './Text.js';
31
32
  export * from './Circle.js';
32
33
  export * from './PasswordInput.js';
package/dist/components/custom/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAEzC,0CAA0C;AAE1C,yCAAyC;AAEzC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,sBAAsB,CAAC;AAErC,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAEzC,0CAA0C;AAE1C,yCAAyC;AAEzC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,iBAAiB,CAAC"}
package/dist/panda.buildinfo.json CHANGED
@@ -203,6 +203,8 @@
203
203
  "marginTop]___[value:sm",
204
204
  "spaceY]___[value:sm",
205
205
  "justifyContent]___[value:flex-end",
206
+ "cursor]___[value:zoom-out",
207
+ "cursor]___[value:zoom-in",
206
208
  "marginBlock]___[value:md",
207
209
  "display]___[value:grid",
208
210
  "gap]___[value:10px",
@@ -335,7 +337,7 @@
335
337
  "minHeight]___[value:skeleton.height",
336
338
  "minWidth]___[value:skeleton.textarea.width",
337
339
  "minHeight]___[value:skeleton.textarea.height",
338
- "maxWidth]___[value:md",
340
+ "maxWidth]___[value:sm",
339
341
  "fontWeight]___[value:semibold",
340
342
  "fontWeight]___[value:lighter",
341
343
  "textDecoration]___[value:underline"
package/dist/panda.css CHANGED
@@ -2827,6 +2827,14 @@
2827
2827
  margin-top: var(--spacing-sm);
2828
2828
  }
2829
2829
 
2830
+ .cursor_zoom-out {
2831
+ cursor: zoom-out;
2832
+ }
2833
+
2834
+ .cursor_zoom-in {
2835
+ cursor: zoom-in;
2836
+ }
2837
+
2830
2838
  .my_md {
2831
2839
  margin-block: var(--spacing-md);
2832
2840
  }
@@ -3164,8 +3172,8 @@
3164
3172
  min-height: var(--sizes-skeleton-textarea-height);
3165
3173
  }
3166
3174
 
3167
- .max-w_md {
3168
- max-width: var(--sizes-md);
3175
+ .max-w_sm {
3176
+ max-width: var(--sizes-sm);
3169
3177
  }
3170
3178
 
3171
3179
  .td_underline {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/common-fe-components",
3
- "version": "1.23.10",
3
+ "version": "1.23.12",
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.23.10",
27
+ "@luxonis/common-fe-utils": "^1.23.12",
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": "b5635a39994209e897ecef237934332cc1504251",
89
+ "gitHead": "2a051af30d023d99177d13126d036fdbccdeaa53",
90
90
  "license": "UNLICENSED"
91
91
  }