@canonical/react-components 0.41.0 → 0.43.0

package/dist/components/Tooltip/Tooltip.js

@@ -1,38 +1,23 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.position = exports.default = exports.adjustForWindow = void 0;
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactUseportal = _interopRequireDefault(require("react-useportal"));
-
 var _hooks = require("../../hooks");
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var position = {
   btmCenter: "btm-center",
   btmLeft: "btm-left",
@@ -44,109 +29,87 @@ var position = {
   topRight: "top-right"
 };
 exports.position = position;
-
 var getPositionStyle = function getPositionStyle(pos, wrapperNode) {
   if (!wrapperNode) {
     return null;
   }
-
   var dimensions = wrapperNode.getBoundingClientRect();
   var x = dimensions.x,
-      y = dimensions.y,
-      height = dimensions.height,
-      width = dimensions.width;
+    y = dimensions.y,
+    height = dimensions.height,
+    width = dimensions.width;
   var left = x + window.scrollX || 0;
   var top = y + window.scrollY || 0;
-
   switch (pos) {
     case "btm-center":
       left += width / 2;
       top += height;
       break;
-
     case "btm-left":
       top += height;
       break;
-
     case "btm-right":
       left += width;
       top += height;
       break;
-
     case "left":
       top += height / 2;
       break;
-
     case "right":
       left += width;
       top += height / 2;
       break;
-
     case "top-center":
       left += width / 2;
       break;
-
     case "top-left":
       break;
-
     case "top-right":
       left += width;
       break;
-
     default:
       break;
   }
-
   return {
     position: "absolute",
     left: left,
     top: top
   };
 };
-
 var adjustForWindow = function adjustForWindow(position, fitsWindow) {
   var newPosition = position;
-
   if (!fitsWindow.fromLeft.fitsLeft && newPosition === "left") {
     newPosition = "top-right";
   }
-
   if (!fitsWindow.fromRight.fitsRight && newPosition === "right") {
     newPosition = "top-left";
   }
-
   if (!fitsWindow.fromRight.fitsLeft && newPosition.endsWith("-right")) {
     newPosition = newPosition.replace("right", "left");
   }
-
   if (!fitsWindow.fromLeft.fitsRight && newPosition.endsWith("-left")) {
     newPosition = newPosition.replace("left", "right");
   }
-
   if (!fitsWindow.fromTop.fitsAbove && newPosition.startsWith("top")) {
     newPosition = newPosition.replace("top", "btm");
   }
-
   if (!fitsWindow.fromBottom.fitsBelow && newPosition.startsWith("btm")) {
     newPosition = newPosition.replace("btm", "top");
   }
-
   if (!fitsWindow.fromLeft.fitsRight && !fitsWindow.fromRight.fitsLeft && (newPosition.endsWith("-left") || newPosition.endsWith("-right"))) {
     newPosition = newPosition.replace("left", "center").replace("right", "center");
   }
-
   if (newPosition.endsWith("center") && (fitsWindow.fromCenter.fitsCentered.fitsRight || fitsWindow.fromCenter.fitsCentered.fitsLeft)) {
     if (!fitsWindow.fromCenter.fitsCentered.fitsRight) {
       newPosition = newPosition.replace("center", "right");
     }
-
     if (!fitsWindow.fromCenter.fitsCentered.fitsLeft) {
       newPosition = newPosition.replace("center", "left");
     }
   }
-
   return newPosition;
 };
+
 /**
  * A React component for Vanilla tooltips.
  * @param [autoAdjust=true] Whether the tooltip should adjust to fit in the screen.
@@ -159,48 +122,41 @@ var adjustForWindow = function adjustForWindow(position, fitsWindow) {
  * @param tooltipClassName An optional class to apply to the tooltip message element.
  * @param zIndex The z-index value of the tooltip message element.
  */
-
-
 exports.adjustForWindow = adjustForWindow;
-
 var Tooltip = function Tooltip(_ref) {
   var _ref$autoAdjust = _ref.autoAdjust,
-      autoAdjust = _ref$autoAdjust === void 0 ? true : _ref$autoAdjust,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$followMouse = _ref.followMouse,
-      followMouse = _ref$followMouse === void 0 ? false : _ref$followMouse,
-      message = _ref.message,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? "top-left" : _ref$position,
-      positionElementClassName = _ref.positionElementClassName,
-      tooltipClassName = _ref.tooltipClassName,
-      zIndex = _ref.zIndex;
+    autoAdjust = _ref$autoAdjust === void 0 ? true : _ref$autoAdjust,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$followMouse = _ref.followMouse,
+    followMouse = _ref$followMouse === void 0 ? false : _ref$followMouse,
+    message = _ref.message,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "top-left" : _ref$position,
+    positionElementClassName = _ref.positionElementClassName,
+    tooltipClassName = _ref.tooltipClassName,
+    zIndex = _ref.zIndex;
   var wrapperRef = (0, _react.useRef)(null);
   var messageRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(position),
-      _useState2 = _slicedToArray(_useState, 2),
-      adjustedPosition = _useState2[0],
-      setAdjustedPosition = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    adjustedPosition = _useState2[0],
+    setAdjustedPosition = _useState2[1];
   var _useState3 = (0, _react.useState)({
-    position: "absolute",
-    // Initially position the tooltip of the screen in case it gets shown
-    // before setting the position.
-    left: -9999999,
-    top: -9999999
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      positionStyle = _useState4[0],
-      setPositionStyle = _useState4[1];
-
+      position: "absolute",
+      // Initially position the tooltip of the screen in case it gets shown
+      // before setting the position.
+      left: -9999999,
+      top: -9999999
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    positionStyle = _useState4[0],
+    setPositionStyle = _useState4[1];
   var _usePortal = (0, _reactUseportal.default)(),
-      openPortal = _usePortal.openPortal,
-      closePortal = _usePortal.closePortal,
-      isOpen = _usePortal.isOpen,
-      Portal = _usePortal.Portal;
-
+    openPortal = _usePortal.openPortal,
+    closePortal = _usePortal.closePortal,
+    isOpen = _usePortal.isOpen,
+    Portal = _usePortal.Portal;
   var tooltipId = (0, _hooks.useId)();
   (0, _react.useEffect)(function () {
     if (isOpen && !followMouse && wrapperRef.current) {
@@ -220,10 +176,12 @@ var Tooltip = function Tooltip(_ref) {
   }, []);
   var onUpdateWindowFitment = (0, _react.useCallback)(function (fitsWindow) {
     setAdjustedPosition(adjustForWindow(position, fitsWindow));
-  }, [setAdjustedPosition, position]); // Handle mouse events.
+  }, [setAdjustedPosition, position]);
 
-  (0, _hooks.useListener)(wrapperRef.current, mouseHandler, "mousemove", true, followMouse && isOpen); // Handle adjusting the position of the tooltip so that it remains on screen.
+  // Handle mouse events.
+  (0, _hooks.useListener)(wrapperRef.current, mouseHandler, "mousemove", true, followMouse && isOpen);
 
+  // Handle adjusting the position of the tooltip so that it remains on screen.
   (0, _hooks.useWindowFitment)(messageRef.current, wrapperRef.current, onUpdateWindowFitment, 20, isOpen, autoAdjust && followMouse);
   var handleKeyPress = (0, _react.useCallback)(function (event) {
     if (event.key === "Escape") {
@@ -236,32 +194,25 @@ var Tooltip = function Tooltip(_ref) {
       window.removeEventListener("keypress", handleKeyPress);
     };
   }, [handleKeyPress]);
-
   var handleBlur = function handleBlur(e) {
     var _wrapperRef$current, _messageRef$current;
-
     // do not close if the focus is within the tooltip wrapper
     if (wrapperRef !== null && wrapperRef !== void 0 && (_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(document.activeElement)) {
       return;
     }
-
     if (e.relatedTarget ? !((_messageRef$current = messageRef.current) !== null && _messageRef$current !== void 0 && _messageRef$current.contains(e.relatedTarget)) : e.target !== messageRef.current) {
       closePortal();
     }
   };
-
   var handleClick = function handleClick(e) {
     var _messageRef$current2;
-
     // ignore clicks within the tooltip message
     if ((_messageRef$current2 = messageRef.current) !== null && _messageRef$current2 !== void 0 && _messageRef$current2.contains(e.target)) {
       return;
     }
-
     e.target.focus();
     openPortal();
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message ? /*#__PURE__*/_react.default.createElement("span", {
     className: className,
     onBlur: handleBlur,
@@ -277,7 +228,7 @@ var Tooltip = function Tooltip(_ref) {
     }
   }, _react.default.Children.map(children, function (child) {
     return child && /*#__PURE__*/_react.default.isValidElement(child) ? /*#__PURE__*/_react.default.cloneElement(child, {
-      "aria-describedby": tooltipId
+      "aria-describedby": isOpen ? tooltipId : undefined
     }) : child;
   })), isOpen ? /*#__PURE__*/_react.default.createElement(Portal, null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("p-tooltip--".concat(adjustedPosition), "is-detached", tooltipClassName),
@@ -300,6 +251,5 @@ var Tooltip = function Tooltip(_ref) {
     className: className
   }, children));
 };
-
 var _default = Tooltip;
 exports.default = _default;

package/dist/components/Tooltip/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "position", {
     return _Tooltip.position;
   }
 });
-
 var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
-
 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/dist/enums.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Theme = void 0;
-
 /**
  * The Vanilla theme types.
  */
@@ -13,5 +12,4 @@ var Theme = /*#__PURE__*/function (Theme) {
   Theme["LIGHT"] = "light";
   return Theme;
 }({});
-
 exports.Theme = Theme;

package/dist/hooks/index.js

@@ -51,19 +51,11 @@ Object.defineProperty(exports, "useWindowFitment", {
     return _useWindowFitment.useWindowFitment;
   }
 });
-
 var _useClickOutside = require("./useClickOutside");
-
 var _useId = require("./useId");
-
 var _useListener = require("./useListener");
-
 var _useOnEscapePressed = require("./useOnEscapePressed");
-
 var _usePrevious = require("./usePrevious");
-
 var _useThrottle = require("./useThrottle");
-
 var _usePagination = require("./usePagination");
-
 var _useWindowFitment = require("./useWindowFitment");

package/dist/hooks/useClickOutside.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useClickOutside = void 0;
-
 var _react = require("react");
-
 /**
  * Handle clicks outside an element.
  * @returns A ref to pass to the element to handle clicks outside of.
@@ -15,12 +13,10 @@ var useClickOutside = function useClickOutside(onClickOutside) {
   var ref = (0, _react.useRef)(null);
   var handleClickOutside = (0, _react.useCallback)(function (evt) {
     var _evt$target, _ref$current;
-
-    var target = evt.target; // The target might be something like an SVG node which doesn't provide
+    var target = evt.target;
+    // The target might be something like an SVG node which doesn't provide
     // the class name as a string.
-
     var isValidTarget = typeof (evt === null || evt === void 0 ? void 0 : (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.className) === "string";
-
     if (!isValidTarget || ref.current && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && ref.current !== target) {
       onClickOutside();
     }
@@ -33,5 +29,4 @@ var useClickOutside = function useClickOutside(onClickOutside) {
   }, [handleClickOutside]);
   return ref;
 };
-
 exports.useClickOutside = useClickOutside;

package/dist/hooks/useId.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useId = void 0;
-
 var _react = require("react");
-
 var _nanoid = require("nanoid");
-
 /**
  * A hook that returns the same random ID string on every render.
  * Can be used as a value for HTML "id" attributes.
@@ -17,5 +14,4 @@ var _nanoid = require("nanoid");
 var useId = function useId() {
   return (0, _react.useRef)((0, _nanoid.nanoid)()).current;
 };
-
 exports.useId = useId;

package/dist/hooks/useListener.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useListener = void 0;
-
 var _react = require("react");
-
 var _useThrottle = require("./useThrottle");
-
 var _usePrevious = require("./usePrevious");
-
 /**
  * A hook that handles attaching/removing listeners and smartly reattaching if
  * any of the attributes change.
@@ -34,17 +30,14 @@ var useListener = function useListener(targetNode, callback, eventType) {
     // If any of the props related to the attached listener changed then the
     // listener needs to be re-attached.
     var listenerAttributesChanged = callback !== previousCallback || eventType !== previousEventType || shouldThrottle !== previousShouldThrottle || targetNode !== previousTargetNode;
-
     if (isListening.current && (!shouldListen || listenerAttributesChanged)) {
       previousTargetNode.removeEventListener(previousEventType, eventListener.current);
       isListening.current = false;
     }
-
     if (shouldThrottle !== previousShouldThrottle || callback !== previousCallback) {
       // Set the listener to the callback, or used the throttled callback.
       eventListener.current = shouldThrottle ? throttle : callback;
     }
-
     if (targetNode && shouldListen && !isListening.current) {
       targetNode.addEventListener(eventType, eventListener.current);
       isListening.current = true;
@@ -60,5 +53,4 @@ var useListener = function useListener(targetNode, callback, eventType) {
     };
   }, [eventType, targetNode]);
 };
-
 exports.useListener = useListener;

package/dist/hooks/useOnEscapePressed.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useOnEscapePressed = void 0;
-
 var _react = require("react");
-
 /**
  * Handle the escape key pressed.
  */
@@ -23,5 +21,4 @@ var useOnEscapePressed = function useOnEscapePressed(onEscape) {
     };
   }, [keyDown]);
 };
-
 exports.useOnEscapePressed = useOnEscapePressed;

package/dist/hooks/usePagination.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePagination = usePagination;
-
 var _react = require("react");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * A hook that handles pagination.
  * @param data - The data array to paginate.
@@ -27,37 +19,33 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * @param {number} [options.initialPage=1] - Initial page number. Defaults to 1.
  * @param {boolean} [options.autoResetPage=false] - Whether to reset the page number to 1 when the data changes.
  */
+
 function usePagination(data, options) {
   var _data$length;
-
   var defaultOptions = {
     initialPage: 1,
     autoResetPage: false
   };
-
   var _Object$assign = Object.assign(defaultOptions, options),
-      itemsPerPage = _Object$assign.itemsPerPage,
-      initialPage = _Object$assign.initialPage,
-      autoResetPage = _Object$assign.autoResetPage;
-
+    itemsPerPage = _Object$assign.itemsPerPage,
+    initialPage = _Object$assign.initialPage,
+    autoResetPage = _Object$assign.autoResetPage;
   var totalItems = (_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0;
   var initialPageIndex = initialPage > 0 ? initialPage - 1 : 0;
-
   var _useState = (0, _react.useState)(initialPageIndex),
-      _useState2 = _slicedToArray(_useState, 2),
-      pageIndex = _useState2[0],
-      setPageIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    pageIndex = _useState2[0],
+    setPageIndex = _useState2[1];
   var startIndex = typeof itemsPerPage === "number" ? pageIndex * itemsPerPage : 0;
-
   var paginate = function paginate(pageNumber) {
     return setPageIndex(pageNumber - 1);
   };
-
   (0, _react.useEffect)(function () {
     if (typeof itemsPerPage === "number" && startIndex >= totalItems) {
-      !autoResetPage && Math.floor(totalItems / itemsPerPage) > 0 ? // go to the last available page if the current page is out of bounds
-      setPageIndex(Math.floor(totalItems / itemsPerPage) - 1) : // go to the initial page if autoResetPage is true
+      !autoResetPage && Math.floor(totalItems / itemsPerPage) > 0 ?
+      // go to the last available page if the current page is out of bounds
+      setPageIndex(Math.floor(totalItems / itemsPerPage) - 1) :
+      // go to the initial page if autoResetPage is true
       setPageIndex(0);
     }
   }, [pageIndex, startIndex, setPageIndex, totalItems, itemsPerPage, autoResetPage]);

package/dist/hooks/usePrevious.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePrevious = void 0;
-
 var _react = require("react");
-
 /**
  * A hook to handle storing the previous value of anything.
  * @param value - The value to watch.
@@ -21,5 +19,4 @@ var usePrevious = function usePrevious(value) {
   }, [value]);
   return ref.current;
 };
-
 exports.usePrevious = usePrevious;

package/dist/hooks/useThrottle.js

@@ -4,24 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useThrottle = exports.THROTTLE_DELAY = void 0;
-
 var _react = require("react");
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var THROTTLE_DELAY = 1000 / 60;
 exports.THROTTLE_DELAY = THROTTLE_DELAY;
-
 // eslint-disable-line @typescript-eslint/no-explicit-any
 
 /**
@@ -39,22 +30,18 @@ var useThrottle = function useThrottle(callback) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     lastArgs.current = args;
-
     var callCallback = function callCallback() {
       callback.apply(void 0, _toConsumableArray(lastArgs.current));
       lastCall.current = Date.now();
       timeout.current = null;
     };
-
     var createTimeout = function createTimeout() {
       timeout.current = window.setTimeout(function () {
         callCallback();
         timeout.current = null;
       }, delay);
     };
-
     if (!lastCall.current) {
       // Initially call the callback and start a timeout for the next call.
       callCallback();
@@ -75,5 +62,4 @@ var useThrottle = function useThrottle(callback) {
   }, []);
   return throttle;
 };
-
 exports.useThrottle = useThrottle;

package/dist/hooks/useWindowFitment.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useWindowFitment = void 0;
-
 var _react = require("react");
-
 var _useListener = require("./useListener");
-
 /**
  * A hook to determine if an element fits on the window.
  * @param targetNode The element to try and fit on the window.
@@ -27,7 +24,6 @@ var useWindowFitment = function useWindowFitment(targetNode, referenceNode, call
   var htmlRef = (0, _react.useRef)(document.querySelector("html"));
   var update = (0, _react.useCallback)(function (evt) {
     var referenceCoordinates;
-
     if (fromMouse) {
       if (evt) {
         referenceCoordinates = {
@@ -41,17 +37,15 @@ var useWindowFitment = function useWindowFitment(targetNode, referenceNode, call
     } else if (referenceNode) {
       referenceCoordinates = referenceNode.getBoundingClientRect();
     }
-
     if (shouldCheck && targetNode && referenceCoordinates) {
       var _targetNode$getBoundi = targetNode.getBoundingClientRect(),
-          targetHeight = _targetNode$getBoundi.height,
-          targetWidth = _targetNode$getBoundi.width;
-
+        targetHeight = _targetNode$getBoundi.height,
+        targetWidth = _targetNode$getBoundi.width;
       var _referenceCoordinates = referenceCoordinates,
-          referenceHeight = _referenceCoordinates.height,
-          referenceLeft = _referenceCoordinates.left,
-          referenceTop = _referenceCoordinates.top,
-          referenceWidth = _referenceCoordinates.width;
+        referenceHeight = _referenceCoordinates.height,
+        referenceLeft = _referenceCoordinates.left,
+        referenceTop = _referenceCoordinates.top,
+        referenceWidth = _referenceCoordinates.width;
       var referenceBottom = referenceTop + referenceHeight;
       var referenceRight = referenceLeft + referenceWidth;
       var referenceCenterX = referenceLeft + referenceWidth / 2;
@@ -117,5 +111,4 @@ var useWindowFitment = function useWindowFitment(targetNode, referenceNode, call
     }
   }, [fromMouse, update]);
 };
-
 exports.useWindowFitment = useWindowFitment;