@manuscripts/style-guide 3.3.15 → 3.4.0

package/dist/cjs/components/ContextMenu.js

@@ -41,7 +41,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
 const Icons = __importStar(require("./icons"));
-const Tooltip_1 = require("./Tooltip");
 const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButton) `
   color: #6e6e6e;
   &:not([disabled]).selected {
@@ -65,6 +64,6 @@ const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
 }, {});
 const ContextMenu = ({ actions }) => ((0, jsx_runtime_1.jsx)(Button_1.IconButtonGroup, { size: 32, children: actions.map((action) => {
         const Icon = icons[action.icon];
-        return ((0, jsx_runtime_1.jsxs)(ContextMenuIconButton, { "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled, children: [(0, jsx_runtime_1.jsx)(Icon, { width: 18, height: 18 }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { id: action.icon, place: "bottom", children: action.label })] }, action.icon));
+        return ((0, jsx_runtime_1.jsx)(ContextMenuIconButton, { "data-tooltip-content": action.label, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled, children: (0, jsx_runtime_1.jsx)(Icon, { width: 18, height: 18 }) }, action.icon));
     }) }));
 exports.ContextMenu = ContextMenu;

package/dist/cjs/components/Tooltip.js

@@ -27,7 +27,6 @@ const StyledTooltipWrapper = styled_components_1.default.div `
     }
   }
 `;
-const defaultOpenEvents = ['click', 'mouseenter'];
 const Tooltip = (props) => ((0, jsx_runtime_1.jsx)(StyledTooltipWrapper, { children: (0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, { positionStrategy: "fixed", offset: 10, openEvents: {
             mouseenter: true,
             mouseover: true,

package/dist/es/components/ContextMenu.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { IconButton, IconButtonGroup } from './Button';
 import * as Icons from './icons';
-import { Tooltip } from './Tooltip';
 const ContextMenuIconButton = styled(IconButton) `
   color: #6e6e6e;
   &:not([disabled]).selected {
@@ -26,5 +25,5 @@ const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
 }, {});
 export const ContextMenu = ({ actions }) => (_jsx(IconButtonGroup, { size: 32, children: actions.map((action) => {
         const Icon = icons[action.icon];
-        return (_jsxs(ContextMenuIconButton, { "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled, children: [_jsx(Icon, { width: 18, height: 18 }), _jsx(Tooltip, { id: action.icon, place: "bottom", children: action.label })] }, action.icon));
+        return (_jsx(ContextMenuIconButton, { "data-tooltip-content": action.label, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled, children: _jsx(Icon, { width: 18, height: 18 }) }, action.icon));
     }) }));

package/dist/es/components/Tooltip.js

@@ -21,7 +21,6 @@ const StyledTooltipWrapper = styled.div `
     }
   }
 `;
-const defaultOpenEvents = ['click', 'mouseenter'];
 export const Tooltip = (props) => (_jsx(StyledTooltipWrapper, { children: _jsx(ReactTooltip, { positionStrategy: "fixed", offset: 10, openEvents: {
             mouseenter: true,
             mouseover: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "3.3.15",
+  "version": "3.4.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",