@balena/ui-shared-components 2.0.1 → 2.0.2

package/dist/components/ButtonWithTracking/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ButtonProps } from '@mui/material';
+import { type ButtonProps, type TooltipProps } from '@mui/material';
 export interface ButtonWithTrackingProps extends ButtonProps {
     eventName: string;
     eventProperties?: {
         [key: string]: any;
     };
-    tooltip?: string;
+    tooltip?: string | Omit<TooltipProps, 'children'>;
 }
 /**
  * This button will send analytics in case the analytics context is passed through the provider (AnalyticsProvider).

package/dist/components/ButtonWithTracking/index.js

@@ -36,5 +36,6 @@ export var ButtonWithTracking = function (_a) {
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return (_jsx(Tooltip, __assign({ title: tooltip }, { children: _jsx(Button, __assign({}, rest, { onClick: handleClick, disableElevation: true }, { children: children })) })));
+    var tooltipProps = typeof tooltip === 'string' || !tooltip ? { title: tooltip } : tooltip;
+    return (_jsx(Tooltip, __assign({}, tooltipProps, { children: _jsx(Button, __assign({}, rest, { onClick: handleClick, disableElevation: true }, { children: children })) })));
 };

package/dist/components/DownloadImageDialog/index.js

@@ -203,9 +203,12 @@ export var DownloadImageDialog = function (_a) {
                 },
                 children: (_jsxs(_Fragment, { children: [_jsx("img", { width: "20px", alt: "etcher", src: etcherLogoBase64 }), " Flash"] })),
                 disabled: hasDockerImageDownload,
-                tooltip: hasDockerImageDownload
-                    ? 'This image is deployed to docker so you can only download its config'
-                    : 'Etcher v1.7.2 or greater is required',
+                tooltip: {
+                    title: hasDockerImageDownload
+                        ? 'This image is deployed to docker so you can only download its config'
+                        : 'Etcher v1.7.2 or greater is required',
+                    placement: 'top',
+                },
             },
             {
                 eventName: 'Download balenaOS Clicked',

package/dist/components/DropDownButton/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ButtonGroupProps, MenuItemProps, ButtonProps } from '@mui/material';
+import { ButtonGroupProps, MenuItemProps, ButtonProps, TooltipProps } from '@mui/material';
 type MenuItemType<T> = MenuItemWithTrackingProps & T & {
-    tooltip?: string | undefined;
+    tooltip?: string | Omit<TooltipProps, 'children'>;
 };
 export interface DropDownButtonProps<T = unknown> extends Omit<ButtonGroupProps & ButtonProps, 'onClick'> {
     items: Array<MenuItemType<T>>;
@@ -19,7 +19,7 @@ export interface MenuItemWithTrackingProps extends Omit<MenuItemProps, 'onClick'
     eventProperties?: {
         [key: string]: any;
     };
-    tooltip?: string;
+    tooltip?: string | Omit<TooltipProps, 'children'>;
     onClick?: React.MouseEventHandler<HTMLLIElement | HTMLButtonElement>;
 }
 /**

package/dist/components/DropDownButton/index.js

@@ -80,7 +80,6 @@ export var DropDownButton = function (_a) {
     }, [items, groupByProp]);
     var handleClick = function (event) {
         var _a, _b, _c;
-        setAnchorEl(event.currentTarget);
         return ((_c = (_b = (_a = items === null || items === void 0 ? void 0 : items[selectedIndex]) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event)) !== null && _c !== void 0 ? _c : onClick === null || onClick === void 0 ? void 0 : onClick(event, items[selectedIndex]));
     };
     var handleMenuItemClick = function (event, index) {
@@ -114,5 +113,6 @@ export var MenuItemWithTracking = function (_a) {
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return (_jsx(Tooltip, __assign({ title: tooltip }, { children: _jsx(MenuItem, __assign({}, menuItem, { onClick: handleClick }, { children: children })) })));
+    var tooltipProps = typeof tooltip === 'string' || !tooltip ? { title: tooltip } : tooltip;
+    return (_jsx(Tooltip, __assign({}, tooltipProps, { children: _jsx(MenuItem, __assign({}, menuItem, { onClick: handleClick }, { children: children })) })));
 };

package/dist_esm5/components/ButtonWithTracking/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ButtonProps } from '@mui/material';
+import { type ButtonProps, type TooltipProps } from '@mui/material';
 export interface ButtonWithTrackingProps extends ButtonProps {
     eventName: string;
     eventProperties?: {
         [key: string]: any;
     };
-    tooltip?: string;
+    tooltip?: string | Omit<TooltipProps, 'children'>;
 }
 /**
  * This button will send analytics in case the analytics context is passed through the provider (AnalyticsProvider).

package/dist_esm5/components/ButtonWithTracking/index.js

@@ -15,5 +15,6 @@ export var ButtonWithTracking = function (_a) {
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return (_jsx(Tooltip, __assign({ title: tooltip }, { children: _jsx(Button, __assign({}, rest, { onClick: handleClick, disableElevation: true }, { children: children })) })));
+    var tooltipProps = typeof tooltip === 'string' || !tooltip ? { title: tooltip } : tooltip;
+    return (_jsx(Tooltip, __assign({}, tooltipProps, { children: _jsx(Button, __assign({}, rest, { onClick: handleClick, disableElevation: true }, { children: children })) })));
 };

package/dist_esm5/components/DownloadImageDialog/index.js

@@ -132,9 +132,12 @@ export var DownloadImageDialog = function (_a) {
                 },
                 children: (_jsxs(_Fragment, { children: [_jsx("img", { width: "20px", alt: "etcher", src: etcherLogoBase64 }), " Flash"] })),
                 disabled: hasDockerImageDownload,
-                tooltip: hasDockerImageDownload
-                    ? 'This image is deployed to docker so you can only download its config'
-                    : 'Etcher v1.7.2 or greater is required',
+                tooltip: {
+                    title: hasDockerImageDownload
+                        ? 'This image is deployed to docker so you can only download its config'
+                        : 'Etcher v1.7.2 or greater is required',
+                    placement: 'top',
+                },
             },
             {
                 eventName: 'Download balenaOS Clicked',

package/dist_esm5/components/DropDownButton/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ButtonGroupProps, MenuItemProps, ButtonProps } from '@mui/material';
+import { ButtonGroupProps, MenuItemProps, ButtonProps, TooltipProps } from '@mui/material';
 type MenuItemType<T> = MenuItemWithTrackingProps & T & {
-    tooltip?: string | undefined;
+    tooltip?: string | Omit<TooltipProps, 'children'>;
 };
 export interface DropDownButtonProps<T = unknown> extends Omit<ButtonGroupProps & ButtonProps, 'onClick'> {
     items: Array<MenuItemType<T>>;
@@ -19,7 +19,7 @@ export interface MenuItemWithTrackingProps extends Omit<MenuItemProps, 'onClick'
     eventProperties?: {
         [key: string]: any;
     };
-    tooltip?: string;
+    tooltip?: string | Omit<TooltipProps, 'children'>;
     onClick?: React.MouseEventHandler<HTMLLIElement | HTMLButtonElement>;
 }
 /**

package/dist_esm5/components/DropDownButton/index.js

@@ -34,7 +34,6 @@ export var DropDownButton = function (_a) {
     }, [items, groupByProp]);
     var handleClick = function (event) {
         var _a, _b, _c;
-        setAnchorEl(event.currentTarget);
         return ((_c = (_b = (_a = items === null || items === void 0 ? void 0 : items[selectedIndex]) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event)) !== null && _c !== void 0 ? _c : onClick === null || onClick === void 0 ? void 0 : onClick(event, items[selectedIndex]));
     };
     var handleMenuItemClick = function (event, index) {
@@ -68,5 +67,6 @@ export var MenuItemWithTracking = function (_a) {
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return (_jsx(Tooltip, __assign({ title: tooltip }, { children: _jsx(MenuItem, __assign({}, menuItem, { onClick: handleClick }, { children: children })) })));
+    var tooltipProps = typeof tooltip === 'string' || !tooltip ? { title: tooltip } : tooltip;
+    return (_jsx(Tooltip, __assign({}, tooltipProps, { children: _jsx(MenuItem, __assign({}, menuItem, { onClick: handleClick }, { children: children })) })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "./dist/index.js",
   "module": "./dist_esm5/index.js",
   "sideEffects": false,
@@ -112,6 +112,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2024-02-12T17:33:58.680Z"
+    "publishedAt": "2024-02-13T11:45:12.685Z"
   }
 }