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

package/cjs/Banners/BigBertha/BigBertha.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _reactFeather = require("react-feather");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 /**
 * Major product wide announcement from Algolia to the users.
 
@@ -50,9 +50,10 @@ var BigBertha = function BigBertha(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center space-x-4 bg-accent-600 text-white w-full p-4"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InternalIcon, {
-      size: "1rem"
+      size: "1rem",
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"])))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
       children: children
     })]
   });

package/cjs/Button/Button.js

@@ -55,7 +55,7 @@ var Button = function Button(props) {
   var loaderClassNames = (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
   var iconClassNames = (0, _clsx["default"])((0, _styles.getIconColorClassName)(props), loading && (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["invisible"]))));
   var textClassNames = (0, _clsx["default"])(loading && (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["invisible"]))));
-  if ((0, _types.isButtonType)(props) && !cleanedProps.hasOwnProperty("type")) {
+  if ((0, _types.isButtonType)(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
     // @ts-ignore
     cleanedProps.type = "button";
   }

package/cjs/Button/IconButton.js

@@ -47,7 +47,7 @@ var IconButton = function IconButton(props) {
   }
   var iconButtonClassName = (0, _clsx["default"])(BASE_CLASSNAMES, SIZE_CLASSNAMES[size], VARIANT_CLASSNAMES[variant], cleanedProps.disabled && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["btn-disabled"]))), className);
   var loaderClassNames = (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
-  if ((0, _types.isButtonType)(props) && !cleanedProps.hasOwnProperty("type")) {
+  if ((0, _types.isButtonType)(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
     // @ts-ignore
     cleanedProps.type = "button";
   }

package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js

@@ -72,10 +72,12 @@ var dateRangePickerReducer = function dateRangePickerReducer(state, action) {
         });
       }
     case DateRangePickerActionTypes.mouseDayEnter:
-      var shouldStoreHover = state.candidateRange.start && (0, _isBefore["default"])(state.candidateRange.start, action.payload);
-      return _objectSpread(_objectSpread({}, state), {}, {
-        hovered: shouldStoreHover ? action.payload : null
-      });
+      {
+        var shouldStoreHover = state.candidateRange.start && (0, _isBefore["default"])(state.candidateRange.start, action.payload);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hovered: shouldStoreHover ? action.payload : null
+        });
+      }
     case DateRangePickerActionTypes.mouseDayLeave:
       return _objectSpread(_objectSpread({}, state), {}, {
         hovered: null

package/cjs/Dropdown/DropdownContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export interface DropdownContext {
+export interface DropdownContextInterface {
     showMenu(show: boolean): void;
 }
-export declare const DropdownContext: import("react").Context<DropdownContext | null>;
-export declare const useDropdownContext: () => DropdownContext;
+export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
+export declare const useDropdownContext: () => DropdownContextInterface;
 export default DropdownContext;

package/cjs/Dropdown/components/DropdownButtonItem.js

@@ -18,6 +18,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 DropdownButtonItem = function DropdownButtonItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
+  // `toggle` is destructured here because we don't want it passed to the `button`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
     toggle = _props$dropdownItemPr.toggle,
     children = _props$dropdownItemPr.children,

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export interface DropdownCollapsibleItemsGroupContext {
+export interface DropdownCollapsibleItemsGroupContextInterface {
     expandedItems: readonly string[];
     onItemClick(name: string): void;
 }
-export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContext | null>;
-export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContext;
+export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
+export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;

package/cjs/Dropdown/components/DropdownLinkItem.js

@@ -20,6 +20,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var DropdownLinkItem = function DropdownLinkItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
   var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), dropdownItemProps));
+  // `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
   var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
     toggle = _props$dropdownItemPr.toggle,
     disabled = _props$dropdownItemPr.disabled,

package/cjs/Dropdown/components/DropdownRadioItem.js

@@ -18,6 +18,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 DropdownRadioItem = function DropdownRadioItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
+  // `toggle` is destructured here because we don't want it passed to the `RadioButton`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
     className = _props$dropdownItemPr.className,
     toggle = _props$dropdownItemPr.toggle,

package/cjs/Dropdown/components/DropdownToggleItem.js

@@ -19,6 +19,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 DropdownToggleItem = function DropdownToggleItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
+  // `toggle` is destructured here because we don't want it passed to the `Toggle`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
     className = _props$dropdownItemPr.className,
     toggle = _props$dropdownItemPr.toggle,

package/cjs/Input/Input.d.ts

@@ -12,6 +12,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     variant?: InputVariant;
     startIcon?: IconComponentType;
     endItem?: ReactNode;
+    /** Define wether or not a "clear input" x button should show on hover */
     clearable?: boolean;
     locale?: InputPropsLocale;
 }

package/cjs/Input/Input.js

@@ -208,5 +208,6 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, externalRef) {
   });
 });
 exports.Input = Input;
+Input.displayName = "Input";
 var _default = Input;
 exports["default"] = _default;

package/cjs/Satellite/useCreatePortal.js

@@ -13,6 +13,7 @@ var useCreatePortal = function useCreatePortal() {
     portalTarget = _useSatelliteContext.portalTarget;
 
   // SSR? Too bad! Abort, abort!
+  // eslint-disable-next-line react/display-name
   if (typeof document === "undefined") return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {});
   };

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -8,7 +8,7 @@ exports.SidebarLinksGroup = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _lodash = require("lodash");
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _react = require("react");
 var _reactFeather = require("react-feather");
 var _usePrevious = _interopRequireDefault(require("react-use/lib/usePrevious"));
@@ -30,7 +30,7 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
     className = props.className,
     links = props.links;
   var contentId = (0, _react.useMemo)(function () {
-    return (0, _lodash.uniqueId)("links-group-");
+    return (0, _uniqueId["default"])("links-group-");
   }, []);
   var activeLinkIndex = links.findIndex(function (link) {
     return !link.disabled && isLinkActive(link.href);

package/cjs/Tabs/components/LinkTab.js

@@ -23,7 +23,7 @@ var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   do {
     var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
     next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
-  } while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("aria-disabled")));
+  } while ((_next = next) !== null && _next !== void 0 && _next.getAttribute("aria-disabled"));
   return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
 };
 var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
@@ -33,7 +33,7 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
   do {
     var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
     next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
-  } while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("aria-disabled")));
+  } while ((_next4 = next) !== null && _next4 !== void 0 && _next4.getAttribute("aria-disabled"));
   return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
 };
 var LinkTab = function LinkTab(_ref3) {

package/cjs/Tooltip/TooltipWrapper.js

@@ -10,7 +10,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 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 _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _react = require("react");
 var _reactPopper = require("react-popper");
 var _Satellite = require("../Satellite");
@@ -119,7 +119,7 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
   }, [cancelTransition, hideDelay, internalShow, scheduleTransition]);
   (0, _react.useEffect)(function () {
     if (isControlled || !showTooltip) return;
-    var handleMouseMove = (0, _lodash["default"])(function (evt) {
+    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)));

package/esm/Banners/BigBertha/BigBertha.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 import { AlertCircle } from "react-feather";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -44,9 +44,10 @@ export var BigBertha = function BigBertha(_ref) {
   return /*#__PURE__*/_jsxs("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center justify-center space-x-4 bg-accent-600 text-white w-full p-4"]))),
     children: [/*#__PURE__*/_jsx(InternalIcon, {
-      size: "1rem"
+      size: "1rem",
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["shrink-0"])))
     }), /*#__PURE__*/_jsx("span", {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["display-body"]))),
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["display-body"]))),
       children: children
     })]
   });

package/esm/Button/Button.js

@@ -49,7 +49,7 @@ export var Button = function Button(props) {
   var loaderClassNames = stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
   var iconClassNames = cx(getIconColorClassName(props), loading && stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["invisible"]))));
   var textClassNames = cx(loading && stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["invisible"]))));
-  if (isButtonType(props) && !cleanedProps.hasOwnProperty("type")) {
+  if (isButtonType(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
     // @ts-ignore
     cleanedProps.type = "button";
   }

package/esm/Button/IconButton.js

@@ -42,7 +42,7 @@ export var IconButton = function IconButton(props) {
   }
   var iconButtonClassName = cx(BASE_CLASSNAMES, SIZE_CLASSNAMES[size], VARIANT_CLASSNAMES[variant], cleanedProps.disabled && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["btn-disabled"]))), className);
   var loaderClassNames = stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
-  if (isButtonType(props) && !cleanedProps.hasOwnProperty("type")) {
+  if (isButtonType(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
     // @ts-ignore
     cleanedProps.type = "button";
   }

package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js

@@ -63,10 +63,12 @@ export var dateRangePickerReducer = function dateRangePickerReducer(state, actio
         });
       }
     case DateRangePickerActionTypes.mouseDayEnter:
-      var shouldStoreHover = state.candidateRange.start && isBefore(state.candidateRange.start, action.payload);
-      return _objectSpread(_objectSpread({}, state), {}, {
-        hovered: shouldStoreHover ? action.payload : null
-      });
+      {
+        var shouldStoreHover = state.candidateRange.start && isBefore(state.candidateRange.start, action.payload);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hovered: shouldStoreHover ? action.payload : null
+        });
+      }
     case DateRangePickerActionTypes.mouseDayLeave:
       return _objectSpread(_objectSpread({}, state), {}, {
         hovered: null

package/esm/Dropdown/DropdownContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export interface DropdownContext {
+export interface DropdownContextInterface {
     showMenu(show: boolean): void;
 }
-export declare const DropdownContext: import("react").Context<DropdownContext | null>;
-export declare const useDropdownContext: () => DropdownContext;
+export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
+export declare const useDropdownContext: () => DropdownContextInterface;
 export default DropdownContext;

package/esm/Dropdown/components/DropdownButtonItem.js

@@ -12,6 +12,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownButtonItem = function DropdownButtonItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
+  // `toggle` is destructured here because we don't want it passed to the `button`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
     toggle = _props$dropdownItemPr.toggle,
     children = _props$dropdownItemPr.children,

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export interface DropdownCollapsibleItemsGroupContext {
+export interface DropdownCollapsibleItemsGroupContextInterface {
     expandedItems: readonly string[];
     onItemClick(name: string): void;
 }
-export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContext | null>;
-export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContext;
+export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
+export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;

package/esm/Dropdown/components/DropdownLinkItem.js

@@ -14,6 +14,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownLinkItem = function DropdownLinkItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
+  // `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
   var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
     toggle = _props$dropdownItemPr.toggle,
     disabled = _props$dropdownItemPr.disabled,

package/esm/Dropdown/components/DropdownRadioItem.js

@@ -12,6 +12,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownRadioItem = function DropdownRadioItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
+  // `toggle` is destructured here because we don't want it passed to the `RadioButton`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
     className = _props$dropdownItemPr.className,
     toggle = _props$dropdownItemPr.toggle,

package/esm/Dropdown/components/DropdownToggleItem.js

@@ -13,6 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DropdownToggleItem = function DropdownToggleItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
+  // `toggle` is destructured here because we don't want it passed to the `Toggle`
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
     className = _props$dropdownItemPr.className,
     toggle = _props$dropdownItemPr.toggle,

package/esm/Input/Input.d.ts

@@ -12,6 +12,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     variant?: InputVariant;
     startIcon?: IconComponentType;
     endItem?: ReactNode;
+    /** Define wether or not a "clear input" x button should show on hover */
     clearable?: boolean;
     locale?: InputPropsLocale;
 }

package/esm/Input/Input.js

@@ -201,4 +201,5 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
     })]
   });
 });
+Input.displayName = "Input";
 export default Input;

package/esm/Satellite/useCreatePortal.js

@@ -7,6 +7,7 @@ export var useCreatePortal = function useCreatePortal() {
     portalTarget = _useSatelliteContext.portalTarget;
 
   // SSR? Too bad! Abort, abort!
+  // eslint-disable-next-line react/display-name
   if (typeof document === "undefined") return function () {
     return /*#__PURE__*/_jsx(Fragment, {});
   };

package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 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; }
-import { uniqueId } from "lodash";
+import uniqueId from "lodash/uniqueId";
 import { useEffect, useMemo, useState } from "react";
 import { ChevronRight } from "react-feather";
 import usePrevious from "react-use/lib/usePrevious";

package/esm/Tabs/components/LinkTab.js

@@ -17,7 +17,7 @@ var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   do {
     var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
     next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
-  } while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("aria-disabled")));
+  } while ((_next = next) !== null && _next !== void 0 && _next.getAttribute("aria-disabled"));
   return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
 };
 var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
@@ -27,7 +27,7 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
   do {
     var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
     next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
-  } while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("aria-disabled")));
+  } while ((_next4 = next) !== null && _next4 !== void 0 && _next4.getAttribute("aria-disabled"));
   return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
 };
 export var LinkTab = function LinkTab(_ref3) {

package/esm/Tooltip/TooltipWrapper.js

@@ -6,7 +6,7 @@ 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) { _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; }
 import cx from "clsx";
-import throttle from "lodash.throttle";
+import throttle from "lodash/throttle";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { usePopper } from "react-popper";
 import { useCreatePortal } from "../Satellite";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.148",
+  "version": "1.0.0-beta.149",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "rimraf dist",
@@ -73,7 +73,7 @@
     "date-fns": "2.22.1",
     "diacritics": "^1.3.0",
     "downshift": "^2.0.10",
-    "lodash.throttle": "^4.1.1",
+    "lodash": "^4.17.15",
     "react-day-picker": "^8.0.7",
     "react-dropzone": "^11.5.1",
     "react-popper": "^2.2.5",