@luxonis/common-fe-components 1.9.5

package/dist/components/custom/Modal.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { DialogClose, DialogTitle } from '@radix-ui/react-dialog';
+import { Dialog, DialogContent, DialogHeader } from '../shadow-panda/_Dialog.js';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { css } from '../../styled-system/css/css.mjs';
+import { BackIcon, CrossIcon } from '../../icons/react-icons.js';
+import { clsx } from '../../helpers.js';
+import { Tooltip } from './Tooltip.js';
+import { SubHeader } from './Text.js';
+import { Flex } from './Flex.js';
+import { Button } from './Button.js';
+export const ModalContextAware = (props) => {
+    const { children, context: modalContext, which, initialState = { open: false, params: undefined }, onOpen, onClose, ...rest } = props;
+    const [openState, setOpenState] = React.useState(() => initialState);
+    const handleOnOpenChange = React.useCallback((opened) => {
+        if (!opened) {
+            setOpenState({ open: opened });
+            onClose?.();
+        }
+    }, [onClose]);
+    React.useEffect(() => {
+        if (modalContext) {
+            modalContext.listenForActions(which, event => {
+                switch (event.action) {
+                    case 'open':
+                        setOpenState({ open: true, params: event.params });
+                        onOpen?.();
+                        break;
+                    case 'close':
+                        setOpenState({ open: false });
+                        break;
+                }
+            });
+            return () => {
+                modalContext.unbindListener(which);
+            };
+        }
+        else {
+            throw new Error(`No ModalContext available!`);
+        }
+    }, [modalContext, which, onOpen]);
+    return (_jsx(Dialog, { open: openState.open, onOpenChange: handleOnOpenChange, ...rest, children: openState.open ? children(openState.params, () => handleOnOpenChange(false)) : undefined }));
+};
+const modalContentStyler = cva({
+    base: {
+        maxHeight: 'basic.almost-full',
+        minHeight: 'container.smaller.xxs',
+        minWidth: 'min-content',
+        overflowY: 'auto',
+        padding: 'sm',
+    },
+    variants: {
+        size: {
+            normal: {},
+            full: {
+                maxWidth: 'basic.almost-full',
+            },
+        },
+    },
+});
+export const ModalContent = (props) => {
+    const { className, size, children, ...rest } = props;
+    return (_jsxs(DialogContent, { className: clsx(modalContentStyler({ size }), className), ...rest, children: [_jsx(VisuallyHidden, { children: _jsx(DialogTitle, { title: "Modal" }) }), children] }));
+};
+export const ModalHeader = (props) => {
+    const { backAction, actions, closeButton = true, children, closeButtonMargin = '-xs', title, singleLine, tooltipContent, autoFocus = true, } = props;
+    const tooltip = React.useMemo(() => {
+        return typeof tooltipContent === 'string' ? _jsx(Flex, { maxWidth: "card.sm", children: tooltipContent }) : tooltipContent;
+    }, [tooltipContent]);
+    // Focus the dialog when it opens instead of first focusable element
+    const autoFocusFix = autoFocus ? { tabIndex: 0, outline: 'none' } : {};
+    return (_jsx(DialogHeader, { children: _jsxs(Flex, { width: "full", align: "center", justify: "space-between", gap: "xs", ...autoFocusFix, children: [_jsxs(Flex, { width: "full", align: "center", justify: "start", gap: "xxs", children: [backAction && (_jsx(Button, { variant: "ghost", colorVariant: "white", icon: BackIcon, marginLeft: "-xs", onClick: backAction })), title &&
+                            (singleLine ? (_jsx(Tooltip, { content: tooltip, className: css({ display: 'flex !important', width: 0, flexGrow: 1 }), lineHeight: "unset", children: _jsx(SubHeader, { text: title, className: css({
+                                        whiteSpace: 'nowrap',
+                                        textOverflow: 'ellipsis',
+                                        overflow: 'hidden',
+                                        pointerEvents: 'none',
+                                    }) }) })) : (_jsx(Tooltip, { content: tooltip, children: _jsx(SubHeader, { text: title, break: "word" }) }))), children] }), _jsxs(Flex, { align: "center", justify: "normal", gap: "xs", children: [actions, closeButton && (_jsx(DialogClose, { asChild: true, children: _jsx(Button, { marginRight: closeButtonMargin, variant: "ghost", colorVariant: "white", icon: CrossIcon }) }))] })] }) }));
+};
+export { DialogFooter as ModalFooter } from '../shadow-panda/_Dialog.js';
+//# sourceMappingURL=Modal.js.map

package/dist/components/custom/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/custom/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/custom/MonospaceBlock.d.ts

@@ -0,0 +1,9 @@
+import type { StyledTextProps } from './Text.js';
+export type MonospaceBlockProps = Omit<StyledTextProps, 'text'> & {
+    code: string;
+    entity?: string;
+    canCopy?: boolean;
+    wrapperStyles?: string;
+};
+export declare const MonospaceBlock: (props: MonospaceBlockProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MonospaceBlock.d.ts.map

package/dist/components/custom/MonospaceBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonospaceBlock.d.ts","sourceRoot":"","sources":["../../../src/components/custom/MonospaceBlock.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAIjD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,mBAAmB,4CA8BxD,CAAC"}

package/dist/components/custom/MonospaceBlock.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '../../styled-system/css/css.mjs';
+import { CopyIcon } from '../../icons/react-icons.js';
+import { useCopyWithToast } from '../../hooks/copy.js';
+import { clsx } from '../../helpers.js';
+import { Label } from './Text.js';
+import { Flex } from './Flex.js';
+import { Button } from './Button.js';
+export const MonospaceBlock = (props) => {
+    const { code, canCopy = true, entity = 'Code', wrapperStyles, ...textProps } = props;
+    const copy = useCopyWithToast();
+    const blockStyles = clsx(css({
+        wordBreak: 'break-all',
+        backgroundColor: 'light.gray',
+        rounded: 'common',
+        padding: 'sm',
+        justifyContent: 'space-between',
+    }), wrapperStyles);
+    const textStyles = css({ fontFamily: 'mono' });
+    return (_jsxs(Flex, { className: blockStyles, children: [_jsx(Label, { text: code, className: textStyles, weight: "bold", ...textProps }), canCopy && (_jsx(Button //
+            , { icon: CopyIcon, onClick: () => copy({ text: code, entity }), variant: "ghost", size: "icon" }))] }));
+};
+//# sourceMappingURL=MonospaceBlock.js.map

package/dist/components/custom/MonospaceBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonospaceBlock.js","sourceRoot":"","sources":["../../../src/components/custom/MonospaceBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAErF,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAEhC,MAAM,WAAW,GAAG,IAAI,CACtB,GAAG,CAAC;QACF,SAAS,EAAE,WAAW;QACtB,eAAe,EAAE,YAAY;QAC7B,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,IAAI;QACb,cAAc,EAAE,eAAe;KAChC,CAAC,EACF,aAAa,CACd,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,WAAW,aAC1B,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAC,MAAM,KAAK,SAAS,GAAI,EACxE,OAAO,IAAI,CACV,KAAC,MAAM,CAAC,EAAE;gBACR,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAC3C,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,GACX,CACH,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/custom/PasswordInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type InputProps } from './Input.js';
+export type PasswordInputProps = InputProps & {
+    variant?: 'new' | 'current';
+    showPasswordButton?: boolean;
+    skipButtonInTabNavigation?: boolean;
+};
+export declare const PasswordInput: React.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/custom/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAIpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,aAAa,0GAgCzB,CAAC"}

package/dist/components/custom/PasswordInput.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { css } from '../../styled-system/css/css.mjs';
+import { HideIcon, ShowIcon } from '../../icons/react-icons.js';
+import { Input } from './Input.js';
+import { Flex } from './Flex.js';
+import { Button } from './Button.js';
+export const PasswordInput = React.forwardRef((props, ref) => {
+    const { showPasswordButton = true, variant = 'current', ...inputProps } = props;
+    const [showPassword, setShowPassword] = React.useState(false);
+    return (_jsxs(Flex, { gap: "xs", children: [_jsx(Input, { ref: ref, placeholder: inputProps.placeholder, autoComplete: variant === 'new' ? 'new-password' : 'current-password', type: showPassword ? 'text' : 'password', wrapperProps: {
+                    className: css({ width: 'full' }),
+                }, ...inputProps }), showPasswordButton && (_jsx(Button, { variant: "outline", colorVariant: "white", size: "icon", type: "button", icon: showPassword ? HideIcon : ShowIcon, onClick: () => setShowPassword(!showPassword), tabIndex: props.skipButtonInTabNavigation ? -1 : 0 }))] }));
+});
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/custom/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,KAAyB,EAAE,GAAyC,EAAE,EAAE;IACvE,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,EACrE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,YAAY,EAAE;oBACZ,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;iBAClC,KACG,UAAU,GACd,EACD,kBAAkB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,OAAO,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClD,CACH,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/custom/ProgressTicker.d.ts

@@ -0,0 +1,9 @@
+declare const ProgressTicker: {
+    (props: {
+        onTimeout: () => void;
+        targetIntervalTicks: number;
+    }): JSX.Element;
+    displayName: string;
+};
+export { ProgressTicker };
+//# sourceMappingURL=ProgressTicker.d.ts.map

package/dist/components/custom/ProgressTicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTicker.d.ts","sourceRoot":"","sources":["../../../src/components/custom/ProgressTicker.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc;YAAW;QAAE,SAAS,EAAE,MAAM,IAAI,CAAC;QAAC,mBAAmB,EAAE,MAAM,CAAA;KAAE,GAAG,GAAG,CAAC,OAAO;;CAwBlG,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/custom/ProgressTicker.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Progress } from '../shadow-panda/Progress.js';
+// Normalize tick value to 0-100 range
+function ticksToPercentage(ticks, targetIntervalTicks) {
+    return (ticks * 100) / targetIntervalTicks;
+}
+const ProgressTicker = (props) => {
+    const { onTimeout, targetIntervalTicks } = props;
+    const [intervalTicks, setIntervalTicks] = React.useState(0);
+    React.useEffect(() => {
+        let ticks = 0;
+        let interval = null;
+        interval = setInterval(() => {
+            if (ticks < targetIntervalTicks) {
+                setIntervalTicks(++ticks);
+            }
+            if (ticks === targetIntervalTicks - 10) {
+                onTimeout();
+                clearInterval(interval);
+            }
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [onTimeout, targetIntervalTicks]);
+    // Progress currently doesn't support max values bigger than 100 so if we need bigger interval than 100 we have to do some math
+    // to normalize actual tick value to 0-100 range
+    // https://github.com/shadcn-ui/ui/issues/3082
+    return _jsx(Progress, { color: "primary", value: ticksToPercentage(intervalTicks, targetIntervalTicks), max: 100 });
+};
+ProgressTicker.displayName = 'ProgressTicker';
+export { ProgressTicker };
+//# sourceMappingURL=ProgressTicker.js.map

package/dist/components/custom/ProgressTicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTicker.js","sourceRoot":"","sources":["../../../src/components/custom/ProgressTicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,sCAAsC;AACtC,SAAS,iBAAiB,CAAC,KAAa,EAAE,mBAA2B;IACnE,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,mBAAmB,CAAC;AAC7C,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,KAA6D,EAAe,EAAE;IACpG,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,QAAQ,GAAQ,IAAI,CAAC;QACzB,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,IAAI,KAAK,GAAG,mBAAmB,EAAE,CAAC;gBAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAC;YAC5B,CAAC;YACD,IAAI,KAAK,KAAK,mBAAmB,GAAG,EAAE,EAAE,CAAC;gBACvC,SAAS,EAAE,CAAC;gBACZ,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAErC,+HAA+H;IAC/H,gDAAgD;IAChD,8CAA8C;IAC9C,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC9G,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,CAAC"}