@luxonis/common-fe-components 1.24.2 → 1.24.3
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.
|
@@ -56,10 +56,10 @@ export const Button = React.forwardRef((props, ref) => {
|
|
|
56
56
|
disabled: !!rest.disabled,
|
|
57
57
|
});
|
|
58
58
|
const withSelectorStyles = css({ paddingRight: 0 });
|
|
59
|
-
return (_jsxs(_Button, { ...rest, ref: ref, size: size ?? (!label && !children ? 'icon' : undefined), type: type ?? 'button', onClick: onClick, className: clsx(colorStyles({ variant, colorVariant }), hoverStyles({ variant, colorVariant, hoverStyle }), customStyles, selector ? withSelectorStyles : null, className), "data-cy": dataCy, children: [_jsxs(Flex, { align: "center", gap: "xs", width: props.contentWidth ?? 'auto', children: [iconPosition === 'end' && label && (_jsx(Label, { text: label, className: mobileLabelStyles, color: "unset", weight: "medium", break: "none" })), icon && _jsx(Icon, { icon: icon, ...iconProps }), iconPosition === 'start' && label && (_jsx(Label, { text: label, className: mobileLabelStyles, color: "unset", weight: "medium", break: "none" })), children] }), selector && (_jsxs(Flex, { height: "full", children: [_jsx(Separator, { orientation: "vertical", height: "full" }), _jsx(ButtonSelect, { ...selector })] }))] }));
|
|
59
|
+
return (_jsxs(_Button, { ...rest, ref: ref, size: size ?? (!label && !children ? 'icon' : undefined), type: type ?? 'button', onClick: onClick, className: clsx(colorStyles({ variant, colorVariant }), hoverStyles({ variant, colorVariant, hoverStyle }), customStyles, selector ? withSelectorStyles : null, className), "data-cy": dataCy, children: [_jsxs(Flex, { align: "center", gap: "xs", width: props.contentWidth ?? 'auto', children: [iconPosition === 'end' && label && (_jsx(Label, { text: label, className: mobileLabelStyles, color: "unset", weight: "medium", break: "none" })), icon && _jsx(Icon, { icon: icon, ...iconProps }), iconPosition === 'start' && label && (_jsx(Label, { text: label, className: mobileLabelStyles, color: "unset", weight: "medium", break: "none" })), children] }), selector && (_jsxs(Flex, { height: "full", children: [_jsx(Separator, { orientation: "vertical", height: "full" }), _jsx(ButtonSelect, { ...selector, disabled: rest.disabled })] }))] }));
|
|
60
60
|
});
|
|
61
61
|
const ButtonSelect = (props) => {
|
|
62
|
-
const { items, action, onSelect: _onSelect, className } = props;
|
|
62
|
+
const { items, action, onSelect: _onSelect, className, disabled } = props;
|
|
63
63
|
const onSelect = React.useCallback((event, id) => {
|
|
64
64
|
if (_onSelect) {
|
|
65
65
|
event.stopPropagation();
|
|
@@ -72,9 +72,9 @@ const ButtonSelect = (props) => {
|
|
|
72
72
|
padding: 'smaller.sm',
|
|
73
73
|
color: 'inherit',
|
|
74
74
|
});
|
|
75
|
-
return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, "data-cy": 'dropdown-menu-trigger',
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, "data-cy": 'dropdown-menu-trigger', disabled: disabled, children: _jsx(Flex, { className: clsx(className, styles), onClick: (event) => {
|
|
76
|
+
event.preventDefault();
|
|
77
|
+
event.stopPropagation();
|
|
78
|
+
}, role: "button", children: _jsx(Icon, { icon: SelectIcon }) }) }), _jsxs(DropdownMenuContent, { maxHeight: "container.smaller.xs", overflowY: "auto", children: [action && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuGroup, { children: action }), items.length > 0 && _jsx(DropdownMenuSeparator, {})] })), _jsx(DropdownMenuGroup, { "data-cy": 'dropdown-menu-items', children: items.map((item) => (_jsx(DropdownMenuItem, { onClick: (event) => onSelect(event, item.id), label: item.value }, `button-select-item-${item.id}`))) })] })] }));
|
|
79
79
|
};
|
|
80
80
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/custom/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/custom/Button.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luxonis/common-fe-components",
|
|
3
|
-
"version": "1.24.
|
|
3
|
+
"version": "1.24.3",
|
|
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.24.
|
|
27
|
+
"@luxonis/common-fe-utils": "^1.24.3",
|
|
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": "cfff59d96fdbbe2934b9f675ca61e109334e47b4",
|
|
90
90
|
"license": "UNLICENSED"
|
|
91
91
|
}
|