@algolia/satellite 1.0.0-beta.16 → 1.0.0-beta.160

package/cjs/Tooltip/OverflowTooltipWrapper.d.ts

@@ -0,0 +1,6 @@
+import type { FunctionComponent } from "react";
+import type { TooltipWrapperBaseProps } from "./types";
+/** @ignore */
+export declare const isOverflowing: (element: HTMLElement) => boolean;
+export declare const OverflowTooltipWrapper: FunctionComponent<TooltipWrapperBaseProps>;
+export default OverflowTooltipWrapper;

package/cjs/Tooltip/OverflowTooltipWrapper.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isOverflowing = exports["default"] = exports.OverflowTooltipWrapper = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _reactPopper = require("react-popper");
+var _Satellite = require("../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _TextWrap = _interopRequireDefault(require("../TextWrap"));
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _TooltipWrapper = require("./TooltipWrapper");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+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) { (0, _defineProperty2["default"])(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; }
+/** @ignore */
+var isOverflowing = function isOverflowing(element) {
+  return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
+};
+exports.isOverflowing = isOverflowing;
+var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
+  var _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+    _ref$tooltipVariant = _ref.tooltipVariant,
+    tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
+    wrapperClassName = _ref.wrapperClassName,
+    tooltipClassName = _ref.tooltipClassName,
+    children = _ref.children,
+    _ref$modifiers = _ref.modifiers,
+    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
+    _ref$noArrow = _ref.noArrow,
+    noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow;
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    targetEl = _useState2[0],
+    setTargetEl = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    popperEl = _useState4[0],
+    setPopperEl = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    arrowEl = _useState6[0],
+    setArrowEl = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    tooltipText = _useState8[0],
+    setTooltipText = _useState8[1];
+  var _usePopper = (0, _reactPopper.usePopper)(targetEl, popperEl, {
+      placement: placement,
+      strategy: "fixed",
+      modifiers: [].concat((0, _toConsumableArray2["default"])(_TooltipWrapper.DEFAULT_TOOLTIP_POPPER_MODIFIERS), [{
+        name: "arrow",
+        options: {
+          element: arrowEl
+        }
+      }], (0, _toConsumableArray2["default"])(modifiers))
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes;
+  var onMouseEnter = function onMouseEnter(evt) {
+    return setTooltipText(isOverflowing(evt.currentTarget) ? evt.currentTarget.textContent : null);
+  };
+  var onMouseLeave = function onMouseLeave() {
+    return setTooltipText(null);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: setTargetEl,
+      className: (0, _clsx["default"])(wrapperClassName, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["truncate"])))),
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      children: children
+    }), !!tooltipText && createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
+      style: styles.popper,
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-popper"]))), tooltipClassName),
+      ref: setPopperEl,
+      children: [!noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: setArrowEl,
+        style: styles.arrow,
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-arrow ", ""])), tooltipVariant === "light" && "tooltip-wrapper-arrow-light")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip["default"], {
+        variant: tooltipVariant,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextWrap["default"], {
+          children: tooltipText
+        })
+      })]
+    })))]
+  });
+};
+exports.OverflowTooltipWrapper = OverflowTooltipWrapper;
+var _default = OverflowTooltipWrapper;
+exports["default"] = _default;

package/cjs/Tooltip/Tooltip.d.ts

@@ -0,0 +1,24 @@
+import type { DetailedHTMLProps, HTMLAttributes } from "react";
+export declare type TooltipVariant = "dark" | "light";
+export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    variant?: TooltipVariant;
+}
+/**
+ * Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover, focus, tap, or click.
+ *
+ * Use tooltips to identify or add a small amount of information to an element. Typically, tooltips are used to help users understand the meaning or purpose of icons, showing the full version of truncated text, or displaying the alt text for an image. Tooltips do not receive input focus.
+ * When writing tooltips, be short and concise.. When you need to add more than a single line of extra information, consider using inline dialogs instead.
+ *
+ * The position of tooltips is flexible and will change depending on how close the element is to the edge of the screen.
+ *
+ * ## Best practices
+ * Tooltips should:
+ *
+ * - Provide useful, additional information or clarification
+ * - Succinctly describe or expand on the element they point to
+ * - Not be used to communicate critical information, including errors in forms or other interaction feedback
+ * - Not contain any links or buttons
+ * - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
+ */
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Tooltip;

package/cjs/Tooltip/Tooltip.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Tooltip = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "variant"];
+var _templateObject, _templateObject2, _templateObject3;
+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) { (0, _defineProperty2["default"])(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; }
+var VARIANT_CLASSNAMES = {
+  dark: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-dark"]))),
+  light: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-light"])))
+};
+
+/**
+ * Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover, focus, tap, or click.
+ *
+ * Use tooltips to identify or add a small amount of information to an element. Typically, tooltips are used to help users understand the meaning or purpose of icons, showing the full version of truncated text, or displaying the alt text for an image. Tooltips do not receive input focus.
+ * When writing tooltips, be short and concise.. When you need to add more than a single line of extra information, consider using inline dialogs instead.
+ *
+ * The position of tooltips is flexible and will change depending on how close the element is to the edge of the screen.
+ *
+ * ## Best practices
+ * Tooltips should:
+ *
+ * - Provide useful, additional information or clarification
+ * - Succinctly describe or expand on the element they point to
+ * - Not be used to communicate critical information, including errors in forms or other interaction feedback
+ * - Not contain any links or buttons
+ * - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
+ */
+var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "dark" : _ref$variant,
+    divProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, divProps), {}, {
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip typo-display-body"]))), VARIANT_CLASSNAMES[variant], className),
+    ref: ref
+  }));
+});
+exports.Tooltip = Tooltip;
+Tooltip.displayName = "Tooltip";
+var _default = Tooltip;
+exports["default"] = _default;

package/cjs/Tooltip/Tooltip.tailwind.d.ts

@@ -0,0 +1,5 @@
+export = tooltipPlugin;
+declare const tooltipPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss").Config> | undefined;
+};

package/cjs/Tooltip/Tooltip.tailwind.js

@@ -0,0 +1,114 @@
+"use strict";
+
+// @ts-check
+var plugin = require("tailwindcss/plugin");
+var tooltipPlugin = plugin(function (_ref) {
+  var addComponents = _ref.addComponents,
+    theme = _ref.theme;
+  var arrowSize = 4;
+
+  /** @type {string} */
+  var tooltipDarkBackground = theme("colors.grey.900");
+  /** @type {string} */
+  var tooltipLightBackground = theme("colors.white");
+  addComponents({
+    ".tooltip": {
+      padding: "".concat(theme("spacing.1"), " ").concat(theme("spacing.2")),
+      backgroundColor: tooltipDarkBackground,
+      color: theme("colors.white"),
+      boxShadow: theme("boxShadow.z200"),
+      borderRadius: theme("borderRadius.DEFAULT"),
+      // Used on the dashboard, should probably move over there
+      code: {
+        color: "currentColor",
+        border: "1px solid currentColor",
+        background: "initial",
+        whiteSpace: "nowrap",
+        lineHeight: "2"
+      }
+    },
+    ".tooltip-dark": {
+      ".typo-link": {
+        color: theme("colors.accent.300"),
+        textDecoration: "underline"
+      }
+    },
+    ".tooltip-light": {
+      color: theme("colors.grey.900"),
+      backgroundColor: tooltipLightBackground
+    }
+  });
+  addComponents({
+    ".tooltip-wrapper": {
+      display: "inline-block",
+      lineHeight: "0",
+      outline: "0px"
+    },
+    ".tooltip-wrapper-popper": {
+      zIndex: theme("zIndex.tooltip"),
+      userSelect: "none",
+      maxWidth: theme("spacing.64")
+    },
+    ".tooltip-wrapper-arrow": {
+      position: "absolute",
+      display: "block",
+      width: "".concat(arrowSize, "px"),
+      height: "".concat(arrowSize, "px"),
+      border: "".concat(arrowSize, "px solid transparent"),
+      color: tooltipDarkBackground,
+      '[data-popper-placement^="right"] > &': {
+        left: "".concat(-arrowSize, "px"),
+        borderLeft: "none",
+        borderRightColor: "currentColor"
+      },
+      '[data-popper-placement^="left"] > &': {
+        right: "".concat(-arrowSize, "px"),
+        borderRight: "none",
+        borderLeftColor: "currentColor"
+      },
+      '[data-popper-placement^="top"] > &': {
+        top: "100%",
+        borderBottom: "none",
+        borderTopColor: "currentColor"
+      },
+      '[data-popper-placement^="bottom"] > &': {
+        top: "".concat(-arrowSize, "px"),
+        borderTop: "none",
+        borderBottomColor: "currentColor"
+      }
+    },
+    ".tooltip-wrapper-arrow-light": {
+      color: theme("colors.shadow.10"),
+      "&::after": {
+        position: "absolute",
+        content: '" "',
+        border: "".concat(arrowSize - 1, "px solid transparent")
+      },
+      '[data-popper-placement^="left"] > &::after': {
+        right: "1px",
+        transform: "translate(0, -50%)",
+        borderRight: "none",
+        borderLeftColor: tooltipLightBackground
+      },
+      '[data-popper-placement^="right"] > &::after': {
+        left: "1px",
+        transform: "translate(0, -50%)",
+        borderLeft: "none",
+        borderRightColor: tooltipLightBackground
+      },
+      '[data-popper-placement^="top"] > &::after': {
+        bottom: "1px",
+        transform: "translate(-50%, 0)",
+        borderBottom: "none",
+        borderTopColor: tooltipLightBackground
+      },
+      '[data-popper-placement^="bottom"] > &::after': {
+        top: "1px",
+        transform: "translate(-50%, 0)",
+        borderTop: "none",
+        borderBottomColor: tooltipLightBackground
+      }
+    }
+  });
+});
+module.exports = tooltipPlugin;

package/cjs/Tooltip/TooltipWrapper.d.ts

@@ -0,0 +1,28 @@
+import type { FunctionComponent, ReactNode } from "react";
+import { StrictModifier } from "react-popper";
+import type { TooltipWrapperBaseProps } from "./types";
+export declare const DEFAULT_TOOLTIP_POPPER_MODIFIERS: StrictModifier[];
+export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
+    show?: boolean;
+    /**
+     * Controls how long you should hover the wrapped element before displaying the tooltip (in ms)
+     * @default 0
+     * */
+    delay?: number;
+    /**
+     * Controls how long the tooltip should stay displayed when leaving the wrapped element (in ms)
+     * @default 500
+     * */
+    hideDelay?: number;
+    /**
+     * Indicates whether the tooltip itself should be considered when computing the tooltip target.
+     * Useful when the tooltip itself contains selectable text or interactive elements, and thus
+     * shouldn't be dismissed when the mouse hovers it
+     * @default true
+     */
+    interactive?: boolean;
+    content: ReactNode;
+    children: ReactNode;
+}
+export declare const TooltipWrapper: FunctionComponent<TooltipWrapperProps>;
+export default TooltipWrapper;

package/cjs/Tooltip/TooltipWrapper.js

@@ -0,0 +1,191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TooltipWrapper = exports.DEFAULT_TOOLTIP_POPPER_MODIFIERS = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _react = require("react");
+var _reactPopper = require("react-popper");
+var _Satellite = require("../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+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) { (0, _defineProperty2["default"])(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; }
+var DEFAULT_TOOLTIP_POPPER_MODIFIERS = [{
+  name: "offset",
+  options: {
+    offset: [0, 8]
+  }
+}];
+exports.DEFAULT_TOOLTIP_POPPER_MODIFIERS = DEFAULT_TOOLTIP_POPPER_MODIFIERS;
+var TooltipWrapper = function TooltipWrapper(_ref) {
+  var show = _ref.show,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$hideDelay = _ref.hideDelay,
+    hideDelay = _ref$hideDelay === void 0 ? 500 : _ref$hideDelay,
+    tooltipContent = _ref.content,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+    _ref$tooltipVariant = _ref.tooltipVariant,
+    tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
+    wrapperClassName = _ref.wrapperClassName,
+    tooltipClassName = _ref.tooltipClassName,
+    children = _ref.children,
+    _ref$modifiers = _ref.modifiers,
+    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
+    _ref$noArrow = _ref.noArrow,
+    noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow,
+    _ref$interactive = _ref.interactive,
+    interactive = _ref$interactive === void 0 ? true : _ref$interactive;
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  var isControlled = typeof show === "boolean";
+  var _useState = (0, _react.useState)(!!show),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    internalShow = _useState2[0],
+    setInternalShow = _useState2[1];
+  var transitioning = (0, _react.useRef)(undefined);
+  (0, _react.useEffect)(function () {
+    if (!isControlled) return;
+    setInternalShow(show);
+    transitioning.current = undefined;
+  }, [isControlled, show]);
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    targetEl = _useState4[0],
+    setTargetEl = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    popperEl = _useState6[0],
+    setPopperEl = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    arrowEl = _useState8[0],
+    setArrowEl = _useState8[1];
+  var _usePopper = (0, _reactPopper.usePopper)(targetEl, popperEl, {
+      placement: placement,
+      strategy: "fixed",
+      modifiers: [].concat(DEFAULT_TOOLTIP_POPPER_MODIFIERS, [{
+        name: "arrow",
+        options: {
+          element: arrowEl
+        }
+      }], (0, _toConsumableArray2["default"])(modifiers))
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes,
+    update = _usePopper.update;
+  var showTooltip = Boolean(internalShow && targetEl);
+  var transitionTimeoutId = (0, _react.useRef)();
+  var scheduleTransition = (0, _react.useCallback)(function (show, delay) {
+    transitioning.current = show ? "will-show" : "will-hide";
+    transitionTimeoutId.current = setTimeout(function () {
+      transitioning.current = undefined;
+      setInternalShow(show);
+    }, delay);
+  }, []);
+  var cancelTransition = (0, _react.useCallback)(function () {
+    transitioning.current = undefined;
+    if (transitionTimeoutId.current) {
+      clearTimeout(transitionTimeoutId.current);
+      transitionTimeoutId.current = undefined;
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    return function () {
+      return cancelTransition();
+    };
+  }, [cancelTransition]);
+  var scheduleShowTooltip = (0, _react.useCallback)(function () {
+    if (transitioning.current === "will-show") return;
+    cancelTransition();
+    if (internalShow) return;
+    scheduleTransition(true, delay);
+  }, [cancelTransition, delay, internalShow, scheduleTransition]);
+  var scheduleHideTooltip = (0, _react.useCallback)(function () {
+    if (transitioning.current === "will-hide") return;
+    cancelTransition();
+    if (!internalShow) return;
+    scheduleTransition(false, hideDelay);
+  }, [cancelTransition, hideDelay, internalShow, scheduleTransition]);
+  (0, _react.useEffect)(function () {
+    if (isControlled || !showTooltip) return;
+    var handleMouseMove = (0, _throttle["default"])(function (evt) {
+      var target = evt.target;
+      var isWithinBounds = [targetEl, interactive ? popperEl : null].some(function (ref) {
+        return Boolean(ref && (ref === target || ref.contains(target)));
+      });
+      if (isWithinBounds) {
+        scheduleShowTooltip();
+      } else {
+        scheduleHideTooltip();
+      }
+    }, 16, {
+      leading: true
+    });
+    document.addEventListener("mousemove", handleMouseMove);
+    return function () {
+      handleMouseMove.cancel();
+      document.removeEventListener("mousemove", handleMouseMove);
+    };
+  }, [isControlled, popperEl, scheduleHideTooltip, scheduleShowTooltip, showTooltip, targetEl, interactive]);
+
+  /**
+   * Workaround:
+   * When the tooltip content size changes, popper doesn't necessarily update the tooltip positionning correctly.
+   * It's going to trigger some unnecessary updates, but it shouldn't be terribly expensive as update() is intended for "high-frequency updates"
+   */
+  (0, _react.useEffect)(function () {
+    update === null || update === void 0 ? void 0 : update();
+  }, [children, update]);
+  if (!tooltipContent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper"]))), wrapperClassName),
+      ref: setTargetEl
+    }, isControlled ? {} : {
+      onMouseEnter: function onMouseEnter() {
+        return scheduleShowTooltip();
+      },
+      onFocus: function onFocus() {
+        return scheduleShowTooltip();
+      },
+      onMouseLeave: function onMouseLeave() {
+        return scheduleHideTooltip();
+      },
+      onBlur: function onBlur(evt) {
+        if (evt.relatedTarget === null || !interactive || !(popperEl !== null && popperEl !== void 0 && popperEl.contains(evt.relatedTarget))) {
+          scheduleHideTooltip();
+        }
+      }
+    }), {}, {
+      children: children
+    })), showTooltip && createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
+      style: styles.popper,
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-popper"]))), tooltipClassName),
+      ref: setPopperEl,
+      children: [!noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: setArrowEl,
+        style: styles.arrow,
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-arrow ", ""])), tooltipVariant === "light" && "tooltip-wrapper-arrow-light")
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip["default"], {
+        variant: tooltipVariant,
+        children: tooltipContent
+      })]
+    })))]
+  });
+};
+exports.TooltipWrapper = TooltipWrapper;
+var _default = TooltipWrapper;
+exports["default"] = _default;

package/{types/components → cjs}/Tooltip/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Tooltip";
 export * from "./TooltipWrapper";
+export * from "./OverflowTooltipWrapper";
 export { default } from "./Tooltip";

package/cjs/Tooltip/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltip["default"];
+  }
+});
+var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
+Object.keys(_Tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tooltip[key];
+    }
+  });
+});
+var _TooltipWrapper = require("./TooltipWrapper");
+Object.keys(_TooltipWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TooltipWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TooltipWrapper[key];
+    }
+  });
+});
+var _OverflowTooltipWrapper = require("./OverflowTooltipWrapper");
+Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _OverflowTooltipWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _OverflowTooltipWrapper[key];
+    }
+  });
+});
+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; }

package/cjs/Tooltip/types.d.ts

@@ -0,0 +1,14 @@
+import type { Placement, StrictModifiers } from "@popperjs/core";
+import type { ReactNode } from "react";
+import type { TooltipVariant } from "./Tooltip";
+export interface TooltipWrapperBaseProps {
+    /** Defines where to open the menu */
+    placement?: Placement;
+    tooltipVariant?: TooltipVariant;
+    tooltipClassName?: string;
+    wrapperClassName?: string;
+    /** Modifiers for the Popper menu */
+    modifiers?: StrictModifiers[];
+    noArrow?: boolean;
+    children: ReactNode;
+}

package/cjs/Tooltip/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/Typography/Typography.tailwind.d.ts

@@ -0,0 +1,5 @@
+export = typographyPlugin;
+declare const typographyPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss").Config> | undefined;
+};