glints-aries 4.1.19 → 4.1.20

package/es/@next/Tooltip/Tooltip.d.ts

@@ -12,6 +12,7 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     timeout?: number;
     /** if clickable it true, onClick will be called when tooltip is clicked */
     onClick?: () => void;
+    tooltipClassName?: string;
 }
-export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, ...props }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, tooltipClassName, ...props }: TooltipProps) => JSX.Element;
 export {};

package/es/@next/Tooltip/Tooltip.js

@@ -1,12 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "content", "preferredPosition", "zIndex", "clickable", "timeout", "onClick"];
+var _excluded = ["children", "content", "preferredPosition", "zIndex", "clickable", "timeout", "onClick", "tooltipClassName"];
 import React, { useEffect, useRef, useState } from 'react';
 import { Portal } from '../Portal/Portal';
 import { Typography } from '../Typography';
 import { bottomPositionResolver, leftPositionResolver, rightPositionResolver, topPositionResolver } from './positionResolver';
 import { canAlignBottom, canAlignCenter, canAlignLeft, canAlignMiddle, canAlignRight, canAlignTop, horizontalBuffer, verticalBuffer } from './positionResolverHelper';
 import { StyledTooltip, StyledTooltipArrow, StyledTooltipContainer } from './TooltipStyle';
+import classNames from 'classnames';
 var topPositions = ['top-center', 'top-left', 'top-right'];
 var bottomPositions = ['bottom-center', 'bottom-left', 'bottom-right'];
 var rightPositions = ['right-middle', 'right-top', 'right-bottom'];
@@ -62,6 +63,7 @@ export var Tooltip = function Tooltip(_ref) {
     _ref$timeout = _ref.timeout,
     timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
     onClick = _ref.onClick,
+    tooltipClassName = _ref.tooltipClassName,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var tooltipRef = useRef(null);
   var elRef = useRef(null);
@@ -163,7 +165,9 @@ export var Tooltip = function Tooltip(_ref) {
     onClick: handleClick
   }, props), children), isActive && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledTooltip, {
     "data-position": position,
-    className: animate ? 'closed-animation' : '',
+    className: classNames({
+      'closed-animation': animate
+    }, tooltipClassName),
     ref: tooltipRef,
     zIndex: zIndex,
     style: {

package/lib/@next/Tooltip/Tooltip.d.ts

@@ -12,6 +12,7 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     timeout?: number;
     /** if clickable it true, onClick will be called when tooltip is clicked */
     onClick?: () => void;
+    tooltipClassName?: string;
 }
-export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, ...props }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, tooltipClassName, ...props }: TooltipProps) => JSX.Element;
 export {};

package/lib/@next/Tooltip/Tooltip.js

@@ -11,7 +11,8 @@ var _Typography = require("../Typography");
 var _positionResolver = require("./positionResolver");
 var _positionResolverHelper = require("./positionResolverHelper");
 var _TooltipStyle = require("./TooltipStyle");
-var _excluded = ["children", "content", "preferredPosition", "zIndex", "clickable", "timeout", "onClick"];
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children", "content", "preferredPosition", "zIndex", "clickable", "timeout", "onClick", "tooltipClassName"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var topPositions = ['top-center', 'top-left', 'top-right'];
@@ -69,6 +70,7 @@ var Tooltip = function Tooltip(_ref) {
     _ref$timeout = _ref.timeout,
     timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
     onClick = _ref.onClick,
+    tooltipClassName = _ref.tooltipClassName,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var tooltipRef = (0, _react.useRef)(null);
   var elRef = (0, _react.useRef)(null);
@@ -170,7 +172,9 @@ var Tooltip = function Tooltip(_ref) {
     onClick: handleClick
   }, props), children), isActive && /*#__PURE__*/_react["default"].createElement(_Portal.Portal, null, /*#__PURE__*/_react["default"].createElement(_TooltipStyle.StyledTooltip, {
     "data-position": position,
-    className: animate ? 'closed-animation' : '',
+    className: (0, _classnames["default"])({
+      'closed-animation': animate
+    }, tooltipClassName),
     ref: tooltipRef,
     zIndex: zIndex,
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.1.19",
+  "version": "4.1.20",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",