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

package/cjs/RadioGroup/RadiogroupContext.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRadioGroupContext = exports.RadioGroupContext = void 0;
-
 var _react = require("react");
-
 var RadioGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
 exports.RadioGroupContext = RadioGroupContext;
-
 var useRadioGroupContext = function useRadioGroupContext() {
   var contextValue = (0, _react.useContext)(RadioGroupContext);
-
   if (!contextValue) {
     throw new Error("Invalid usage of useRadioGroupContext outside of RadioGroupContext");
   }
-
   return contextValue;
 };
-
 exports.useRadioGroupContext = useRadioGroupContext;

package/cjs/RadioGroup/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 _RadioGroup["default"];
   }
 });
-
 var _RadioGroup = _interopRequireWildcard(require("./RadioGroup"));
-
 Object.keys(_RadioGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_RadioGroup).forEach(function (key) {
     }
   });
 });
-
 var _RadioButton = require("./RadioButton");
-
 Object.keys(_RadioButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_RadioButton).forEach(function (key) {
     }
   });
 });
-
 var _RadiogroupContext = require("./RadiogroupContext");
-
 Object.keys(_RadiogroupContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,7 +47,5 @@ Object.keys(_RadiogroupContext).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/RangeSlider/RangeSlider.js

@@ -1,47 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RangeSlider = 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = require("react");
-
+var _colors = _interopRequireDefault(require("../styles/colors"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var _excluded = ["className", "value", "defaultValue", "min", "max", "disabled", "track1Color", "track2Color"];
-
 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 clamp = function clamp(value, lowerBound, higherBound) {
   if (value < lowerBound) return lowerBound;
   if (value > higherBound) return higherBound;
   return value;
 };
-
 var getScaleValues = function getScaleValues(value, min, max) {
   var maxScale = (value - min) / (max - min);
   var minScale = 1 - maxScale;
   return [clamp(maxScale, 0, 1), clamp(minScale, 0, 1)];
 };
+
 /**
  * A range slider is an input field where users select a numeric value within a given range (minimum and maximum values).
  *
@@ -49,62 +36,58 @@ var getScaleValues = function getScaleValues(value, min, max) {
  * - Provide min and max value whenever possible
  * - Provide text input for better accessibility
  */
-
-
 var RangeSlider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      disabled = _ref.disabled,
-      track1Color = _ref.track1Color,
-      track2Color = _ref.track2Color,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    disabled = _ref.disabled,
+    track1Color = _ref.track1Color,
+    track2Color = _ref.track2Color,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _useState = (0, _react.useState)(function () {
-    return (typeof value !== "undefined" ? value : defaultValue) || 0;
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-
+      return (typeof value !== "undefined" ? value : defaultValue) || 0;
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
   var _getScaleValues = getScaleValues(internalValue, min, max),
-      _getScaleValues2 = (0, _slicedToArray2["default"])(_getScaleValues, 2),
-      track1 = _getScaleValues2[0],
-      track2 = _getScaleValues2[1];
-
+    _getScaleValues2 = (0, _slicedToArray2["default"])(_getScaleValues, 2),
+    track1 = _getScaleValues2[0],
+    track2 = _getScaleValues2[1];
   (0, _react.useEffect)(function () {
     if (typeof value !== "undefined" && value !== internalValue) {
       setInternalValue(value);
     }
   }, [internalValue, value]);
-
   var handleChange = function handleChange(evt) {
     if (otherProps.onChange) {
       otherProps.onChange(evt);
     }
-
     if (!evt.defaultPrevented) {
       setInternalValue(evt.currentTarget.valueAsNumber);
     }
   };
-
+  var trackColors = {
+    track1: disabled ? _colors["default"].grey[200] : track1Color,
+    track2: disabled ? _colors["default"].grey[100] : track2Color
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["range-slider ", ""])), disabled && "opacity-70"), className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["range-slider-track-1"]))),
       style: {
         width: "".concat(track1 * 100, "%"),
-        backgroundColor: track1Color
+        backgroundColor: trackColors.track1
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["range-slider-track-2"]))),
       style: {
         width: "".concat(track2 * 100, "%"),
-        backgroundColor: track2Color
+        backgroundColor: trackColors.track2
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["range-slider-thumb"]))),

package/cjs/RangeSlider/RangeSlider.tailwind.js

@@ -2,12 +2,10 @@
 
 // @ts-check
 var plugin = require("tailwindcss/plugin");
-
 var rgba = require("../styles/rgba");
-
 var rangeSliderPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var thumbHeight = 24;
   var trackHeight = 4;
   addComponents({

package/cjs/RangeSlider/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 _RangeSlider["default"];
   }
 });
-
 var _RangeSlider = _interopRequireWildcard(require("./RangeSlider"));
-
 Object.keys(_RangeSlider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_RangeSlider).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/Satellite/Satellite.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Satellite = void 0;
-
 var _SatelliteContext = _interopRequireDefault(require("./SatelliteContext"));
-
 var _SatelliteRouter = require("./SatelliteRouter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var Satellite = function Satellite(_ref) {
   var _ref$router = _ref.router,
-      router = _ref$router === void 0 ? _SatelliteRouter.router : _ref$router,
-      locales = _ref.locales,
-      portalTarget = _ref.portalTarget,
-      children = _ref.children;
+    router = _ref$router === void 0 ? _SatelliteRouter.router : _ref$router,
+    locales = _ref.locales,
+    portalTarget = _ref.portalTarget,
+    children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SatelliteContext["default"].Provider, {
     value: {
       router: router,
@@ -28,7 +23,6 @@ var Satellite = function Satellite(_ref) {
     children: children
   });
 };
-
 exports.Satellite = Satellite;
 var _default = Satellite;
 exports["default"] = _default;

package/cjs/Satellite/SatelliteContext.js

@@ -1,34 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSatelliteContext = exports["default"] = exports.SatelliteContext = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _SatelliteRouter = require("./SatelliteRouter");
-
 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_CONTEXT = {
   router: _SatelliteRouter.router,
   locales: {}
 };
 var SatelliteContext = /*#__PURE__*/(0, _react.createContext)(DEFAULT_CONTEXT);
 exports.SatelliteContext = SatelliteContext;
-
 var useSatelliteContext = function useSatelliteContext() {
   var context = (0, _react.useContext)(SatelliteContext);
   return _objectSpread(_objectSpread({}, DEFAULT_CONTEXT), context);
 };
-
 exports.useSatelliteContext = useSatelliteContext;
 var _default = SatelliteContext;
 exports["default"] = _default;

package/cjs/Satellite/SatelliteRouter.js

@@ -1,35 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.router = exports.DefaultRouter = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 require("../utils/event-polyfill");
-
 var DefaultRouter = /*#__PURE__*/function () {
   function DefaultRouter() {
     (0, _classCallCheck2["default"])(this, DefaultRouter);
   }
-
   (0, _createClass2["default"])(DefaultRouter, [{
     key: "push",
     value: function push(_ref) {
       var url = _ref.url,
-          state = _ref.state;
+        state = _ref.state;
       window.history.pushState(state, "", url);
     }
   }, {
     key: "replace",
     value: function replace(_ref2) {
       var url = _ref2.url,
-          state = _ref2.state;
+        state = _ref2.state;
       window.history.replaceState(state, "", url);
     }
   }, {
@@ -50,7 +44,6 @@ var DefaultRouter = /*#__PURE__*/function () {
   }]);
   return DefaultRouter;
 }();
-
 exports.DefaultRouter = DefaultRouter;
 var router = new DefaultRouter();
 exports.router = router;

package/cjs/Satellite/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 _Satellite["default"];
   }
 });
-
 var _Satellite = _interopRequireWildcard(require("./Satellite"));
-
 Object.keys(_Satellite).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,9 +23,7 @@ Object.keys(_Satellite).forEach(function (key) {
     }
   });
 });
-
 var _SatelliteContext = require("./SatelliteContext");
-
 Object.keys(_SatelliteContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_SatelliteContext).forEach(function (key) {
     }
   });
 });
-
 var _SatelliteRouter = require("./SatelliteRouter");
-
 Object.keys(_SatelliteRouter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,9 +47,7 @@ Object.keys(_SatelliteRouter).forEach(function (key) {
     }
   });
 });
-
 var _locale = require("./locale");
-
 Object.keys(_locale).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -68,9 +59,7 @@ Object.keys(_locale).forEach(function (key) {
     }
   });
 });
-
 var _useCreatePortal = require("./useCreatePortal");
-
 Object.keys(_useCreatePortal).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -82,7 +71,5 @@ Object.keys(_useCreatePortal).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/Satellite/locale.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useLocale = void 0;
-
 var _react = require("react");
-
 var _SatelliteContext = _interopRequireDefault(require("./SatelliteContext"));
-
 var useLocale = function useLocale(componentKey) {
   var _useContext = (0, _react.useContext)(_SatelliteContext["default"]),
-      locales = _useContext.locales;
-
+    locales = _useContext.locales;
   return locales === null || locales === void 0 ? void 0 : locales[componentKey];
 };
-
 exports.useLocale = useLocale;

package/cjs/Satellite/useCreatePortal.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCreatePortal = void 0;
-
 var _react = require("react");
-
 var _reactDom = require("react-dom");
-
 var _SatelliteContext = require("./SatelliteContext");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var useCreatePortal = function useCreatePortal() {
   var _useSatelliteContext = (0, _SatelliteContext.useSatelliteContext)(),
-      portalTarget = _useSatelliteContext.portalTarget; // SSR? Too bad! Abort, abort!
-
+    portalTarget = _useSatelliteContext.portalTarget;
 
+  // SSR? Too bad! Abort, abort!
   if (typeof document === "undefined") return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {});
   };
@@ -25,5 +20,4 @@ var useCreatePortal = function useCreatePortal() {
     return /*#__PURE__*/(0, _reactDom.createPortal)(children, portalTarget !== null && portalTarget !== void 0 ? portalTarget : document.body);
   };
 };
-
 exports.useCreatePortal = useCreatePortal;

package/cjs/ScrollIndicator/ScrollIndicator.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ScrollIndicator = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = require("react");
-
 var _useMeasure3 = _interopRequireDefault(require("react-use/lib/useMeasure"));
-
 var _useScroll2 = _interopRequireDefault(require("react-use/lib/useScroll"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var useScrollIndicators = function useScrollIndicators() {
   /**
    * We don't use the actual measurements from the hook because they're not as precise
@@ -33,18 +22,16 @@ var useScrollIndicators = function useScrollIndicators() {
    * This is mostly used as a side-effect to force the component to rerender when its size changes
    */
   var _useMeasure = (0, _useMeasure3["default"])(),
-      _useMeasure2 = (0, _slicedToArray2["default"])(_useMeasure, 1),
-      setMeasureRef = _useMeasure2[0];
-
+    _useMeasure2 = (0, _slicedToArray2["default"])(_useMeasure, 1),
+    setMeasureRef = _useMeasure2[0];
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      element = _useState2[0],
-      setElement = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    element = _useState2[0],
+    setElement = _useState2[1];
   var setScrollIndicatorsRef = (0, _react.useCallback)(function (element) {
-    setElement(element); // Types are wrong, a ref callback must be able to accept null
+    setElement(element);
+    // Types are wrong, a ref callback must be able to accept null
     // @ts-ignore
-
     setMeasureRef(element);
   }, [setMeasureRef]);
   var fakeScrollRef = (0, _react.useMemo)(function () {
@@ -52,49 +39,40 @@ var useScrollIndicators = function useScrollIndicators() {
       current: element
     };
   }, [element]);
-
   var _useScroll = (0, _useScroll2["default"])(fakeScrollRef),
-      scrollTop = _useScroll.y;
-
+    scrollTop = _useScroll.y;
   var result = {
     showTopIndicator: false,
     showBottomIndicator: false,
     setScrollIndicatorsRef: setScrollIndicatorsRef
   };
-
   if (element) {
     var scrollHeight = element.scrollHeight - element.clientHeight;
-
     if (scrollHeight > 0) {
       var percent = Math.floor(scrollTop / scrollHeight * 100);
       result.showTopIndicator = percent > 0;
       result.showBottomIndicator = percent < 100;
     }
   }
-
   return result;
 };
-
 var VARIANT_CLASSNAMES = {
   light: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator"]))),
   dark: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator scroll-indicator-dark"])))
 };
-
 var ScrollIndicator = function ScrollIndicator(_ref) {
   var _ref$tagName = _ref.tagName,
-      tagName = _ref$tagName === void 0 ? "div" : _ref$tagName,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "light" : _ref$variant,
-      className = _ref.className,
-      wrapperClassName = _ref.wrapperClassName,
-      style = _ref.style,
-      children = _ref.children;
-
+    tagName = _ref$tagName === void 0 ? "div" : _ref$tagName,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "light" : _ref$variant,
+    className = _ref.className,
+    wrapperClassName = _ref.wrapperClassName,
+    style = _ref.style,
+    children = _ref.children;
   var _useScrollIndicators = useScrollIndicators(),
-      showTopIndicator = _useScrollIndicators.showTopIndicator,
-      showBottomIndicator = _useScrollIndicators.showBottomIndicator,
-      setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
-
+    showTopIndicator = _useScrollIndicators.showTopIndicator,
+    showBottomIndicator = _useScrollIndicators.showBottomIndicator,
+    setScrollIndicatorsRef = _useScrollIndicators.setScrollIndicatorsRef;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx["default"])(VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          ", "\n          ", "\n        "])), showTopIndicator && "scroll-indicator-top", showBottomIndicator && "scroll-indicator-bottom"), wrapperClassName),
     children: /*#__PURE__*/(0, _react.createElement)(tagName, {
@@ -105,7 +83,6 @@ var ScrollIndicator = function ScrollIndicator(_ref) {
     }, children)
   });
 };
-
 exports.ScrollIndicator = ScrollIndicator;
 var _default = ScrollIndicator;
 exports["default"] = _default;

package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js

@@ -2,12 +2,10 @@
 
 // @ts-check
 var plugin = require("tailwindcss/plugin");
-
 var rgba = require("../styles/rgba");
-
 var scrollIndicatorPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".scroll-indicator": {
       position: "relative",

package/cjs/ScrollIndicator/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 _ScrollIndicator["default"];
   }
 });
-
 var _ScrollIndicator = _interopRequireWildcard(require("./ScrollIndicator"));
-
 Object.keys(_ScrollIndicator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -26,7 +23,5 @@ Object.keys(_ScrollIndicator).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; }