@algolia/satellite 1.1.0 → 1.1.1

package/dist/cjs/Overlay/Tooltip/Tooltip.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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(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) { (0, _defineProperty2["default"])(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; }
+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"])))
+};
+
+/**
+ * The `Tooltip` component displays additional information when hovering/focusing on an element. It is used to provide clarification or identify the purpose of UI elements.
+ *
+ * See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
+ */
+var Tooltip = exports.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
+  }));
+});
+Tooltip.displayName = "Tooltip";

package/dist/cjs/Overlay/Tooltip/TooltipWrapper.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipWrapper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var Tooltip = _interopRequireWildcard(require("@radix-ui/react-tooltip"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _Satellite = require("../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _isReactText = require("../../utils/isReactText");
+var _Tooltip = require("./Tooltip");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+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 && Object.prototype.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; }
+/**
+ * The `TooltipWrapper` component is used to wrap content and display a tooltip on hover.
+ *
+ * See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
+ */
+var TooltipWrapper = exports.TooltipWrapper = function TooltipWrapper(_ref) {
+  var show = _ref.show,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 250 : _ref$delay,
+    _ref$hideDelay = _ref.hideDelay,
+    hideDelay = _ref$hideDelay === void 0 ? 500 : _ref$hideDelay,
+    tooltipContent = _ref.content,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? "bottom" : _ref$side,
+    _ref$sideOffset = _ref.sideOffset,
+    sideOffset = _ref$sideOffset === void 0 ? 0 : _ref$sideOffset,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "center" : _ref$align,
+    _ref$alignOffset = _ref.alignOffset,
+    alignOffset = _ref$alignOffset === void 0 ? 0 : _ref$alignOffset,
+    _ref$tooltipVariant = _ref.tooltipVariant,
+    tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
+    tooltipClassName = _ref.tooltipClassName,
+    children = _ref.children,
+    _ref$noArrow = _ref.noArrow,
+    noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow,
+    _ref$interactive = _ref.interactive,
+    interactive = _ref$interactive === void 0 ? true : _ref$interactive,
+    _ref$avoidCollisions = _ref.avoidCollisions,
+    avoidCollisions = _ref$avoidCollisions === void 0 ? true : _ref$avoidCollisions;
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  if (!tooltipContent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+  var hasTextChildren = (0, _isReactText.isReactText)(children);
+  if (!hasTextChildren && children.type === _react.Fragment) throw new Error("TooltipWrapper component doesn't accept a Fragment as a child.");
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Provider, {
+    delayDuration: delay,
+    skipDelayDuration: 300,
+    disableHoverableContent: !interactive,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Root, {
+      open: show,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Trigger, {
+        asChild: !hasTextChildren,
+        children: children
+      }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Content, {
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content animate-slide"]))), tooltipClassName),
+        style: {
+          "--slide-hide-delay": "".concat(hideDelay, "ms")
+        },
+        side: side,
+        sideOffset: (noArrow ? 8 : 4) + sideOffset,
+        align: align,
+        alignOffset: alignOffset,
+        avoidCollisions: avoidCollisions,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+          variant: tooltipVariant,
+          children: tooltipContent
+        }), !noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Arrow, {
+          width: 8,
+          height: 4,
+          className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["arrow-dark"]))))
+        })]
+      }))]
+    })
+  });
+};

package/dist/cjs/Overlay/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Dropdown";
+export * from "./MenuButton";
+export * from "./Modal";
+export * from "./Popover";
+export * from "./Tooltip";

package/dist/cjs/Overlay/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Dropdown = require("./Dropdown");
+Object.keys(_Dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dropdown[key];
+    }
+  });
+});
+var _MenuButton = require("./MenuButton");
+Object.keys(_MenuButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuButton[key];
+    }
+  });
+});
+var _Modal = require("./Modal");
+Object.keys(_Modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Modal[key];
+    }
+  });
+});
+var _Popover = require("./Popover");
+Object.keys(_Popover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Popover[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Popover[key];
+    }
+  });
+});
+var _Tooltip = require("./Tooltip");
+Object.keys(_Tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tooltip[key];
+    }
+  });
+});

package/dist/cjs/Satellite/locale.d.ts

@@ -1,21 +1,9 @@
-import type { AnnouncementBadgeLocale } from "../AnnouncementBadge";
-import type { AutoCompleteLocale } from "../AutoComplete";
-import type { UserAvatarLocale } from "../Avatars/UserAvatar";
-import type { DatePickerLocale } from "../DatePicker/types";
-import type { DropzoneLocale } from "../Dropzone";
-import type { ExperimentalFormLocale } from "../Form/Form";
-import type { InputPropsLocale } from "../Input";
-import type { ModalLocale } from "../Modal";
-import type { PaginationLocale } from "../Pagination";
-import type { CompactPaginationLocale } from "../Pagination/CompactPagination";
-import type { DotPaginationLocale } from "../Pagination/DotPagination";
-import type { PopoverLocale } from "../Popover/types";
-import type { SidebarLocale } from "../Sidebar";
-import type { StepperLocale } from "../Stepper";
-import type { DataTableLocale } from "../Tables/DataTable";
-import type { TagLocale } from "../Tag";
-import type { ToastLocale } from "../Toast";
-import type { ToastsLocale } from "../Toast/Toasts";
+import type { UserAvatarLocale } from "../Avatars";
+import type { AutoCompleteLocale, DatePickerLocale, DropzoneLocale, ExperimentalFormLocale, InputPropsLocale } from "../Fields";
+import type { AnnouncementBadgeLocale, TagLocale, ToastLocale, ToastsLocale } from "../Indicators";
+import type { DataTableLocale, SidebarLocale } from "../Layout";
+import type { CompactPaginationLocale, DotPaginationLocale, PaginationLocale, StepperLocale } from "../Navigation";
+import type { ModalLocale, PopoverLocale } from "../Overlay";
 export declare type ComponentsLocales = {
     announcementBadge?: AnnouncementBadgeLocale;
     autoComplete?: AutoCompleteLocale;

package/dist/cjs/index.d.ts

@@ -6,50 +6,13 @@ export { default as makePurgeCssExtractor } from "./styles/helpers/makePurgeCssE
 export * from "./utils/NumberUnion";
 export * from "./utils/parseUrl";
 export * from "./utils/useLinkProps";
-export * from "./AnnouncementBadge";
-export * from "./AutoComplete";
+export * from "./Actions";
 export * from "./Avatars";
-export * from "./Badge";
-export * from "./Banners";
-export * from "./Button";
-export * from "./Card";
-export * from "./Checkbox";
-export * from "./ClickAwayContainer";
-export * from "./DatePicker";
-export * from "./Dropdown";
-export * from "./Dropzone";
-export * from "./EmptyState";
-export * from "./Field";
-export * from "./FlexGrid";
-export * from "./Form";
-export * from "./HelpUnderline";
+export * from "./Fields";
+export * from "./Helpers";
 export * from "./Icons";
-export * from "./Input";
-export * from "./Insert";
-export * from "./KeyboardKey";
-export * from "./Link";
-export * from "./Medallion";
-export * from "./MenuButton";
-export * from "./Modal";
-export * from "./Pagination";
-export * from "./Popover";
-export * from "./ProgressBar";
-export * from "./ProgressSpinner";
-export * from "./RadioGroup";
-export * from "./RangeSlider";
+export * from "./Indicators";
+export * from "./Layout";
+export * from "./Navigation";
+export * from "./Overlay";
 export * from "./Satellite";
-export * from "./ScrollIndicator";
-export * from "./Select";
-export * from "./Separator";
-export * from "./Sidebar";
-export * from "./Stepper";
-export * from "./Switch";
-export * from "./Tables";
-export * from "./Tabs";
-export * from "./Tag";
-export * from "./TextArea";
-export * from "./TextWrap";
-export * from "./Toast";
-export * from "./Toggle";
-export * from "./Tooltip";
-export * from "./UserContent";