@procore/core-react 11.22.1 → 11.23.0

package/dist/_hooks/ListNavigation.js

@@ -1,119 +1,154 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["children"],
+  _excluded2 = ["children"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 = 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; }
 import React from 'react';
+
+/* TYPES */
+
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
 function clamp(max, n) {
-    return Math.min(max - 1, Math.max(0, n));
+  return Math.min(max - 1, Math.max(0, n));
 }
 function wrap(max, n) {
-    if (max === 0) {
-        return n;
-    }
-    return n < 0 ? max + n : n % max;
+  if (max === 0) {
+    return n;
+  }
+  return n < 0 ? max + n : n % max;
 }
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function useListNavigation(_a) {
-    var _b = _a.circular, circular = _b === void 0 ? false : _b, _c = _a.initialIndex, initialIndex = _c === void 0 ? 0 : _c, _d = _a.size, initialSize = _d === void 0 ? 0 : _d;
-    var _e = React.useState(initialIndex), index = _e[0], setIndex = _e[1];
-    var _f = React.useState(initialSize), size = _f[0], setSize = _f[1];
-    var set = React.useCallback(function (i) {
-        if (size === 0) {
-            setIndex(i);
-        }
-        else {
-            setIndex(clamp(size, circular ? wrap(size, i) : i));
-        }
-    }, [circular, size]);
-    function clear() {
-        set(0);
-    }
-    function increment() {
-        set(index + 1);
-    }
-    function incrementBy(amount) {
-        set(index + amount);
+export function useListNavigation(_ref) {
+  var _ref$circular = _ref.circular,
+    circular = _ref$circular === void 0 ? false : _ref$circular,
+    _ref$initialIndex = _ref.initialIndex,
+    initialIndex = _ref$initialIndex === void 0 ? 0 : _ref$initialIndex,
+    _ref$size = _ref.size,
+    initialSize = _ref$size === void 0 ? 0 : _ref$size;
+  var _React$useState = React.useState(initialIndex),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    index = _React$useState2[0],
+    setIndex = _React$useState2[1];
+  var _React$useState3 = React.useState(initialSize),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    size = _React$useState4[0],
+    setSize = _React$useState4[1];
+  var set = React.useCallback(function (i) {
+    if (size === 0) {
+      setIndex(i);
+    } else {
+      setIndex(clamp(size, circular ? wrap(size, i) : i));
     }
-    function decrement() {
-        set(index - 1);
-    }
-    function decrementBy(amount) {
-        set(index - amount);
-    }
-    function reset() {
-        set(initialIndex);
-    }
-    return {
-        clear: clear,
-        decrement: decrement,
-        decrementBy: decrementBy,
-        increment: increment,
-        incrementBy: incrementBy,
-        index: index,
-        reset: reset,
-        set: set,
-        setSize: setSize,
-        size: size,
-    };
+  }, [circular, size]);
+  function clear() {
+    set(0);
+  }
+  function increment() {
+    set(index + 1);
+  }
+  function incrementBy(amount) {
+    set(index + amount);
+  }
+  function decrement() {
+    set(index - 1);
+  }
+  function decrementBy(amount) {
+    set(index - amount);
+  }
+  function reset() {
+    set(initialIndex);
+  }
+  return {
+    clear: clear,
+    decrement: decrement,
+    decrementBy: decrementBy,
+    increment: increment,
+    incrementBy: incrementBy,
+    index: index,
+    reset: reset,
+    set: set,
+    setSize: setSize,
+    size: size
+  };
 }
+
 /* RENDER PROP */
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function ListNavigation(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var listNavigation = useListNavigation(props);
-    return typeof children === 'function' ? children(listNavigation) : children;
+export function ListNavigation(_ref2) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var listNavigation = useListNavigation(props);
+  return typeof children === 'function' ? children(listNavigation) : children;
 }
+
 /* CONTEXT */
-var noop = function (method) { return function () {
+
+var noop = function noop(method) {
+  return function () {
     return console.warn("Could not call `".concat(method, "`, please wrap your component in a `<ListNavigationProvider>`"));
-}; };
+  };
+};
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
 export var defaultApi = {
-    clear: noop('clear'),
-    decrement: noop('decrement'),
-    decrementBy: noop('decrementBy'),
-    increment: noop('increment'),
-    incrementBy: noop('incrementBy'),
-    index: -1,
-    reset: noop('reset'),
-    set: noop('set'),
-    setSize: noop('setSize'),
-    size: 0,
+  clear: noop('clear'),
+  decrement: noop('decrement'),
+  decrementBy: noop('decrementBy'),
+  increment: noop('increment'),
+  incrementBy: noop('incrementBy'),
+  index: -1,
+  reset: noop('reset'),
+  set: noop('set'),
+  setSize: noop('setSize'),
+  size: 0
 };
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export var ListNavigationContext = React.createContext(defaultApi);
+export var ListNavigationContext = /*#__PURE__*/React.createContext(defaultApi);
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function ListNavigationProvider(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(ListNavigationContext.Provider, { value: useListNavigation(props) }, children));
+export function ListNavigationProvider(_ref3) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/React.createElement(ListNavigationContext.Provider, {
+    value: useListNavigation(props)
+  }, children);
 }
+
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export var useListNavigationContext = function () {
-    return React.useContext(ListNavigationContext);
+export var useListNavigationContext = function useListNavigationContext() {
+  return React.useContext(ListNavigationContext);
 };
 //# sourceMappingURL=ListNavigation.js.map

package/dist/_hooks/ListNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListNavigation.js","sourceRoot":"","sources":["../../src/_hooks/ListNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuCzB,SAAS,KAAK,CAAC,GAAW,EAAE,CAAS;IACnC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC1C,CAAC;AAED,SAAS,IAAI,CAAC,GAAW,EAAE,CAAS;IAClC,IAAI,GAAG,KAAK,CAAC,EAAE;QACb,OAAO,CAAC,CAAA;KACT;IAED,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAClC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAIX;QAHrB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAgB,EAAhB,YAAY,mBAAG,CAAC,KAAA,EAChB,YAAqB,EAAf,WAAW,mBAAG,CAAC,KAAA;IAEf,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAA/C,KAAK,QAAA,EAAE,QAAQ,QAAgC,CAAA;IAEhD,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAA5C,IAAI,QAAA,EAAE,OAAO,QAA+B,CAAA;IAEnD,IAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAC3B,UAAU,CAAS;QACjB,IAAI,IAAI,KAAK,CAAC,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;SACpD;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB,CAAA;IAED,SAAS,KAAK;QACZ,GAAG,CAAC,CAAC,CAAC,CAAA;IACR,CAAC;IAED,SAAS,SAAS;QAChB,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IAChB,CAAC;IAED,SAAS,WAAW,CAAC,MAAc;QACjC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,CAAA;IACrB,CAAC;IAED,SAAS,SAAS;QAChB,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IAChB,CAAC;IAED,SAAS,WAAW,CAAC,MAAc;QACjC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,CAAA;IACrB,CAAC;IAED,SAAS,KAAK;QACZ,GAAG,CAAC,YAAY,CAAC,CAAA;IACnB,CAAC;IAED,OAAO;QACL,KAAK,OAAA;QACL,SAAS,WAAA;QACT,WAAW,aAAA;QACX,SAAS,WAAA;QACT,WAAW,aAAA;QACX,KAAK,OAAA;QACL,KAAK,OAAA;QACL,GAAG,KAAA;QACH,OAAO,SAAA;QACP,IAAI,MAAA;KACL,CAAA;AACH,CAAC;AAED,iBAAiB;AAEjB;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAmC;IAAjC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjD,IAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAE/C,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC7E,CAAC;AAED,aAAa;AAEb,IAAM,IAAI,GAAG,UAAC,MAAc,IAAK,OAAA;IAC/B,OAAA,OAAO,CAAC,IAAI,CACV,0BAAoB,MAAM,kEAAkE,CAC7F;AAFD,CAEC,EAH8B,CAG9B,CAAA;AAEH;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;IACpB,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;IAC5B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC;IAChC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;IAC5B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC;IAChC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;IACpB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;IACxB,IAAI,EAAE,CAAC;CACR,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAChC,KAAK,CAAC,aAAa,CAAoB,UAAU,CAAC,CAAA;AAEpD;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzD,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,IAC5D,QAAQ,CACsB,CAClC,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,OAAA,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC;AAAvC,CAAuC,CAAA"}
+{"version":3,"file":"ListNavigation.js","names":["React","clamp","max","n","Math","min","wrap","useListNavigation","_ref","_ref$circular","circular","_ref$initialIndex","initialIndex","_ref$size","size","initialSize","_React$useState","useState","_React$useState2","_slicedToArray","index","setIndex","_React$useState3","_React$useState4","setSize","set","useCallback","i","clear","increment","incrementBy","amount","decrement","decrementBy","reset","ListNavigation","_ref2","children","props","_objectWithoutProperties","_excluded","listNavigation","noop","method","console","warn","concat","defaultApi","ListNavigationContext","createContext","ListNavigationProvider","_ref3","_excluded2","createElement","Provider","value","useListNavigationContext","useContext"],"sources":["../../src/_hooks/ListNavigation.tsx"],"sourcesContent":["import React from 'react'\n\n/* TYPES */\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface ListNavigationConfig {\n  circular?: boolean\n  initialIndex?: number\n  size?: number\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface ListNavigationApi {\n  clear: () => void\n  decrement: () => void\n  decrementBy: (amount: number) => void\n  increment: () => void\n  incrementBy: (amount: number) => void\n  index: number\n  reset: () => void\n  set: (index: number) => void\n  setSize: (index: number) => void\n  size: number\n}\n\ninterface Props extends ListNavigationConfig {\n  children?: React.ReactNode\n}\n\ninterface RenderProps extends ListNavigationConfig {\n  children: (props: ListNavigationApi) => {}\n}\n\nfunction clamp(max: number, n: number) {\n  return Math.min(max - 1, Math.max(0, n))\n}\n\nfunction wrap(max: number, n: number) {\n  if (max === 0) {\n    return n\n  }\n\n  return n < 0 ? max + n : n % max\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useListNavigation({\n  circular = false,\n  initialIndex = 0,\n  size: initialSize = 0,\n}: ListNavigationConfig): ListNavigationApi {\n  const [index, setIndex] = React.useState(initialIndex)\n\n  const [size, setSize] = React.useState(initialSize)\n\n  const set = React.useCallback(\n    function (i: number) {\n      if (size === 0) {\n        setIndex(i)\n      } else {\n        setIndex(clamp(size, circular ? wrap(size, i) : i))\n      }\n    },\n    [circular, size]\n  )\n\n  function clear() {\n    set(0)\n  }\n\n  function increment() {\n    set(index + 1)\n  }\n\n  function incrementBy(amount: number) {\n    set(index + amount)\n  }\n\n  function decrement() {\n    set(index - 1)\n  }\n\n  function decrementBy(amount: number) {\n    set(index - amount)\n  }\n\n  function reset() {\n    set(initialIndex)\n  }\n\n  return {\n    clear,\n    decrement,\n    decrementBy,\n    increment,\n    incrementBy,\n    index,\n    reset,\n    set,\n    setSize,\n    size,\n  }\n}\n\n/* RENDER PROP */\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function ListNavigation({ children, ...props }: RenderProps) {\n  const listNavigation = useListNavigation(props)\n\n  return typeof children === 'function' ? children(listNavigation) : children\n}\n\n/* CONTEXT */\n\nconst noop = (method: string) => () =>\n  console.warn(\n    `Could not call \\`${method}\\`, please wrap your component in a \\`<ListNavigationProvider>\\``\n  )\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport const defaultApi = {\n  clear: noop('clear'),\n  decrement: noop('decrement'),\n  decrementBy: noop('decrementBy'),\n  increment: noop('increment'),\n  incrementBy: noop('incrementBy'),\n  index: -1,\n  reset: noop('reset'),\n  set: noop('set'),\n  setSize: noop('setSize'),\n  size: 0,\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport const ListNavigationContext =\n  React.createContext<ListNavigationApi>(defaultApi)\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function ListNavigationProvider({ children, ...props }: Props) {\n  return (\n    <ListNavigationContext.Provider value={useListNavigation(props)}>\n      {children}\n    </ListNavigationContext.Provider>\n  )\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport const useListNavigationContext = () =>\n  React.useContext(ListNavigationContext)\n"],"mappings":"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"}

package/dist/_hooks/OverflowObserver/OverflowObserver.js

@@ -1,54 +1,78 @@
+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); }
+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 = 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; }
 import React from 'react';
 // Browsers occasionally miscalculate scroll and client width/height by one pixel up or down
 //  so we're use |x| > 1 instead of x > 0 assertion eliminating the issue at the cost of
 //  a false-negative result if the content is overflowing by just 1 pixel
 function isContentOverflowing(length, visibleLength) {
-    return Math.abs(length - visibleLength) > 1;
+  return Math.abs(length - visibleLength) > 1;
 }
 function isContentOverflowingX(node) {
-    return isContentOverflowing(node.scrollWidth, node.clientWidth);
+  return isContentOverflowing(node.scrollWidth, node.clientWidth);
 }
 function isContentOverflowingY(node) {
-    return isContentOverflowing(node.scrollHeight, node.clientHeight);
+  return isContentOverflowing(node.scrollHeight, node.clientHeight);
 }
+
 /**
  * @deprecatedSince 11
  * @deprecated Never officially documented/supported
  */
 export function useOverflowObserver() {
-    var _a = React.useState(false), isOverflowingX = _a[0], setIsOverflowingX = _a[1];
-    var _b = React.useState(false), isOverflowingY = _b[0], setIsOverflowingY = _b[1];
-    var ref = function (node) {
-        if (!node) {
-            return;
-        }
-        var newIsOverflowingX = isContentOverflowingX(node);
-        if (newIsOverflowingX !== isOverflowingX) {
-            setIsOverflowingX(newIsOverflowingX);
-        }
-        var newIsOverflowingY = isContentOverflowingY(node);
-        if (newIsOverflowingY !== isOverflowingY) {
-            setIsOverflowingY(newIsOverflowingY);
-        }
-    };
-    return {
-        ref: ref,
-        isOverflowingX: isOverflowingX,
-        isOverflowingY: isOverflowingY,
-        isOverflowing: isOverflowingX || isOverflowingY,
-    };
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOverflowingX = _React$useState2[0],
+    setIsOverflowingX = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isOverflowingY = _React$useState4[0],
+    setIsOverflowingY = _React$useState4[1];
+  var ref = function ref(node) {
+    if (!node) {
+      return;
+    }
+    var newIsOverflowingX = isContentOverflowingX(node);
+    if (newIsOverflowingX !== isOverflowingX) {
+      setIsOverflowingX(newIsOverflowingX);
+    }
+    var newIsOverflowingY = isContentOverflowingY(node);
+    if (newIsOverflowingY !== isOverflowingY) {
+      setIsOverflowingY(newIsOverflowingY);
+    }
+  };
+  return {
+    ref: ref,
+    isOverflowingX: isOverflowingX,
+    isOverflowingY: isOverflowingY,
+    isOverflowing: isOverflowingX || isOverflowingY
+  };
 }
+
 /**
  * @deprecatedSince 11
  * @deprecated Never officially documented/supported
  */
-export function OverflowObserver(_a) {
-    var children = _a.children;
-    var _b = useOverflowObserver(), ref = _b.ref, isOverflowing = _b.isOverflowing, isOverflowingX = _b.isOverflowingX, isOverflowingY = _b.isOverflowingY;
-    if (typeof children !== 'function') {
-        console.warn("OverflowObserver: expected a function as \"children\" prop, received ".concat(typeof children));
-        return children;
-    }
-    return children({ ref: ref, isOverflowing: isOverflowing, isOverflowingX: isOverflowingX, isOverflowingY: isOverflowingY });
+export function OverflowObserver(_ref) {
+  var children = _ref.children;
+  var _useOverflowObserver = useOverflowObserver(),
+    ref = _useOverflowObserver.ref,
+    isOverflowing = _useOverflowObserver.isOverflowing,
+    isOverflowingX = _useOverflowObserver.isOverflowingX,
+    isOverflowingY = _useOverflowObserver.isOverflowingY;
+  if (typeof children !== 'function') {
+    console.warn("OverflowObserver: expected a function as \"children\" prop, received ".concat(_typeof(children)));
+    return children;
+  }
+  return children({
+    ref: ref,
+    isOverflowing: isOverflowing,
+    isOverflowingX: isOverflowingX,
+    isOverflowingY: isOverflowingY
+  });
 }
 //# sourceMappingURL=OverflowObserver.js.map

package/dist/_hooks/OverflowObserver/OverflowObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowObserver.js","sourceRoot":"","sources":["../../../src/_hooks/OverflowObserver/OverflowObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,4FAA4F;AAC5F,wFAAwF;AACxF,yEAAyE;AACzE,SAAS,oBAAoB,CAAC,MAAc,EAAE,aAAqB;IACjE,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;AAC7C,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAiB;IAC9C,OAAO,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;AACjE,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAiB;IAC9C,OAAO,oBAAoB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;AACnE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IAC3B,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAA;IAC3D,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAA;IAEjE,IAAM,GAAG,GAAG,UAAC,IAAwB;QACnC,IAAI,CAAC,IAAI,EAAE;YACT,OAAM;SACP;QAED,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QACrD,IAAI,iBAAiB,KAAK,cAAc,EAAE;YACxC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;SACrC;QAED,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QACrD,IAAI,iBAAiB,KAAK,cAAc,EAAE;YACxC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;SACrC;IACH,CAAC,CAAA;IAED,OAAO;QACL,GAAG,KAAA;QACH,cAAc,gBAAA;QACd,cAAc,gBAAA;QACd,aAAa,EAAE,cAAc,IAAI,cAAc;KAChD,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAmC;QAAjC,QAAQ,cAAA;IACnC,IAAA,KACJ,mBAAmB,EAAE,EADf,GAAG,SAAA,EAAE,aAAa,mBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBACnC,CAAA;IAEvB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAClC,OAAO,CAAC,IAAI,CACV,+EAAsE,OAAO,QAAQ,CAAE,CACxF,CAAA;QACD,OAAO,QAAuB,CAAA;KAC/B;IAED,OAAO,QAAQ,CAAC,EAAE,GAAG,KAAA,EAAE,aAAa,eAAA,EAAE,cAAc,gBAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAA;AACzE,CAAC"}
+{"version":3,"file":"OverflowObserver.js","names":["React","isContentOverflowing","length","visibleLength","Math","abs","isContentOverflowingX","node","scrollWidth","clientWidth","isContentOverflowingY","scrollHeight","clientHeight","useOverflowObserver","_React$useState","useState","_React$useState2","_slicedToArray","isOverflowingX","setIsOverflowingX","_React$useState3","_React$useState4","isOverflowingY","setIsOverflowingY","ref","newIsOverflowingX","newIsOverflowingY","isOverflowing","OverflowObserver","_ref","children","_useOverflowObserver","console","warn","concat","_typeof"],"sources":["../../../src/_hooks/OverflowObserver/OverflowObserver.tsx"],"sourcesContent":["import React from 'react'\nimport { OverflowObserverProps, OverflowState } from './OverflowObserver.types'\n\n// Browsers occasionally miscalculate scroll and client width/height by one pixel up or down\n//  so we're use |x| > 1 instead of x > 0 assertion eliminating the issue at the cost of\n//  a false-negative result if the content is overflowing by just 1 pixel\nfunction isContentOverflowing(length: number, visibleLength: number) {\n  return Math.abs(length - visibleLength) > 1\n}\n\nfunction isContentOverflowingX(node: HTMLElement) {\n  return isContentOverflowing(node.scrollWidth, node.clientWidth)\n}\n\nfunction isContentOverflowingY(node: HTMLElement) {\n  return isContentOverflowing(node.scrollHeight, node.clientHeight)\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated Never officially documented/supported\n */\nexport function useOverflowObserver(): OverflowState {\n  const [isOverflowingX, setIsOverflowingX] = React.useState(false)\n  const [isOverflowingY, setIsOverflowingY] = React.useState(false)\n\n  const ref = (node: HTMLElement | null) => {\n    if (!node) {\n      return\n    }\n\n    const newIsOverflowingX = isContentOverflowingX(node)\n    if (newIsOverflowingX !== isOverflowingX) {\n      setIsOverflowingX(newIsOverflowingX)\n    }\n\n    const newIsOverflowingY = isContentOverflowingY(node)\n    if (newIsOverflowingY !== isOverflowingY) {\n      setIsOverflowingY(newIsOverflowingY)\n    }\n  }\n\n  return {\n    ref,\n    isOverflowingX,\n    isOverflowingY,\n    isOverflowing: isOverflowingX || isOverflowingY,\n  }\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated Never officially documented/supported\n */\nexport function OverflowObserver({ children }: OverflowObserverProps) {\n  const { ref, isOverflowing, isOverflowingX, isOverflowingY } =\n    useOverflowObserver()\n\n  if (typeof children !== 'function') {\n    console.warn(\n      `OverflowObserver: expected a function as \"children\" prop, received ${typeof children}`\n    )\n    return children as JSX.Element\n  }\n\n  return children({ ref, isOverflowing, isOverflowingX, isOverflowingY })\n}\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB;AACA;AACA;AACA,SAASC,oBAAoBA,CAACC,MAAc,EAAEC,aAAqB,EAAE;EACnE,OAAOC,IAAI,CAACC,GAAG,CAACH,MAAM,GAAGC,aAAa,CAAC,GAAG,CAAC;AAC7C;AAEA,SAASG,qBAAqBA,CAACC,IAAiB,EAAE;EAChD,OAAON,oBAAoB,CAACM,IAAI,CAACC,WAAW,EAAED,IAAI,CAACE,WAAW,CAAC;AACjE;AAEA,SAASC,qBAAqBA,CAACH,IAAiB,EAAE;EAChD,OAAON,oBAAoB,CAACM,IAAI,CAACI,YAAY,EAAEJ,IAAI,CAACK,YAAY,CAAC;AACnE;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAA,EAAkB;EACnD,IAAAC,eAAA,GAA4Cd,KAAK,CAACe,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA1DI,cAAc,GAAAF,gBAAA;IAAEG,iBAAiB,GAAAH,gBAAA;EACxC,IAAAI,gBAAA,GAA4CpB,KAAK,CAACe,QAAQ,CAAC,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAA1DE,cAAc,GAAAD,gBAAA;IAAEE,iBAAiB,GAAAF,gBAAA;EAExC,IAAMG,GAAG,GAAG,SAANA,GAAGA,CAAIjB,IAAwB,EAAK;IACxC,IAAI,CAACA,IAAI,EAAE;MACT;IACF;IAEA,IAAMkB,iBAAiB,GAAGnB,qBAAqB,CAACC,IAAI,CAAC;IACrD,IAAIkB,iBAAiB,KAAKP,cAAc,EAAE;MACxCC,iBAAiB,CAACM,iBAAiB,CAAC;IACtC;IAEA,IAAMC,iBAAiB,GAAGhB,qBAAqB,CAACH,IAAI,CAAC;IACrD,IAAImB,iBAAiB,KAAKJ,cAAc,EAAE;MACxCC,iBAAiB,CAACG,iBAAiB,CAAC;IACtC;EACF,CAAC;EAED,OAAO;IACLF,GAAG,EAAHA,GAAG;IACHN,cAAc,EAAdA,cAAc;IACdI,cAAc,EAAdA,cAAc;IACdK,aAAa,EAAET,cAAc,IAAII;EACnC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,gBAAgBA,CAAAC,IAAA,EAAsC;EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACzC,IAAAC,oBAAA,GACElB,mBAAmB,CAAC,CAAC;IADfW,GAAG,GAAAO,oBAAA,CAAHP,GAAG;IAAEG,aAAa,GAAAI,oBAAA,CAAbJ,aAAa;IAAET,cAAc,GAAAa,oBAAA,CAAdb,cAAc;IAAEI,cAAc,GAAAS,oBAAA,CAAdT,cAAc;EAG1D,IAAI,OAAOQ,QAAQ,KAAK,UAAU,EAAE;IAClCE,OAAO,CAACC,IAAI,yEAAAC,MAAA,CAAAC,OAAA,CACmEL,QAAQ,EACvF,CAAC;IACD,OAAOA,QAAQ;EACjB;EAEA,OAAOA,QAAQ,CAAC;IAAEN,GAAG,EAAHA,GAAG;IAAEG,aAAa,EAAbA,aAAa;IAAET,cAAc,EAAdA,cAAc;IAAEI,cAAc,EAAdA;EAAe,CAAC,CAAC;AACzE"}

package/dist/_hooks/OverflowObserver/OverflowObserver.test.js

@@ -0,0 +1,110 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { useOverflowObserver } from './OverflowObserver'
+
+describe('useOverflowObserver', () => {
+  const hookApi = () => renderHook(() => useOverflowObserver()).result
+
+  const runDefaulValueAssertions = (api) => {
+    expect(api.isOverflowingY).toBe(false)
+    expect(api.isOverflowingX).toBe(false)
+    expect(api.isOverflowing).toBe(false)
+  }
+
+  it('should detect vertical content overflow', () => {
+    const api = hookApi()
+
+    const domNode = {
+      clientHeight: 100,
+      scrollHeight: 102,
+      clientWidth: 50,
+      scrollWidth: 50,
+    }
+
+    runDefaulValueAssertions(api.current)
+
+    act(() => api.current.ref(domNode))
+
+    expect(api.current.isOverflowingY).toBe(true)
+    expect(api.current.isOverflowingX).toBe(false)
+    expect(api.current.isOverflowing).toBe(true)
+  })
+
+  it('should detect horizontal content overflow', () => {
+    const api = hookApi()
+
+    const domNode = {
+      clientHeight: 100,
+      scrollHeight: 100,
+      clientWidth: 50,
+      scrollWidth: 52,
+    }
+
+    runDefaulValueAssertions(api.current)
+
+    act(() => api.current.ref(domNode))
+
+    expect(api.current.isOverflowingY).toBe(false)
+    expect(api.current.isOverflowingX).toBe(true)
+    expect(api.current.isOverflowing).toBe(true)
+  })
+
+  it('should detect vertical and horizontal content overflow', () => {
+    const api = hookApi()
+
+    const domNode = {
+      clientHeight: 100,
+      scrollHeight: 102,
+      clientWidth: 50,
+      scrollWidth: 52,
+    }
+
+    runDefaulValueAssertions(api.current)
+
+    act(() => api.current.ref(domNode))
+
+    expect(api.current.isOverflowingY).toBe(true)
+    expect(api.current.isOverflowingX).toBe(true)
+    expect(api.current.isOverflowing).toBe(true)
+  })
+
+  describe('Given that the browser miscalculates content dimensions', () => {
+    ;[
+      {
+        clientHeight: 100,
+        scrollHeight: 100,
+        clientWidth: 99,
+        scrollWidth: 100,
+      },
+      {
+        clientHeight: 99,
+        scrollHeight: 100,
+        clientWidth: 50,
+        scrollWidth: 50,
+      },
+      {
+        clientHeight: 100,
+        scrollHeight: 100,
+        clientWidth: 50,
+        scrollWidth: 49,
+      },
+      {
+        clientHeight: 100,
+        scrollHeight: 99,
+        clientWidth: 50,
+        scrollWidth: 50,
+      },
+    ].forEach((domNode) => {
+      it('should ignore dimension variance in 1 pixel range', () => {
+        const api = hookApi()
+
+        runDefaulValueAssertions(api.current)
+
+        act(() => api.current.ref(domNode))
+
+        expect(api.current.isOverflowingY).toBe(false)
+        expect(api.current.isOverflowingX).toBe(false)
+        expect(api.current.isOverflowing).toBe(false)
+      })
+    })
+  })
+})

package/dist/_hooks/OverflowObserver/OverflowObserver.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowObserver.types.js","sourceRoot":"","sources":["../../../src/_hooks/OverflowObserver/OverflowObserver.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"OverflowObserver.types.js","names":[],"sources":["../../../src/_hooks/OverflowObserver/OverflowObserver.types.ts"],"sourcesContent":["export interface OverflowState {\n  /**\n   * @since 10.19.0\n   */\n  ref: (el: HTMLElement | null) => void\n  /**\n   * @description Is overflowing along X or Y axis (horizontally or vertically)\n   * @since 10.19.0\n   */\n  isOverflowing: boolean\n  /**\n   * @description Is overflowing along X axis (horizontally)\n   * @since 10.19.0\n   */\n  isOverflowingX: boolean\n  /**\n   * @description Is overflowing along Y axis (vertically)\n   * @since 10.19.0\n   */\n  isOverflowingY: boolean\n}\n\nexport interface OverflowObserverProps {\n  children(state: OverflowState): JSX.Element\n}\n"],"mappings":""}

package/dist/_hooks/OverflowObserver/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_hooks/OverflowObserver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","names":["OverflowObserver","useOverflowObserver"],"sources":["../../../src/_hooks/OverflowObserver/index.ts"],"sourcesContent":["export { OverflowObserver, useOverflowObserver } from './OverflowObserver'\n"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,mBAAmB,QAAQ,oBAAoB"}

package/dist/_hooks/Resize.js

@@ -1,10 +1,16 @@
-import { useEventListener, } from './EventListener';
+import { useEventListener } from './EventListener';
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export function useResize(_a) {
-    var onResize = _a.onResize, _b = _a.scope, scope = _b === void 0 ? window : _b;
-    return useEventListener({ event: 'resize', handler: onResize, scope: scope });
+export function useResize(_ref) {
+  var onResize = _ref.onResize,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? window : _ref$scope;
+  return useEventListener({
+    event: 'resize',
+    handler: onResize,
+    scope: scope
+  });
 }
 //# sourceMappingURL=Resize.js.map

package/dist/_hooks/Resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resize.js","sourceRoot":"","sources":["../../src/_hooks/Resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,GACjB,MAAM,iBAAiB,CAAA;AASxB;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAGU;QAFlC,QAAQ,cAAA,EACR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAEd,OAAO,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AACxE,CAAC"}
+{"version":3,"file":"Resize.js","names":["useEventListener","useResize","_ref","onResize","_ref$scope","scope","window","event","handler"],"sources":["../../src/_hooks/Resize.ts"],"sourcesContent":["import {\n  Config as EventListenerConfig,\n  useEventListener,\n} from './EventListener'\n\ninterface Config extends EventListenerConfig {\n  /**\n   * @since 10.19.0\n   */\n  onResize: EventListenerConfig['handler']\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useResize({\n  onResize,\n  scope = window,\n}: Omit<Config, 'event' | 'handler'>) {\n  return useEventListener({ event: 'resize', handler: onResize, scope })\n}\n"],"mappings":"AAAA,SAEEA,gBAAgB,QACX,iBAAiB;AASxB;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAGa;EAAA,IAFpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CACRG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,MAAM,GAAAF,UAAA;EAEd,OAAOJ,gBAAgB,CAAC;IAAEO,KAAK,EAAE,QAAQ;IAAEC,OAAO,EAAEL,QAAQ;IAAEE,KAAK,EAALA;EAAM,CAAC,CAAC;AACxE"}

package/dist/_hooks/ResizeObserver.js

@@ -1,20 +1,29 @@
+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 = 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; }
 import React from 'react';
 import ResizeObserverPolyfill from 'resize-observer-polyfill';
-if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.ResizeObserver)) {
-    globalThis.ResizeObserver = ResizeObserverPolyfill;
+if (!(globalThis !== null && globalThis !== void 0 && globalThis.ResizeObserver)) {
+  globalThis.ResizeObserver = ResizeObserverPolyfill;
 }
 export function useResizeObserver(callback) {
-    var _a = React.useState(null), el = _a[0], setEl = _a[1];
-    React.useEffect(function () {
-        if (!el || !callback) {
-            return;
-        }
-        var resizeObserver = new window.ResizeObserver(callback);
-        resizeObserver.observe(el);
-        return function () {
-            resizeObserver.disconnect();
-        };
-    }, [el, callback]);
-    return setEl;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    el = _React$useState2[0],
+    setEl = _React$useState2[1];
+  React.useEffect(function () {
+    if (!el || !callback) {
+      return;
+    }
+    var resizeObserver = new window.ResizeObserver(callback);
+    resizeObserver.observe(el);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, [el, callback]);
+  return setEl;
 }
 //# sourceMappingURL=ResizeObserver.js.map

package/dist/_hooks/ResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserver.js","sourceRoot":"","sources":["../../src/_hooks/ResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAE7D,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,CAAA,EAAE;IAC/B,UAAU,CAAC,cAAc,GAAG,sBAAsB,CAAA;CACnD;AAED,MAAM,UAAU,iBAAiB,CAC/B,QAAgC;IAE1B,IAAA,KAAc,KAAK,CAAC,QAAQ,CAAW,IAAI,CAAC,EAA3C,EAAE,QAAA,EAAE,KAAK,QAAkC,CAAA;IAElD,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE;YACpB,OAAM;SACP;QAED,IAAM,cAAc,GAAG,IAAI,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;QAC1D,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAE1B,OAAO;YACL,cAAc,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;IAElB,OAAO,KAAK,CAAA;AACd,CAAC"}
+{"version":3,"file":"ResizeObserver.js","names":["React","ResizeObserverPolyfill","globalThis","ResizeObserver","useResizeObserver","callback","_React$useState","useState","_React$useState2","_slicedToArray","el","setEl","useEffect","resizeObserver","window","observe","disconnect"],"sources":["../../src/_hooks/ResizeObserver.ts"],"sourcesContent":["import React from 'react'\nimport ResizeObserverPolyfill from 'resize-observer-polyfill'\n\nif (!globalThis?.ResizeObserver) {\n  globalThis.ResizeObserver = ResizeObserverPolyfill\n}\n\nexport function useResizeObserver<T extends Element = HTMLElement>(\n  callback: ResizeObserverCallback\n): (el: T | null) => void {\n  const [el, setEl] = React.useState<T | null>(null)\n\n  React.useEffect(() => {\n    if (!el || !callback) {\n      return\n    }\n\n    const resizeObserver = new window.ResizeObserver(callback)\n    resizeObserver.observe(el)\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [el, callback])\n\n  return setEl\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,IAAI,EAACC,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEC,cAAc,GAAE;EAC/BD,UAAU,CAACC,cAAc,GAAGF,sBAAsB;AACpD;AAEA,OAAO,SAASG,iBAAiBA,CAC/BC,QAAgC,EACR;EACxB,IAAAC,eAAA,GAAoBN,KAAK,CAACO,QAAQ,CAAW,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA3CI,EAAE,GAAAF,gBAAA;IAAEG,KAAK,GAAAH,gBAAA;EAEhBR,KAAK,CAACY,SAAS,CAAC,YAAM;IACpB,IAAI,CAACF,EAAE,IAAI,CAACL,QAAQ,EAAE;MACpB;IACF;IAEA,IAAMQ,cAAc,GAAG,IAAIC,MAAM,CAACX,cAAc,CAACE,QAAQ,CAAC;IAC1DQ,cAAc,CAACE,OAAO,CAACL,EAAE,CAAC;IAE1B,OAAO,YAAM;MACXG,cAAc,CAACG,UAAU,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACN,EAAE,EAAEL,QAAQ,CAAC,CAAC;EAElB,OAAOM,KAAK;AACd"}