@artsy/palette 45.13.1 → 45.14.0-canary.1497.33065.0

package/dist/esm/utils/usePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.js","names":["useState","useRef","useMutationObserver","useIsomorphicLayoutEffect","useResizeObserver","POSITION","top","bottom","left","right","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_ref$padding","padding","_useState","isFlipped","_useState2","_slicedToArray","state","setState","tooltipRef","anchorRef","update","current","tooltip","anchor","requestAnimationFrame","placeTooltip","ref","onMutate","target","onResize","style","handleScroll","document","addEventListener","passive","handleResize","window","removeEventListener","_ref2","_ref2$offset","_ref2$boundaryRect","boundaryRect","getDocumentBoundingRect","_ref2$flip","_ref2$clamp","_ref2$padding","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","shouldFlip","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","isWithin","display","transform","translateWithOffset","_ref3","_ref4","_ref5","concat","body","clientWidth","clientHeight","_ref6","calculateMaxHeight","_ref7","anchorRect","_ref7$offset","viewportHeight","innerHeight"],"sources":["../../../src/utils/usePosition.ts"],"sourcesContent":["/**\n * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo\n */\nimport { useState } from \"react\"\nimport { useRef } from \"react\"\nimport { useMutationObserver } from \"./useMutationObserver\"\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\nexport const POSITION = {\n  \"top-start\": \"top-start\",\n  top: \"top\",\n  \"top-end\": \"top-end\",\n  \"bottom-start\": \"bottom-start\",\n  bottom: \"bottom\",\n  \"bottom-end\": \"bottom-end\",\n  \"left-start\": \"left-start\",\n  left: \"left\",\n  \"left-end\": \"left-end\",\n  \"right-start\": \"right-start\",\n  right: \"right\",\n  \"right-end\": \"right-end\",\n} as const\n\nexport type Position = keyof typeof POSITION\n\ninterface TargetPosition {\n  x: number\n  y: number\n}\n\n/**\n * Will position the floating element (tooltip) relative to the anchor element,\n * using `position: fixed` and in such a way that it shouldn't ever appear\n * partially offscreen and will move correctly when the parent is scrolled.\n */\nexport const usePosition = ({\n  key,\n  position,\n  offset = 0,\n  active = true,\n  flip = true,\n  clamp = true,\n  padding = 0,\n}: {\n  /** Listen to changes on this value */\n  key?: string | number | boolean\n  /** Placement relative to anchor */\n  position: Position\n  /** Distance from anchor (default: `0`) */\n  offset?: number\n  /** Optionally disable for performance (default: `true`) */\n  active?: boolean\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Optionally disable clamping (default: `true`) */\n  clamp?: boolean\n  /** Add boundary padding (default: `0`) used when clamping */\n  padding?: number\n}) => {\n  const [state, setState] = useState<ReturnType<typeof placeTooltip>>({\n    isFlipped: false,\n  })\n\n  const tooltipRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<HTMLElement | null>(null)\n\n  const update = () => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    requestAnimationFrame(() => {\n      setState(\n        placeTooltip({\n          anchor,\n          tooltip,\n          position,\n          offset,\n          flip,\n          clamp,\n          padding,\n        })\n      )\n    })\n  }\n\n  // Re-position when there's any change to the tooltip\n  useMutationObserver({ ref: tooltipRef, onMutate: update, active })\n\n  // Re-position when there's any change to the anchor's size\n  useResizeObserver({ target: anchorRef, onResize: update, active })\n\n  // Listen to changes on key\n  useIsomorphicLayoutEffect(update, [key])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    tooltip.style.position = \"fixed\"\n    tooltip.style.top = \"0\"\n    tooltip.style.left = \"0\"\n\n    const handleScroll = () => {\n      requestAnimationFrame(() => {\n        setState(\n          placeTooltip({\n            anchor,\n            tooltip,\n            position,\n            offset,\n            flip,\n            clamp,\n            padding,\n          })\n        )\n      })\n    }\n\n    document.addEventListener(\"scroll\", handleScroll, {\n      passive: true,\n    })\n\n    const handleResize = () => {\n      requestAnimationFrame(() => {\n        setState(\n          placeTooltip({\n            anchor,\n            tooltip,\n            position,\n            offset,\n            flip,\n            clamp,\n            padding,\n          })\n        )\n      })\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    requestAnimationFrame(() => {\n      setState(\n        placeTooltip({\n          anchor,\n          tooltip,\n          position,\n          offset,\n          flip,\n          clamp,\n          padding,\n        })\n      )\n    })\n\n    return () => {\n      document.removeEventListener(\"scroll\", handleScroll)\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [active, tooltipRef, anchorRef, position])\n\n  return {\n    // Element that floating element is anchored to\n    tooltipRef,\n    // Element you want to position relative to the anchor\n    anchorRef,\n    state,\n  }\n}\n\ninterface PlaceTooltip {\n  anchor: HTMLElement\n  tooltip: HTMLElement\n  position: Position\n  offset?: number\n  boundaryRect?: DOMRect\n  flip?: boolean\n  clamp?: boolean\n  padding?: number\n}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  boundaryRect = getDocumentBoundingRect(),\n  flip = true,\n  clamp = true,\n  padding = 0,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition({\n    elementRect,\n    tooltipRect,\n    position,\n  })\n\n  // Flip to avoid edges\n  const isFlipped =\n    flip &&\n    shouldFlip({\n      targetPosition,\n      position,\n      boundaryRect,\n      tooltipRect,\n    })\n\n  if (isFlipped) {\n    position = getOppositePosition(position)\n    targetPosition = getPosition({ elementRect, tooltipRect, position })\n  }\n\n  // Clamp position within boundary\n  if (clamp) {\n    targetPosition.x = Math.max(boundaryRect.left, targetPosition.x)\n    targetPosition.x = Math.min(\n      boundaryRect.right - tooltipRect.width,\n      targetPosition.x\n    )\n    targetPosition.y = Math.max(boundaryRect.top, targetPosition.y)\n    targetPosition.y = Math.min(\n      boundaryRect.bottom - tooltipRect.height,\n      targetPosition.y\n    )\n\n    // Apply padding to boundary\n    switch (position) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        targetPosition.x = targetPosition.x - padding\n        break\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        targetPosition.y = targetPosition.y + padding\n        break\n    }\n  }\n\n  // Should hide entirely if it scrolls out of view\n  const shouldHide = !isWithin(elementRect, boundaryRect)\n  tooltip.style.display = shouldHide ? \"none\" : \"block\"\n\n  tooltip.style.transform = translateWithOffset(\n    targetPosition,\n    position,\n    offset\n  )\n\n  return { isFlipped }\n}\n\nexport const getPosition = ({\n  elementRect,\n  tooltipRect,\n  position,\n}: {\n  elementRect: Pick<\n    DOMRect,\n    \"width\" | \"height\" | \"top\" | \"right\" | \"bottom\" | \"left\"\n  >\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n  position: Position\n}): TargetPosition => {\n  let x: number\n  let y: number\n\n  // X position\n  switch (position) {\n    case \"top-start\":\n    case \"bottom-start\":\n      x = elementRect.left\n      break\n    case \"top\":\n    case \"bottom\":\n      x = elementRect.left + elementRect.width / 2 - tooltipRect.width / 2\n      break\n    case \"top-end\":\n    case \"bottom-end\":\n      x = elementRect.right - tooltipRect.width\n      break\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      // [..] {XXX}\n      x = elementRect.left - tooltipRect.width\n      break\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // {XXX} [...]\n      x = elementRect.right\n      break\n  }\n\n  // Y position\n  switch (position) {\n    case \"left-start\":\n    case \"right-start\":\n      y = elementRect.top\n      break\n    case \"left\":\n    case \"right\":\n      y = elementRect.top + elementRect.height / 2 - tooltipRect.height / 2\n      break\n    case \"left-end\":\n    case \"right-end\":\n      y = elementRect.bottom - tooltipRect.height\n      break\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // [..]\n      // {XXX}\n      y = elementRect.top - tooltipRect.height\n      break\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // {XXX}\n      // [...]\n      y = elementRect.bottom\n      break\n  }\n\n  return { x, y }\n}\n\nexport const translateWithOffset = (\n  targetPosition: TargetPosition,\n  position: Position,\n  offset: number\n) => {\n  const [x, y] = (() => {\n    switch (position) {\n      case \"top-start\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top-end\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"bottom-start\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom-end\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"left-start\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left-end\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"right-start\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right-end\":\n        return [targetPosition.x + offset, targetPosition.y]\n    }\n  })()\n\n  return `translate(${x}px, ${y}px)`\n}\n\nconst getOppositePosition = (position: Position) => {\n  switch (position) {\n    case \"top-start\":\n      return \"bottom-start\"\n    case \"top\":\n      return \"bottom\"\n    case \"top-end\":\n      return \"bottom-end\"\n    case \"bottom-start\":\n      return \"top-start\"\n    case \"bottom\":\n      return \"top\"\n    case \"bottom-end\":\n      return \"top-end\"\n    case \"left-start\":\n      return \"right-start\"\n    case \"left\":\n      return \"right\"\n    case \"left-end\":\n      return \"right-end\"\n    case \"right-start\":\n      return \"left-start\"\n    case \"right\":\n      return \"left\"\n    case \"right-end\":\n      return \"left-end\"\n  }\n}\n\nexport const getDocumentBoundingRect = () => {\n  const width = document.body.clientWidth\n  const height = document.body.clientHeight\n\n  return {\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n    width,\n    height,\n  } as DOMRect\n}\n\ninterface ShouldFlip {\n  targetPosition: TargetPosition\n  position: Position\n  boundaryRect: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\">\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n}\n\nexport const shouldFlip = ({\n  targetPosition,\n  position,\n  boundaryRect,\n  tooltipRect,\n}: ShouldFlip) => {\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      return targetPosition.y < boundaryRect.top\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      return targetPosition.y + tooltipRect.height > boundaryRect.bottom\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      return targetPosition.x < boundaryRect.left\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      return targetPosition.x + tooltipRect.width > boundaryRect.right\n  }\n}\n\nconst isWithin = (elementRect: DOMRect, boundaryRect: DOMRect) => {\n  return (\n    boundaryRect.top < elementRect.bottom &&\n    boundaryRect.left < elementRect.right &&\n    boundaryRect.bottom > elementRect.top &&\n    boundaryRect.right > elementRect.left\n  )\n}\n\n/**\n * Calculate the maximum height available for a tooltip based on its placement and viewport constraints.\n */\nexport const calculateMaxHeight = ({\n  anchorRect,\n  position,\n  offset = 0,\n}: {\n  anchorRect: DOMRect\n  position: Position\n  offset?: number\n}): number => {\n  const viewportHeight = window.innerHeight\n\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // Space from top of anchor to top of viewport\n      return anchorRect.top - offset * 2\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // Space from bottom of anchor to bottom of viewport\n      return viewportHeight - anchorRect.bottom - offset * 2\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // For side placements, use the entire viewport height\n      return viewportHeight - offset * 2\n    default:\n      return viewportHeight\n  }\n}\n"],"mappings":"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"}

package/dist/esm/utils/usePrevious.js

@@ -0,0 +1,14 @@
+import { useEffect, useRef } from "react";
+
+/**
+ * usePrevious
+ * Stores state or props in a ref to compare against new props or state
+ */
+export function usePrevious(value) {
+  var ref = useRef(value);
+  useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+//# sourceMappingURL=usePrevious.js.map

package/dist/esm/utils/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","names":["useEffect","useRef","usePrevious","value","ref","current"],"sources":["../../../src/utils/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\n/**\n * usePrevious\n * Stores state or props in a ref to compare against new props or state\n */\nexport function usePrevious<T>(value: T) {\n  const ref = useRef(value)\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n  return ref.current\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAIC,KAAQ,EAAE;EACvC,IAAMC,GAAG,GAAGH,MAAM,CAACE,KAAK,CAAC;EACzBH,SAAS,CAAC,YAAM;IACdI,GAAG,CAACC,OAAO,GAAGF,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACX,OAAOC,GAAG,CAACC,OAAO;AACpB"}

package/dist/esm/utils/useResizeObserver.js

@@ -0,0 +1,83 @@
+/**
+ * Adapted from https://github.com/jaredLunde/react-hook/blob/3c813dab5b21e26f2c85e733314ca5c063c6bfce/packages/resize-observer/src/index.tsx
+ */
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+import { useLatest } from "./useLatest";
+export var useResizeObserver = function useResizeObserver(_ref) {
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    target = _ref.target,
+    onResize = _ref.onResize;
+  var resizeObserver = getResizeObserver();
+  var storedCallback = useLatest(onResize);
+  useIsomorphicLayoutEffect(function () {
+    if (!active || !resizeObserver) return;
+    var didUnsubscribe = false;
+    var targetEl = target && "current" in target ? target.current : target;
+    if (!targetEl) return;
+    var cb = function cb(entry, observer) {
+      if (didUnsubscribe) return;
+      storedCallback.current(entry, observer);
+    };
+    resizeObserver.subscribe(targetEl, cb);
+    return function () {
+      didUnsubscribe = true;
+      resizeObserver.unsubscribe(targetEl, cb);
+    };
+  }, [target, resizeObserver, storedCallback]);
+};
+var createResizeObserver = function createResizeObserver() {
+  if (typeof ResizeObserver === "undefined") return null;
+  var ticking = false;
+  var allEntries = [];
+  var callbacks = new Map();
+  var observer = new ResizeObserver(function (entries, obs) {
+    allEntries = allEntries.concat(entries);
+    if (!ticking) {
+      window.requestAnimationFrame(function () {
+        var triggered = new Set();
+        var _loop = function _loop(i) {
+          if (triggered.has(allEntries[i].target)) return 1; // continue
+          triggered.add(allEntries[i].target);
+          var cbs = callbacks.get(allEntries[i].target);
+          cbs === null || cbs === void 0 ? void 0 : cbs.forEach(function (cb) {
+            return cb(allEntries[i], obs);
+          });
+        };
+        for (var i = 0; i < allEntries.length; i++) {
+          if (_loop(i)) continue;
+        }
+        allEntries = [];
+        ticking = false;
+      });
+    }
+    ticking = true;
+  });
+  return {
+    observer: observer,
+    subscribe: function subscribe(target, callback) {
+      var _callbacks$get;
+      observer.observe(target);
+      var cbs = (_callbacks$get = callbacks.get(target)) !== null && _callbacks$get !== void 0 ? _callbacks$get : [];
+      cbs.push(callback);
+      callbacks.set(target, cbs);
+    },
+    unsubscribe: function unsubscribe(target, callback) {
+      var _callbacks$get2;
+      var cbs = (_callbacks$get2 = callbacks.get(target)) !== null && _callbacks$get2 !== void 0 ? _callbacks$get2 : [];
+      if (cbs.length === 1) {
+        observer.unobserve(target);
+        callbacks.delete(target);
+        return;
+      }
+      var cbIndex = cbs.indexOf(callback);
+      if (cbIndex !== -1) cbs.splice(cbIndex, 1);
+      callbacks.set(target, cbs);
+    }
+  };
+};
+var _resizeObserver;
+var getResizeObserver = function getResizeObserver() {
+  return !_resizeObserver ? _resizeObserver = createResizeObserver() : _resizeObserver;
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/esm/utils/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","names":["useIsomorphicLayoutEffect","useLatest","useResizeObserver","_ref","_ref$active","active","target","onResize","resizeObserver","getResizeObserver","storedCallback","didUnsubscribe","targetEl","current","cb","entry","observer","subscribe","unsubscribe","createResizeObserver","ResizeObserver","ticking","allEntries","callbacks","Map","entries","obs","concat","window","requestAnimationFrame","triggered","Set","_loop","i","has","add","cbs","get","forEach","length","callback","_callbacks$get","observe","push","set","_callbacks$get2","unobserve","delete","cbIndex","indexOf","splice","_resizeObserver"],"sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["/**\n * Adapted from https://github.com/jaredLunde/react-hook/blob/3c813dab5b21e26f2c85e733314ca5c063c6bfce/packages/resize-observer/src/index.tsx\n */\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useLatest } from \"./useLatest\"\n\ntype UseResizeObserver<T extends HTMLElement> = {\n  active?: boolean\n  target: React.RefObject<T> | T | null\n  onResize: UseResizeObserverCallback\n}\n\nexport const useResizeObserver = <T extends HTMLElement>({\n  active = true,\n  target,\n  onResize,\n}: UseResizeObserver<T>) => {\n  const resizeObserver = getResizeObserver()\n  const storedCallback = useLatest(onResize)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !resizeObserver) return\n\n    let didUnsubscribe = false\n\n    const targetEl = target && \"current\" in target ? target.current : target\n\n    if (!targetEl) return\n\n    const cb = (entry: ResizeObserverEntry, observer: ResizeObserver) => {\n      if (didUnsubscribe) return\n\n      storedCallback.current(entry, observer)\n    }\n\n    resizeObserver.subscribe(targetEl as HTMLElement, cb)\n\n    return () => {\n      didUnsubscribe = true\n      resizeObserver.unsubscribe(targetEl as HTMLElement, cb)\n    }\n  }, [target, resizeObserver, storedCallback])\n}\n\nconst createResizeObserver = () => {\n  if (typeof ResizeObserver === \"undefined\") return null\n\n  let ticking = false\n  let allEntries: ResizeObserverEntry[] = []\n\n  const callbacks: Map<unknown, Array<UseResizeObserverCallback>> = new Map()\n\n  const observer = new ResizeObserver(\n    (entries: ResizeObserverEntry[], obs: ResizeObserver) => {\n      allEntries = allEntries.concat(entries)\n\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          const triggered = new Set<Element>()\n\n          for (let i = 0; i < allEntries.length; i++) {\n            if (triggered.has(allEntries[i].target)) continue\n\n            triggered.add(allEntries[i].target)\n\n            const cbs = callbacks.get(allEntries[i].target)\n            cbs?.forEach((cb) => cb(allEntries[i], obs))\n          }\n\n          allEntries = []\n          ticking = false\n        })\n      }\n\n      ticking = true\n    }\n  )\n\n  return {\n    observer,\n    subscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      observer.observe(target)\n\n      const cbs = callbacks.get(target) ?? []\n\n      cbs.push(callback)\n      callbacks.set(target, cbs)\n    },\n    unsubscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      const cbs = callbacks.get(target) ?? []\n\n      if (cbs.length === 1) {\n        observer.unobserve(target)\n        callbacks.delete(target)\n        return\n      }\n\n      const cbIndex = cbs.indexOf(callback)\n\n      if (cbIndex !== -1) cbs.splice(cbIndex, 1)\n\n      callbacks.set(target, cbs)\n    },\n  }\n}\n\nlet _resizeObserver: ReturnType<typeof createResizeObserver>\n\nconst getResizeObserver = () =>\n  !_resizeObserver\n    ? (_resizeObserver = createResizeObserver())\n    : _resizeObserver\n\ntype UseResizeObserverCallback = (\n  entry: ResizeObserverEntry,\n  observer: ResizeObserver\n) => unknown\n"],"mappings":"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"}

package/dist/esm/utils/useSentinelVisibility.js

@@ -0,0 +1,48 @@
+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, { useEffect, useState, useRef } from "react";
+import { Box } from "../elements/Box";
+
+/**
+ * Used to track if the returned sentinel is in the viewport or not
+ */
+export var useSentinelVisibility = function useSentinelVisibility() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSentinelVisible = _useState2[0],
+    setSentinelVisibility = _useState2[1];
+  var ref = useRef(null);
+  useEffect(function () {
+    if (!("IntersectionObserver" in window)) return; // Unsupported
+
+    var element = ref.current;
+    if (!element) return;
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        entry = _ref2[0];
+      setSentinelVisibility(!entry.isIntersecting);
+    }, {
+      root: null,
+      rootMargin: "0px",
+      threshold: 1.0
+    });
+    observer.observe(element);
+    return function () {
+      observer.unobserve(element);
+    };
+  }, [isSentinelVisible]);
+  return {
+    isSentinelVisible: isSentinelVisible,
+    sentinel: /*#__PURE__*/React.createElement(Box, {
+      ref: ref,
+      position: "relative",
+      width: "100%",
+      height: 0
+    })
+  };
+};
+//# sourceMappingURL=useSentinelVisibility.js.map

package/dist/esm/utils/useSentinelVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSentinelVisibility.js","names":["React","useEffect","useState","useRef","Box","useSentinelVisibility","_useState","_useState2","_slicedToArray","isSentinelVisible","setSentinelVisibility","ref","window","element","current","observer","IntersectionObserver","_ref","_ref2","entry","isIntersecting","root","rootMargin","threshold","observe","unobserve","sentinel","createElement","position","width","height"],"sources":["../../../src/utils/useSentinelVisibility.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\"\nimport { Box } from \"../elements/Box\"\n\n/**\n * Used to track if the returned sentinel is in the viewport or not\n */\nexport const useSentinelVisibility = () => {\n  const [isSentinelVisible, setSentinelVisibility] = useState(false)\n  const ref = useRef<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (!(\"IntersectionObserver\" in window)) return // Unsupported\n\n    const element = ref.current\n    if (!element) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setSentinelVisibility(!entry.isIntersecting)\n      },\n      {\n        root: null,\n        rootMargin: \"0px\",\n        threshold: 1.0,\n      }\n    )\n\n    observer.observe(element)\n\n    return () => {\n      observer.unobserve(element)\n    }\n  }, [isSentinelVisible])\n\n  return {\n    isSentinelVisible,\n    sentinel: (\n      <Box ref={ref as any} position=\"relative\" width=\"100%\" height={0} />\n    ),\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAC1D,SAASC,GAAG;;AAEZ;AACA;AACA;AACA,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,IAAAC,SAAA,GAAmDJ,QAAQ,CAAC,KAAK,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA3DG,iBAAiB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAC/C,IAAMI,GAAG,GAAGR,MAAM,CAAqB,IAAI,CAAC;EAE5CF,SAAS,CAAC,YAAM;IACd,IAAI,EAAE,sBAAsB,IAAIW,MAAM,CAAC,EAAE,OAAM,CAAC;;IAEhD,IAAMC,OAAO,GAAGF,GAAG,CAACG,OAAO;IAC3B,IAAI,CAACD,OAAO,EAAE;IAEd,IAAME,QAAQ,GAAG,IAAIC,oBAAoB,CACvC,UAAAC,IAAA,EAAa;MAAA,IAAAC,KAAA,GAAAV,cAAA,CAAAS,IAAA;QAAXE,KAAK,GAAAD,KAAA;MACLR,qBAAqB,CAAC,CAACS,KAAK,CAACC,cAAc,CAAC;IAC9C,CAAC,EACD;MACEC,IAAI,EAAE,IAAI;MACVC,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE;IACb,CAAC,CACF;IAEDR,QAAQ,CAACS,OAAO,CAACX,OAAO,CAAC;IAEzB,OAAO,YAAM;MACXE,QAAQ,CAACU,SAAS,CAACZ,OAAO,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACJ,iBAAiB,CAAC,CAAC;EAEvB,OAAO;IACLA,iBAAiB,EAAjBA,iBAAiB;IACjBiB,QAAQ,eACN1B,KAAA,CAAA2B,aAAA,CAACvB,GAAG;MAACO,GAAG,EAAEA,GAAW;MAACiB,QAAQ,EAAC,UAAU;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAE;IAAE;EAErE,CAAC;AACH,CAAC"}

package/dist/esm/utils/useUpdateEffect.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef } from "react";
+
+/**
+ * Equivalent to `useEffect` but skips initial mount
+ */
+export var useUpdateEffect = function useUpdateEffect(effect, deps) {
+  var didMountRef = useRef(false);
+  useEffect(function () {
+    if (didMountRef.current) {
+      return effect();
+    }
+    didMountRef.current = true;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
+//# sourceMappingURL=useUpdateEffect.js.map

package/dist/esm/utils/useUpdateEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateEffect.js","names":["useEffect","useRef","useUpdateEffect","effect","deps","didMountRef","current"],"sources":["../../../src/utils/useUpdateEffect.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\n/**\n * Equivalent to `useEffect` but skips initial mount\n */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n  const didMountRef = useRef(false)\n\n  useEffect(() => {\n    if (didMountRef.current) {\n      return effect()\n    }\n\n    didMountRef.current = true\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC;AACA;AACA;AACA,OAAO,IAAMC,eAAiC,GAAG,SAApCA,eAAiCA,CAAIC,MAAM,EAAEC,IAAI,EAAK;EACjE,IAAMC,WAAW,GAAGJ,MAAM,CAAC,KAAK,CAAC;EAEjCD,SAAS,CAAC,YAAM;IACd,IAAIK,WAAW,CAACC,OAAO,EAAE;MACvB,OAAOH,MAAM,EAAE;IACjB;IAEAE,WAAW,CAACC,OAAO,GAAG,IAAI;IAC1B;EACF,CAAC,EAAEF,IAAI,CAAC;AACV,CAAC"}

package/dist/esm/utils/useWidthOf.js

@@ -0,0 +1,33 @@
+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 { useEffect, useState } from "react";
+import { useResizeObserver } from "./useResizeObserver";
+/** Hook that returns the width of the given node. Updates on resize. */
+export var useWidthOf = function useWidthOf(_ref) {
+  var ref = _ref.ref;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+
+  // Set initial width on mount
+  useEffect(function () {
+    if (!ref.current) return;
+    setWidth(ref.current.offsetWidth);
+  }, [ref]);
+  useResizeObserver({
+    target: ref,
+    onResize: function onResize(entry) {
+      var element = entry.target;
+      setWidth(element.offsetWidth);
+    }
+  });
+  return {
+    width: width
+  };
+};
+//# sourceMappingURL=useWidthOf.js.map

package/dist/esm/utils/useWidthOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidthOf.js","names":["useEffect","useState","useResizeObserver","useWidthOf","_ref","ref","_useState","_useState2","_slicedToArray","width","setWidth","current","offsetWidth","target","onResize","entry","element"],"sources":["../../../src/utils/useWidthOf.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\ninterface UseWidthOf {\n  ref: React.MutableRefObject<HTMLElement | null>\n}\n\n/** Hook that returns the width of the given node. Updates on resize. */\nexport const useWidthOf = ({ ref }: UseWidthOf) => {\n  const [width, setWidth] = useState(0)\n\n  // Set initial width on mount\n  useEffect(() => {\n    if (!ref.current) return\n    setWidth(ref.current.offsetWidth)\n  }, [ref])\n\n  useResizeObserver<HTMLElement>({\n    target: (ref as unknown) as React.RefObject<HTMLElement>,\n    onResize: (entry) => {\n      const element = entry.target as HTMLElement\n      setWidth(element.offsetWidth)\n    },\n  })\n\n  return { width }\n}\n"],"mappings":";;;;;;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB;AAM1B;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EAC9B,IAAAC,SAAA,GAA0BL,QAAQ,CAAC,CAAC,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA9BG,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;;EAEtB;EACAP,SAAS,CAAC,YAAM;IACd,IAAI,CAACK,GAAG,CAACM,OAAO,EAAE;IAClBD,QAAQ,CAACL,GAAG,CAACM,OAAO,CAACC,WAAW,CAAC;EACnC,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EAETH,iBAAiB,CAAc;IAC7BW,MAAM,EAAGR,GAA+C;IACxDS,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,KAAK,EAAK;MACnB,IAAMC,OAAO,GAAGD,KAAK,CAACF,MAAqB;MAC3CH,QAAQ,CAACM,OAAO,CAACJ,WAAW,CAAC;IAC/B;EACF,CAAC,CAAC;EAEF,OAAO;IAAEH,KAAK,EAALA;EAAM,CAAC;AAClB,CAAC"}