@clayui/tooltip 3.119.0 → 3.132.0

package/lib/Tooltip.d.ts

@@ -14,5 +14,5 @@ interface IProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     show?: boolean;
 }
-declare const ClayTooltip: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLElement>>;
-export default ClayTooltip;
+export declare const Tooltip: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLElement>>;
+export {};

package/lib/Tooltip.js

@@ -3,33 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ALIGN_POSITIONS = void 0;
-
+exports.Tooltip = exports.ALIGN_POSITIONS = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _excluded = ["alignPosition", "children", "className", "show"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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; }
-
-var ALIGN_POSITIONS = ['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right'];
-exports.ALIGN_POSITIONS = ALIGN_POSITIONS;
-
-var ClayTooltip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
+var ALIGN_POSITIONS = exports.ALIGN_POSITIONS = ['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right'];
+var Tooltip = exports.Tooltip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$alignPosition = _ref.alignPosition,
-      alignPosition = _ref$alignPosition === void 0 ? 'bottom' : _ref$alignPosition,
-      children = _ref.children,
-      className = _ref.className,
-      show = _ref.show,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+    alignPosition = _ref$alignPosition === void 0 ? 'bottom' : _ref$alignPosition,
+    children = _ref.children,
+    className = _ref.className,
+    show = _ref.show,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(className, 'tooltip', "clay-tooltip-".concat(alignPosition), {
       show: show
@@ -43,7 +36,4 @@ var ClayTooltip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     className: "tooltip-inner"
   }, children));
 });
-
-ClayTooltip.displayName = 'ClayTooltip';
-var _default = ClayTooltip;
-exports.default = _default;
+Tooltip.displayName = 'ClayTooltip';

package/lib/TooltipProvider.d.ts

@@ -8,13 +8,13 @@ declare type TContentRenderer = (props: {
     targetNode?: HTMLElement | null;
     title: string;
 }) => React.ReactElement | React.ReactNode;
-interface IPropsBase {
+declare type Props = {
     /**
      * Flag to indicate if tooltip should automatically align based on the window
      */
     autoAlign?: boolean;
     /**
-     * Props to add to the <ClayPortal/>.
+     * Props to add to the `<ClayPortal/>`.
      */
     containerProps?: IPortalBaseProps;
     /**
@@ -25,19 +25,13 @@ interface IPropsBase {
      * Delay in miliseconds before showing tooltip
      */
     delay?: number;
-}
-interface IPropsWithChildren extends IPropsBase {
-    children: React.ReactElement;
-    scope?: never;
-}
-interface IPropsWithScope extends IPropsBase {
-    children?: never;
+    children?: React.ReactElement;
     /**
      * CSS selector to scope provider to. All titles within this scope will be
      * rendered in the tooltip. Titles outside of this scope will be styled
      * as with the default browser.
      */
-    scope: string;
-}
-declare const TooltipProvider: ({ autoAlign, children, containerProps, contentRenderer, delay, scope, }: IPropsWithChildren | IPropsWithScope) => JSX.Element;
-export default TooltipProvider;
+    scope?: string;
+};
+export declare const ClayTooltipProvider: ({ autoAlign, children, containerProps, contentRenderer, delay, scope, }: Props) => JSX.Element;
+export {};

package/lib/TooltipProvider.js

@@ -1,56 +1,38 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
+exports.ClayTooltipProvider = void 0;
 var _shared = require("@clayui/shared");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _warning = _interopRequireDefault(require("warning"));
-
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
+var _Tooltip = require("./Tooltip");
 var _useAlign = require("./useAlign");
-
 var _useClosestTitle2 = require("./useClosestTitle");
-
 var _useTooltipState2 = require("./useTooltipState");
-
 var _excluded = ["type"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
 var initialState = {
   align: 'top',
   floating: false,
@@ -59,93 +41,81 @@ var initialState = {
 };
 var TRIGGER_HIDE_EVENTS = ['dragstart', 'mouseout', 'mouseup', 'pointerup', 'touchend'];
 var TRIGGER_SHOW_EVENTS = ['mouseover', 'mouseup', 'pointerdown', 'touchstart'];
-
 var reducer = function reducer(state, _ref) {
   var type = _ref.type,
-      payload = _objectWithoutProperties(_ref, _excluded);
-
+    payload = _objectWithoutProperties(_ref, _excluded);
   switch (type) {
     case 'update':
       return _objectSpread(_objectSpread({}, state), payload);
-
     case 'reset':
       return _objectSpread(_objectSpread({}, state), {}, {
         align: initialState.align,
         floating: false
       });
-
     default:
       throw new TypeError();
   }
 };
-
-var TooltipProvider = function TooltipProvider(_ref2) {
+var ClayTooltipProvider = exports.ClayTooltipProvider = function ClayTooltipProvider(_ref2) {
   var _ref2$autoAlign = _ref2.autoAlign,
-      autoAlign = _ref2$autoAlign === void 0 ? true : _ref2$autoAlign,
-      children = _ref2.children,
-      _ref2$containerProps = _ref2.containerProps,
-      containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
-      _ref2$contentRenderer = _ref2.contentRenderer,
-      contentRenderer = _ref2$contentRenderer === void 0 ? function (props) {
-    return props.title;
-  } : _ref2$contentRenderer,
-      _ref2$delay = _ref2.delay,
-      delay = _ref2$delay === void 0 ? 600 : _ref2$delay,
-      scope = _ref2.scope;
-
+    autoAlign = _ref2$autoAlign === void 0 ? true : _ref2$autoAlign,
+    children = _ref2.children,
+    _ref2$containerProps = _ref2.containerProps,
+    containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
+    _ref2$contentRenderer = _ref2.contentRenderer,
+    contentRenderer = _ref2$contentRenderer === void 0 ? function (props) {
+      return props.title;
+    } : _ref2$contentRenderer,
+    _ref2$delay = _ref2.delay,
+    delay = _ref2$delay === void 0 ? 600 : _ref2$delay,
+    scope = _ref2.scope;
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      _useReducer2$ = _useReducer2[0],
-      align = _useReducer2$.align,
-      floating = _useReducer2$.floating,
-      setAsHTML = _useReducer2$.setAsHTML,
-      _useReducer2$$title = _useReducer2$.title,
-      title = _useReducer2$$title === void 0 ? '' : _useReducer2$$title,
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    _useReducer2$ = _useReducer2[0],
+    align = _useReducer2$.align,
+    floating = _useReducer2$.floating,
+    setAsHTML = _useReducer2$.setAsHTML,
+    _useReducer2$$title = _useReducer2$.title,
+    title = _useReducer2$$title === void 0 ? '' : _useReducer2$$title,
+    dispatch = _useReducer2[1];
   var tooltipRef = (0, _react.useRef)(null);
-
   var _useInteractionFocus = (0, _shared.useInteractionFocus)(),
-      getInteraction = _useInteractionFocus.getInteraction,
-      isFocusVisible = _useInteractionFocus.isFocusVisible;
-
+    getInteraction = _useInteractionFocus.getInteraction,
+    isFocusVisible = _useInteractionFocus.isFocusVisible;
   var isHovered = (0, _react.useRef)(false);
   var isFocused = (0, _react.useRef)(false);
-
   var _useTooltipState = (0, _useTooltipState2.useTooltipState)({
-    delay: delay
-  }),
-      close = _useTooltipState.close,
-      isOpen = _useTooltipState.isOpen,
-      open = _useTooltipState.open;
-
+      delay: delay
+    }),
+    close = _useTooltipState.close,
+    isOpen = _useTooltipState.isOpen,
+    open = _useTooltipState.open;
   var _useClosestTitle = (0, _useClosestTitle2.useClosestTitle)({
-    forceHide: (0, _react.useCallback)(function () {
-      dispatch({
-        type: 'reset'
-      });
-      close();
-    }, []),
-    onClick: (0, _react.useCallback)(function () {
-      isFocused.current = false;
-      isHovered.current = false;
-    }, []),
-    onHide: (0, _react.useCallback)(function () {
-      if (!isHovered.current && !isFocused.current) {
+      forceHide: (0, _react.useCallback)(function () {
         dispatch({
           type: 'reset'
         });
         close();
-      }
-    }, []),
-    tooltipRef: tooltipRef
-  }),
-      forceHide = _useClosestTitle.forceHide,
-      getProps = _useClosestTitle.getProps,
-      onHide = _useClosestTitle.onHide,
-      target = _useClosestTitle.target,
-      titleNode = _useClosestTitle.titleNode;
-
+      }, []),
+      onClick: (0, _react.useCallback)(function () {
+        isFocused.current = false;
+        isHovered.current = false;
+      }, []),
+      onHide: (0, _react.useCallback)(function () {
+        if (!isHovered.current && !isFocused.current) {
+          dispatch({
+            type: 'reset'
+          });
+          close();
+        }
+      }, []),
+      tooltipRef: tooltipRef
+    }),
+    forceHide = _useClosestTitle.forceHide,
+    getProps = _useClosestTitle.getProps,
+    onHide = _useClosestTitle.onHide,
+    target = _useClosestTitle.target,
+    titleNode = _useClosestTitle.titleNode;
   (0, _useAlign.useAlign)({
     align: align,
     autoAlign: autoAlign,
@@ -164,10 +134,8 @@ var TooltipProvider = function TooltipProvider(_ref2) {
   var onShow = (0, _react.useCallback)(function (event) {
     if (isHovered.current || isFocused.current) {
       var _props = getProps(event, isHovered.current);
-
       if (_props) {
         var _ref3;
-
         dispatch({
           align: (_ref3 = _props.align) !== null && _ref3 !== void 0 ? _ref3 : align,
           floating: _props.floating,
@@ -186,42 +154,35 @@ var TooltipProvider = function TooltipProvider(_ref2) {
         forceHide();
       }
     };
-
     document.addEventListener('keyup', handleEsc, true);
     return function () {
       return document.removeEventListener('keyup', handleEsc, true);
     };
   }, [isOpen]);
-
   var onHoverStart = function onHoverStart(event) {
     if (getInteraction() === 'pointer') {
       isHovered.current = true;
     } else {
       isHovered.current = false;
     }
-
     onShow(event);
   };
-
   var onHoverEnd = function onHoverEnd(event) {
     isFocused.current = false;
     isHovered.current = false;
     onHide(event);
   };
-
   var onFocus = function onFocus(event) {
     if (isFocusVisible()) {
       isFocused.current = true;
       onShow(event);
     }
   };
-
   var onBlur = function onBlur(event) {
     isFocused.current = false;
     isHovered.current = false;
     onHide(event);
   };
-
   (0, _react.useEffect)(function () {
     if (scope) {
       var disposeShowEvents = TRIGGER_SHOW_EVENTS.map(function (eventName) {
@@ -253,8 +214,7 @@ var TooltipProvider = function TooltipProvider(_ref2) {
     targetNode: target.current,
     title: title
   });
-
-  var tooltip = isOpen && /*#__PURE__*/_react.default.createElement(_shared.ClayPortal, containerProps, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  var tooltip = isOpen && /*#__PURE__*/_react.default.createElement(_shared.ClayPortal, containerProps, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     alignPosition: align,
     ref: tooltipRef,
     show: true
@@ -263,7 +223,6 @@ var TooltipProvider = function TooltipProvider(_ref2) {
       __html: titleContent
     }
   }) : titleContent));
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, scope ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tooltip, children) : children && /*#__PURE__*/_react.default.cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, {
     children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.props.children, tooltip),
     onBlur: onBlur,
@@ -271,7 +230,4 @@ var TooltipProvider = function TooltipProvider(_ref2) {
     onMouseOut: onHoverEnd,
     onMouseOver: onHoverStart
   })));
-};
-
-var _default = TooltipProvider;
-exports.default = _default;
+};

package/lib/index.d.ts

@@ -2,7 +2,7 @@
  * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: BSD-3-Clause
  */
-import ClayTooltip from './Tooltip';
-import ClayTooltipProvider from './TooltipProvider';
-export { ClayTooltipProvider };
-export default ClayTooltip;
+import { Tooltip } from './Tooltip';
+import { ClayTooltipProvider } from './TooltipProvider';
+export { Tooltip, ClayTooltipProvider };
+export default Tooltip;

package/lib/index.js

@@ -6,20 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ClayTooltipProvider", {
   enumerable: true,
   get: function get() {
-    return _TooltipProvider.default;
+    return _TooltipProvider.ClayTooltipProvider;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip.Tooltip;
   }
 });
 exports.default = void 0;
-
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
-var _TooltipProvider = _interopRequireDefault(require("./TooltipProvider"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+var _Tooltip = require("./Tooltip");
+var _TooltipProvider = require("./TooltipProvider");
 /**
  * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var _default = _Tooltip.default;
-exports.default = _default;
+var _default = exports.default = _Tooltip.Tooltip;

package/lib/useAlign.js

@@ -4,31 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAlign = useAlign;
-
 var _shared = require("@clayui/shared");
-
 var _domAlign = require("dom-align");
-
 var _react = require("react");
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 var ALIGNMENTS = ['top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left'];
 var ALIGNMENTS_MAP = {
   bottom: ['tc', 'bc'],
@@ -64,30 +57,26 @@ var OFFSET_MAP = {
   tlbl: BOTTOM_OFFSET,
   trbr: BOTTOM_OFFSET
 };
-
 var ALIGNMENTS_FORCE_MAP = _objectSpread(_objectSpread({}, ALIGNMENTS_INVERSE_MAP), {}, {
   bctc: 'top-left',
   tcbc: 'bottom-left'
 });
-
 function useAlign(_ref) {
   var align = _ref.align,
-      autoAlign = _ref.autoAlign,
-      floating = _ref.floating,
-      isOpen = _ref.isOpen,
-      onAlign = _ref.onAlign,
-      sourceElement = _ref.sourceElement,
-      targetElement = _ref.targetElement,
-      title = _ref.title;
+    autoAlign = _ref.autoAlign,
+    floating = _ref.floating,
+    isOpen = _ref.isOpen,
+    onAlign = _ref.onAlign,
+    sourceElement = _ref.sourceElement,
+    targetElement = _ref.targetElement,
+    title = _ref.title;
   var mousePosition = (0, _shared.useMousePosition)(20);
   (0, _react.useEffect)(function () {
     if (sourceElement.current && isOpen && floating) {
       var points = ALIGNMENTS_MAP[align || 'top'];
-
       var _mousePosition = _slicedToArray(mousePosition, 2),
-          clientX = _mousePosition[0],
-          clientY = _mousePosition[1];
-
+        clientX = _mousePosition[0],
+        clientY = _mousePosition[1];
       (0, _domAlign.alignPoint)(sourceElement.current, {
         clientX: clientX,
         clientY: clientY
@@ -111,7 +100,6 @@ function useAlign(_ref) {
       });
       var alignmentString = alignment.points.join('');
       var pointsString = points.join('');
-
       if (alignment.overflow.adjustX) {
         onAlign(ALIGNMENTS_FORCE_MAP[alignmentString]);
       } else if (pointsString !== alignmentString) {

package/lib/useClosestTitle.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useClosestTitle = useClosestTitle;
-
 var _react = require("react");
-
 /**
  * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
  * SPDX-License-Identifier: BSD-3-Clause
  */
+
 function matches(element, selectorString) {
   if (element.matches) {
     return element.matches(selectorString);
@@ -22,53 +21,42 @@ function matches(element, selectorString) {
     return false;
   }
 }
-
 function closestAncestor(node, s) {
   var element = node;
   var ancestor = node;
-
   if (!document.documentElement.contains(element)) {
     return null;
   }
-
   do {
     if (matches(ancestor, s)) {
       return ancestor;
     }
-
     ancestor = ancestor.parentElement;
   } while (ancestor !== null);
-
   return null;
 }
-
 function useClosestTitle(props) {
   var targetRef = (0, _react.useRef)(null);
   var titleNodeRef = (0, _react.useRef)(null);
   var saveTitle = (0, _react.useCallback)(function (element) {
     var title = element.getAttribute('title');
-
     if (title) {
       element.setAttribute('data-restore-title', title);
       element.removeAttribute('title');
     } else if (element.tagName === 'svg') {
       var titleTag = element.querySelector('title');
-
       if (titleTag) {
         element.setAttribute('data-restore-title', titleTag.innerHTML);
         titleTag.remove();
       }
     }
-
     var hasParentTitle = element.closest('[title]');
-
     if (hasParentTitle) {
       saveTitle(hasParentTitle);
     }
   }, []);
   var restoreTitle = (0, _react.useCallback)(function (element) {
     var title = element.getAttribute('data-restore-title');
-
     if (title) {
       if (element.tagName === 'svg') {
         var titleTag = document.createElement('title');
@@ -77,35 +65,28 @@ function useClosestTitle(props) {
       } else {
         element.setAttribute('title', title);
       }
-
       element.removeAttribute('data-restore-title');
     }
-
     var hasParentTitle = element.closest('[data-restore-title]');
-
     if (hasParentTitle) {
       restoreTitle(hasParentTitle);
     }
   }, []);
   var onClick = (0, _react.useCallback)(function (event) {
-    props.onClick(); // eslint-disable-next-line @typescript-eslint/no-use-before-define
-
+    props.onClick();
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
     onHide(event);
   }, []);
   var onHide = (0, _react.useCallback)(function (event) {
     var _event$relatedTarget, _props$tooltipRef$cur, _targetRef$current;
-
     if (event && !((_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 && _event$relatedTarget.getAttribute('title')) && ((_props$tooltipRef$cur = props.tooltipRef.current) !== null && _props$tooltipRef$cur !== void 0 && _props$tooltipRef$cur.contains(event.relatedTarget) || (_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(event.relatedTarget))) {
       return null;
     }
-
     props.onHide();
-
     if (titleNodeRef.current) {
       restoreTitle(titleNodeRef.current);
       titleNodeRef.current = null;
     }
-
     if (targetRef.current) {
       targetRef.current.removeEventListener('click', onClick);
       targetRef.current = null;
@@ -113,12 +94,10 @@ function useClosestTitle(props) {
   }, []);
   var forceHide = (0, _react.useCallback)(function () {
     props.forceHide();
-
     if (titleNodeRef.current) {
       restoreTitle(titleNodeRef.current);
       titleNodeRef.current = null;
     }
-
     if (targetRef.current) {
       targetRef.current.removeEventListener('click', onClick);
       targetRef.current = null;
@@ -127,27 +106,22 @@ function useClosestTitle(props) {
   var getProps = (0, _react.useCallback)(function (event, hideBrowserTitle) {
     if (targetRef.current) {
       props.onClick();
-
       if (onHide(event) === null) {
         return;
       }
     }
-
     var target = event.target;
     var hasTitle = target && (target.hasAttribute('[title]') || target.hasAttribute('[data-title]'));
     var node = hasTitle ? target : closestAncestor(target, '[title], [data-title]');
     var hasNonEmptyTitle = (node === null || node === void 0 ? void 0 : node.getAttribute('title')) !== '';
-
     if (node && hasNonEmptyTitle) {
       targetRef.current = target;
       target.addEventListener('click', onClick);
       var title = node.getAttribute('title') || node.getAttribute('data-title') || '';
       titleNodeRef.current = node;
-
       if (hideBrowserTitle) {
         saveTitle(node);
       }
-
       return {
         align: node.getAttribute('data-tooltip-align'),
         delay: node.getAttribute('data-tooltip-delay'),

package/lib/useTooltipState.js

@@ -4,30 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTooltipState = useTooltipState;
-
 var _react = require("react");
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
 function useTooltipState(_ref) {
   var _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 600 : _ref$delay;
-
+    delay = _ref$delay === void 0 ? 600 : _ref$delay;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setOpen = _useState2[1];
   var timeoutIdRef = (0, _react.useRef)();
   var open = (0, _react.useCallback)(function (immediate, customDelay) {
     if (!immediate) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/tooltip",
-	"version": "3.119.0",
+	"version": "3.132.0",
 	"description": "ClayTooltip component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -17,6 +17,7 @@
 	"scripts": {
 		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
 		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
+		"format": "prettier --write \"**/*.{js,ts,tsx,md,mdx,json,scss}\"",
 		"test": "jest --config ../../jest.config.js"
 	},
 	"keywords": [
@@ -24,7 +25,7 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/shared": "^3.119.0",
+		"@clayui/shared": "^3.132.0",
 		"classnames": "^2.2.6",
 		"dom-align": "^1.12.2",
 		"warning": "^4.0.3"
@@ -37,5 +38,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "d7bffea85cd618678d0481131fb20d09c70b725e"
+	"gitHead": "6d834ec22c4a7b45f51e51f70c4ddb1f793e6300"
 }