@synerise/ds-tooltip 0.14.49 → 0.14.50

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.50](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.14.49...@synerise/ds-tooltip@0.14.50) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-tooltip
+
+
+
+
+
 ## [0.14.49](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.14.48...@synerise/ds-tooltip@0.14.49) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-tooltip

package/dist/Tooltip.example.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import Tooltip from './Tooltip';
-
 var TooltipExample = function TooltipExample() {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
     title: "lool"
   }));
 };
-
 export default TooltipExample;

package/dist/Tooltip.js

@@ -1,9 +1,6 @@
 var _excluded = ["type", "icon", "title", "status", "description", "tutorials", "tutorialAutoplay", "tutorialAutoplaySpeed", "timeToHideAfterClick", "offset", "children", "button", "render"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
 import AntdTooltip from 'antd/lib/tooltip';
@@ -15,48 +12,41 @@ import Button from '@synerise/ds-button';
 import { theme } from '@synerise/ds-core';
 import Scrollbar from '@synerise/ds-scrollbar';
 import * as S from './Tooltip.styles';
-
 var shouldRenderDescription = function shouldRenderDescription(description, type) {
   if (type === 'default' || !description) return null;
   return description;
 };
-
 var shouldRenderTitle = function shouldRenderTitle(type, title) {
   return type !== 'largeSimple' ? title : null;
 };
-
 var shouldRenderStatus = function shouldRenderStatus(status, type) {
   if (type === 'status' || status) return status;
   return null;
 };
-
 var Tooltip = function Tooltip(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'default' : _ref$type,
-      icon = _ref.icon,
-      title = _ref.title,
-      status = _ref.status,
-      description = _ref.description,
-      tutorials = _ref.tutorials,
-      _ref$tutorialAutoplay = _ref.tutorialAutoplay,
-      tutorialAutoplay = _ref$tutorialAutoplay === void 0 ? false : _ref$tutorialAutoplay,
-      _ref$tutorialAutoplay2 = _ref.tutorialAutoplaySpeed,
-      tutorialAutoplaySpeed = _ref$tutorialAutoplay2 === void 0 ? 5000 : _ref$tutorialAutoplay2,
-      _ref$timeToHideAfterC = _ref.timeToHideAfterClick,
-      timeToHideAfterClick = _ref$timeToHideAfterC === void 0 ? 0 : _ref$timeToHideAfterC,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? 'default' : _ref$offset,
-      children = _ref.children,
-      button = _ref.button,
-      render = _ref.render,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    icon = _ref.icon,
+    title = _ref.title,
+    status = _ref.status,
+    description = _ref.description,
+    tutorials = _ref.tutorials,
+    _ref$tutorialAutoplay = _ref.tutorialAutoplay,
+    tutorialAutoplay = _ref$tutorialAutoplay === void 0 ? false : _ref$tutorialAutoplay,
+    _ref$tutorialAutoplay2 = _ref.tutorialAutoplaySpeed,
+    tutorialAutoplaySpeed = _ref$tutorialAutoplay2 === void 0 ? 5000 : _ref$tutorialAutoplay2,
+    _ref$timeToHideAfterC = _ref.timeToHideAfterClick,
+    timeToHideAfterClick = _ref$timeToHideAfterC === void 0 ? 0 : _ref$timeToHideAfterC,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 'default' : _ref$offset,
+    children = _ref.children,
+    button = _ref.button,
+    render = _ref.render,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(false),
-      isVisible = _useState[0],
-      setIsVisible = _useState[1];
-
+    isVisible = _useState[0],
+    setIsVisible = _useState[1];
   var timeoutClickRef = useRef(null);
-
   var shouldRenderIcon = function shouldRenderIcon(tooltipType, tooltipIcon) {
     if (tooltipType !== 'icon') return null;
     if (tooltipIcon && icon) return icon;
@@ -65,28 +55,24 @@ var Tooltip = function Tooltip(_ref) {
       color: theme.palette['orange-500']
     });
   };
-
   var renderButton = useMemo(function () {
     var buttonMode = function buttonMode() {
       // @ts-ignore
       var buttonIcon = button.buttonIcon,
-          label = button.label;
+        label = button.label;
       if (buttonIcon && label) return 'icon-label';
       if (buttonIcon) return 'single-icon';
       return 'label';
     };
-
     return button ? /*#__PURE__*/React.createElement(S.TooltipButton, null, /*#__PURE__*/React.createElement(Button, {
       type: "ghost-white",
       mode: buttonMode(),
       onClick: button == null ? void 0 : button.onClick
     }, button == null ? void 0 : button.buttonIcon, button == null ? void 0 : button.label)) : /*#__PURE__*/React.createElement(React.Fragment, null);
   }, [button]);
-
   var captureClick = function captureClick(event) {
     event.stopPropagation();
   };
-
   var tooltipComponent = /*#__PURE__*/React.createElement(S.TooltipComponent, {
     onClick: captureClick,
     tooltipType: type
@@ -130,20 +116,16 @@ var Tooltip = function Tooltip(_ref) {
     }, tutorial.description));
   })));
   var component;
-
   switch (type) {
     case 'tutorial':
       component = tutorialComponent;
       break;
-
     case 'button':
       component = buttonComponent;
       break;
-
     default:
       component = tooltipComponent;
   }
-
   var overlayClassName = useMemo(function () {
     return "ds-tooltip-offset-" + offset + " ds-tooltip-type-" + type;
   }, [offset, type]);
@@ -153,7 +135,6 @@ var Tooltip = function Tooltip(_ref) {
       timeoutClickRef.current && clearTimeout(timeoutClickRef.current);
     };
   }, []);
-
   var handleOnClickHideDelay = function handleOnClickHideDelay(visible) {
     if (!visible) {
       timeoutClickRef.current && clearTimeout(timeoutClickRef.current);
@@ -165,16 +146,14 @@ var Tooltip = function Tooltip(_ref) {
       }, timeToHideAfterClick);
     }
   };
-  /* eslint-disable-next-line react/destructuring-assignment */
-
 
+  /* eslint-disable-next-line react/destructuring-assignment */
   var handleHideAfterClick = props.trigger === 'click' && timeToHideAfterClick && {
     visible: isVisible,
     onVisibleChange: function onVisibleChange(visible) {
       handleOnClickHideDelay(visible);
     }
   };
-
   if (render !== undefined) {
     return /*#__PURE__*/React.createElement(AntdTooltip, _extends({
       overlayClassName: overlayClassName,
@@ -186,7 +165,6 @@ var Tooltip = function Tooltip(_ref) {
       getPopupContainer: getPopupContainer
     }, handleHideAfterClick, props), children);
   }
-
   return titleExists ? /*#__PURE__*/React.createElement(AntdTooltip, _extends({
     overlayClassName: overlayClassName,
     autoAdjustOverflow: false,
@@ -197,5 +175,4 @@ var Tooltip = function Tooltip(_ref) {
     getPopupContainer: getPopupContainer
   }, handleHideAfterClick, props), children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-
 export default Tooltip;

package/dist/Tooltip.styles.js

@@ -39,38 +39,27 @@ export var TooltipComponent = styled.div.withConfig({
   return props.theme.palette['grey-200'];
 }, TooltipContent, function (props) {
   var defaultPadding = css(["padding:16px;"]);
-
   switch (props.tooltipType) {
     case 'icon':
       return css(["padding:8px 16px 16px;"]);
-
     case 'largeSimple':
       return defaultPadding;
-
     case 'largeScrollable':
       return defaultPadding;
-
     case 'tutorial':
       return css(["padding:0;"]);
-
     case 'avatar':
       return css(["padding:8px 16px 16px;text-align:center;align-items:center;"]);
-
     case 'button':
       return defaultPadding;
-
     case 'header-label':
       return css(["padding:13px 16px 16px;"]);
-
     case 'status':
       return css(["padding:6px 25px 10px 21px;text-align:center;align-items:center;"]);
-
     case 'default':
       return css(["padding:3px 8px;"]);
-
     default:
   }
-
   return defaultPadding;
 }, function (props) {
   return props.theme.palette['grey-600'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tooltip",
-  "version": "0.14.49",
+  "version": "0.14.50",
   "description": "Tooltip UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,9 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.19",
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-scrollbar": "^0.11.19",
+    "@synerise/ds-button": "^0.21.20",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-scrollbar": "^0.11.20",
     "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
@@ -45,5 +45,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }