@algolia/satellite 1.0.0-beta.146 → 1.0.0-beta.148

package/cjs/Tooltip/TooltipWrapper.js

@@ -1,42 +1,25 @@
 "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 _lodash = _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: {
@@ -44,71 +27,63 @@ var DEFAULT_TOOLTIP_POPPER_MODIFIERS = [{
   }
 }];
 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;
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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;
-
+      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) {
@@ -120,7 +95,6 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
   }, []);
   var cancelTransition = (0, _react.useCallback)(function () {
     transitioning.current = undefined;
-
     if (transitionTimeoutId.current) {
       clearTimeout(transitionTimeoutId.current);
       transitionTimeoutId.current = undefined;
@@ -150,7 +124,6 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
       var isWithinBounds = [targetEl, interactive ? popperEl : null].some(function (ref) {
         return Boolean(ref && (ref === target || ref.contains(target)));
       });
-
       if (isWithinBounds) {
         scheduleShowTooltip();
       } else {
@@ -165,12 +138,12 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
       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]);
@@ -213,7 +186,6 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
     })))]
   });
 };
-
 exports.TooltipWrapper = TooltipWrapper;
 var _default = TooltipWrapper;
 exports["default"] = _default;

package/cjs/Tooltip/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
     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;
@@ -26,9 +23,7 @@ Object.keys(_Tooltip).forEach(function (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;
@@ -40,9 +35,7 @@ Object.keys(_TooltipWrapper).forEach(function (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;
@@ -54,7 +47,5 @@ Object.keys(_OverflowTooltipWrapper).forEach(function (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/Typography/Typography.tailwind.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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; }
-
 // @ts-check
 var _require = require("lodash"),
-    mapKeys = _require.mapKeys;
-
+  mapKeys = _require.mapKeys;
 var plugin = require("tailwindcss/plugin");
-
 var typographyPlugin = plugin(function (_ref) {
   var theme = _ref.theme,
-      addUtilities = _ref.addUtilities,
-      addComponents = _ref.addComponents,
-      e = _ref.e;
-  var desktop = theme("typography.desktop", {});
-  var mobile = theme("typography.mobile", {});
+    addUtilities = _ref.addUtilities,
+    addComponents = _ref.addComponents,
+    e = _ref.e;
+  var desktop = theme("stlTypography.desktop", {});
+  var mobile = theme("stlTypography.mobile", {});
   var common = {
     reversed: {
       color: theme("colors.white")
@@ -37,35 +31,35 @@ var typographyPlugin = plugin(function (_ref) {
         textDecoration: "underline"
       }
     }
-  }; // add utilities for manual typography declaration
-  // Example: `className="typo-m-display-small lg:typo-display-small"`
+  };
 
+  // add utilities for manual typography declaration
+  // Example: `className="typo-m-display-small lg:typo-display-small"`
   /** @type {any} */
-
   var utilities = _objectSpread(_objectSpread(_objectSpread({}, mapKeys(common, function (_, key) {
     return ".typo-".concat(e(key));
   })), mapKeys(desktop, function (_, key) {
     return ".typo-".concat(e(key));
   })), mapKeys(mobile, function (_, key) {
     return ".typo-m-".concat(e(key));
-  })); // add components for automatic responsive typography
-  // Example: `className="display-small"`
-
+  }));
 
+  // add components for automatic responsive typography
+  // Example: `className="display-small"`
   var components = _objectSpread(_objectSpread({}, mapKeys(mobile, function (_, key) {
     return ".".concat(e(key));
   })), {}, (0, _defineProperty2["default"])({}, "@media (min-width: ".concat(theme("screens.md"), ")"), _objectSpread({}, mapKeys(desktop, function (_, key) {
     return ".".concat(e(key));
-  })))); // register add-ons
-
+  }))));
 
+  // register add-ons
   addUtilities(utilities);
   addComponents(components);
 }, {
   content: [],
   theme: {
     // @ts-ignore
-    typography: function typography(_ref2) {
+    stlTypography: function stlTypography(_ref2) {
       var theme = _ref2.theme;
       // Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value
       // Asked here https://github.com/tailwindlabs/tailwindcss/discussions/8755

package/cjs/UserContent/UserContent.js

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.UserContent = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 var UserContent = function UserContent(_ref) {
   var className = _ref.className,
-      content = _ref.content,
-      _ref$styled = _ref.styled,
-      styled = _ref$styled === void 0 ? true : _ref$styled;
-  return content ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])((0, _defineProperty2["default"])({}, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["usercontent"]))), styled), className),
+    content = _ref.content,
+    _ref$styled = _ref.styled,
+    styled = _ref$styled === void 0 ? true : _ref$styled;
+  if (!content) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["", ""])), styled && "usercontent"), className),
     dangerouslySetInnerHTML: {
       __html: content
     }
-  }) : null;
+  });
 };
-
 exports.UserContent = UserContent;
 var _default = UserContent;
 exports["default"] = _default;

package/cjs/UserContent/UserContent.tailwind.js

@@ -1,30 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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; }
-
 // @ts-check
 var plugin = require("tailwindcss/plugin");
-
 var _require = require("../styles/helpers/icons"),
-    toBG = _require.toBG;
-
+  toBG = _require.toBG;
 var rgba = require("../styles/rgba");
-
 module.exports = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
+    theme = _ref.theme;
   /** @type {any} */
-  var desktop = theme("typography.desktop", {});
+  var desktop = theme("stlTypography.desktop", {});
   /** @type {any} */
-
-  var mobile = theme("typography.mobile", {});
+  var mobile = theme("stlTypography.mobile", {});
   addComponents({
     ".usercontent": (0, _defineProperty2["default"])({
       "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {