@luxonis/common-fe-components 1.9.5

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

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

package/dist/components/custom/RadioGroup.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { _RadioGroup, _RadioGroupItem } from '../shadow-panda/_RadioGroup.js';
+import { _Label } from '../shadow-panda/_Label.js';
+import { sva } from '../../styled-system/css/sva.mjs';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { clsx } from '../../helpers.js';
+import { Label, NormalText, SubLabel } from './Text.js';
+import { Flex } from './Flex.js';
+const radioGroup = sva({
+    slots: ['root', 'label'],
+    base: {
+        root: { 'display': 'flex' },
+        label: {},
+    },
+    variants: {
+        orientation: {
+            vertical: {
+                root: {
+                    'flexDirection': 'column',
+                },
+                label: {
+                    'rounded': 'common',
+                    'justifyContent': 'space-between',
+                    'gap': 'sm',
+                    'flexDirection': 'row-reverse',
+                },
+            },
+            horizontal: {
+                root: {
+                    'gap': '0',
+                    'flexDirection': 'row',
+                },
+                label: {
+                    'gap': 'xs',
+                    'borderRightWidth': '0',
+                    '_hover': {
+                        '& + label': {
+                            borderLeftWidth: 0,
+                        },
+                    },
+                    '&:first-child': {
+                        roundedLeft: 'common',
+                    },
+                    '&:last-child': {
+                        roundedRight: 'common',
+                        borderRightWidth: '1px',
+                    },
+                },
+            },
+        },
+        fullWidth: {
+            true: {
+                root: {
+                    width: 'full',
+                },
+                label: {
+                    width: 'full',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        orientation: 'vertical',
+        fullWidth: false,
+    },
+});
+const radioLabel = cva({
+    base: {
+        'display': 'flex',
+        'borderWidth': 'thin',
+        'borderColor': 'decoration.gray',
+        'padding': 'sm',
+        '&:checked': {
+            borderColor: 'decoration.active',
+            backgroundColor: 'light.active',
+        },
+        '_hover': {
+            'backgroundColor': 'hover.light.active',
+            'borderColor': 'decoration.active',
+            'cursor': 'pointer',
+        },
+    },
+    variants: {
+        orientation: {
+            vertical: {},
+            horizontal: {},
+        },
+        isChecked: {
+            true: {
+                'borderColor': 'decoration.active',
+                'backgroundColor': 'light.active',
+                'borderRightWidth': '1px',
+                '_hover': {
+                    backgroundColor: 'hover.light.active',
+                },
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            isChecked: true,
+            orientation: 'horizontal',
+            css: {
+                '& + label': {
+                    borderLeftWidth: 0,
+                },
+                '& + label:hover': {
+                    borderLeftWidth: 0,
+                },
+            },
+        },
+    ],
+    defaultVariants: {
+        orientation: 'vertical',
+        isChecked: false,
+    },
+});
+export const RadioGroup = React.forwardRef((props, ref) => {
+    const { id, items, orientation, fullWidth, ...rest } = props;
+    const classes = radioGroup({ orientation, fullWidth });
+    return (_jsx(_RadioGroup, { onValueChange: rest.onChange, defaultValue: rest.defaultValue ?? rest.value, ref: ref, ...rest, className: clsx(classes.root, rest.className), children: items.map((item, index) => (_jsxs(_Label, { htmlFor: `${id}-${index}`, alignItems: "center", className: clsx(classes.label, radioLabel({ orientation, isChecked: rest.value === item.value })), children: [_jsx(_RadioGroupItem, { color: rest.value === item.value ? 'dark.active' : undefined, borderColor: "dark.active", value: item.value, id: `${id}-${index}` }), _jsxs(Flex, { direction: "column", children: [_jsx(NormalText, { text: item.label }), item.sublabel && _jsx(SubLabel, { text: item.sublabel })] })] }, `${id}-${index}`))) }));
+});
+export const RadioGroupSimple = React.forwardRef((props, ref) => {
+    const { id, items, ...rest } = props;
+    return (_jsx(_RadioGroup, { onValueChange: rest.onChange, defaultValue: rest.defaultValue ?? rest.value, ref: ref, ...rest, className: rest.className, display: "flex", children: items.map((item, index) => (_jsxs(_Label, { htmlFor: `${id}-${index}`, display: "flex", gap: "xs", flexDirection: "row", alignItems: "center", children: [_jsx(_RadioGroupItem, { color: rest.value === item.value ? 'dark.active' : undefined, borderColor: "dark.active", value: item.value, id: `${id}-${index}` }), _jsx(Flex, { direction: "column", children: _jsx(Label, { text: item.label }) })] }, `${id}-${index}`))) }));
+});
+//# sourceMappingURL=RadioGroup.js.map

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { _Select, _SelectTrigger } from '../shadow-panda/_Select.js';
+export type SelectItem<T extends string> = {
+    value: T;
+    component: React.ReactNode;
+};
+type BaseSelectProps = React.ComponentProps<typeof _Select>;
+type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof _SelectTrigger>;
+export type SelectProps<T extends string> = Omit<BaseSelectProps, 'onValueChange'> & {
+    items: SelectItem<T>[];
+    placeholder?: string;
+    onChange?: (newValue: T) => void;
+    trigger?: SelectTriggerProps;
+    withEllipsis?: boolean;
+    contentClassName?: string;
+    disabled?: boolean;
+};
+export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps<string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAA+B,cAAc,EAAgB,MAAM,4BAA4B,CAAC;AAIhH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IACzC,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAC5D,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;AAEhF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC,GAAG;IACnF,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,yGAqClB,CAAC"}

package/dist/components/custom/Select.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { _Select, _SelectContent, _SelectItem, _SelectTrigger, _SelectValue } from '../shadow-panda/_Select.js';
+import { css } from '../../styled-system/css/css.mjs';
+import { Label } from './Text.js';
+export const Select = React.forwardRef((props, ref) => {
+    const { placeholder, items, onChange, trigger, withEllipsis = false, contentClassName, disabled, ...rest } = props;
+    return (_jsxs(_Select, { onValueChange: onChange, disabled: items.length === 0 || disabled, ...rest, children: [_jsx(_SelectTrigger, { ...trigger, children: withEllipsis ? (_jsx("span", { className: css({ overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }), children: items.length > 0 ? _jsx(_SelectValue, { placeholder: placeholder }) : 'No options available' })) : items.length > 0 ? (_jsx(_SelectValue, { placeholder: placeholder })) : ('No options available') }), _jsx(_SelectContent, { ref: ref, overflowY: "auto", maxH: "container.smaller.xs", className: contentClassName, onWheel: e => e.stopPropagation(), children: items.map((item, index) => (_jsx(_SelectItem, { lineHeight: "lineHeights.sm", value: item.value, children: typeof item.component === 'string' ? (_jsx(Label, { text: item.component || _jsx(_Fragment, { children: "\u00A0" }), color: "normal" })) : (item.component) }, `select-item-${index}-${item.value}`))) })] }));
+});
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/custom/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAChH,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAoBlC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAmB,KAAqB,EAAE,GAA+B,EAAqB,EAAE;IAC9F,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEnH,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,KAAM,IAAI,aAClF,KAAC,cAAc,OAAK,OAAO,YACxB,YAAY,CAAC,CAAC,CAAC,CACd,eAAM,SAAS,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,YACzF,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,sBAAsB,GAClF,CACR,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,sBAAsB,CACvB,GACc,EACjB,KAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,sBAAsB,EAC3B,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAEhC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,WAAW,IAA4C,UAAU,EAAC,gBAAgB,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,YAClG,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpC,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,IAAI,uCAAW,EAAE,KAAK,EAAC,QAAQ,GAAG,CAC9D,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,SAAS,CACf,IALe,eAAe,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAMxC,CACf,CAAC,GACa,IACT,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,16 @@
+export type SelectCardItem<T> = {
+    title: string;
+    value: T;
+    subtitle?: string | null;
+    label?: string | null;
+    disabled?: boolean;
+};
+export type SelectCardsProps<T> = {
+    defaultValue?: T;
+    value?: T;
+    items: SelectCardItem<T>[];
+    onSelect: (item: SelectCardItem<T>) => void;
+    instantClose?: boolean;
+};
+export declare const SelectCards: <T>(props: SelectCardsProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectCards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCards.d.ts","sourceRoot":"","sources":["../../../src/components/custom/SelectCards.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAU,gBAAgB,CAAC,CAAC,CAAC,4CA6CzD,CAAC"}

package/dist/components/custom/SelectCards.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { NormalText, SubLabel } from './Text.js';
+import { Flex } from './Flex.js';
+import { Circle } from './Circle.js';
+import { Card } from './Card.js';
+export const SelectCards = (props) => {
+    const { items, defaultValue, onSelect, value, instantClose = false } = props;
+    React.useEffect(() => {
+        if (value === undefined) {
+            const defaultItem = items.find(item => item.value === defaultValue);
+            if (defaultItem) {
+                onSelect(defaultItem);
+            }
+            else {
+                onSelect(items[0]);
+            }
+        }
+    }, [defaultValue, items, onSelect, value]);
+    const handleSelect = React.useCallback((item) => {
+        onSelect(item);
+    }, [onSelect]);
+    return (_jsx(Flex, { direction: "column", gap: "xs", children: items.map((item, index) => (_jsxs(Card, { direction: "row", align: "center", justify: "space-between", disabled: item.disabled, withHoverEffect: true, onClick: () => handleSelect(item), children: [_jsxs(Flex, { direction: "column", align: "start", justify: "center", gap: "xs", children: [_jsx(NormalText, { text: item.title }), item.subtitle && _jsx(SubLabel, { text: item.subtitle })] }), _jsxs(Flex, { align: "center", gap: "xs", children: [_jsx(NormalText, { text: item.label, weight: "medium" }), !instantClose && _jsx(Circle, { dot: item.value === value, variant: "active" })] })] }, `select-item-${item.value}-${index}`))) }));
+};
+//# sourceMappingURL=SelectCards.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCards.js","sourceRoot":"","sources":["../../../src/components/custom/SelectCards.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAkBjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAK,KAA0B,EAAE,EAAE;IAC5D,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;YACpE,IAAI,WAAW,EAAE,CAAC;gBAChB,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,IAAuB,EAAE,EAAE;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,IAAI,IAEH,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,QACf,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aAEjC,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9D,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,EAC/B,IAAI,CAAC,QAAQ,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,IAC9C,EACP,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC3B,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC/C,CAAC,YAAY,IAAI,KAAC,MAAM,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,OAAO,EAAC,QAAQ,GAAG,IACnE,KAfF,eAAe,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAgBpC,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}