@artsy/palette 41.8.1 → 42.0.0

package/dist/utils/usePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","POSITION","top","bottom","left","right","exports","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_ref$padding","padding","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","requestAnimationFrame","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","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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"}
+{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","POSITION","exports","top","bottom","left","right","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_ref$padding","padding","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","requestAnimationFrame","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","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/utils/useResizeObserver.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-declare type UseResizeObserver<T extends HTMLElement> = {
+type UseResizeObserver<T extends HTMLElement> = {
     active?: boolean;
     target: React.RefObject<T> | T | null;
     onResize: UseResizeObserverCallback;
 };
 export declare const useResizeObserver: <T extends HTMLElement>({ active, target, onResize, }: UseResizeObserver<T>) => void;
-declare type UseResizeObserverCallback = (entry: ResizeObserverEntry, observer: ResizeObserver) => unknown;
+type UseResizeObserverCallback = (entry: ResizeObserverEntry, observer: ResizeObserver) => unknown;
 export {};

package/dist/utils/useResizeObserver.js

@@ -10,7 +10,7 @@ var _useLatest = require("./useLatest");
  * Adapted from https://github.com/jaredLunde/react-hook/blob/3c813dab5b21e26f2c85e733314ca5c063c6bfce/packages/resize-observer/src/index.tsx
  */
 
-var useResizeObserver = function useResizeObserver(_ref) {
+var useResizeObserver = exports.useResizeObserver = function useResizeObserver(_ref) {
   var _ref$active = _ref.active,
     active = _ref$active === void 0 ? true : _ref$active,
     target = _ref.target,
@@ -33,7 +33,6 @@ var useResizeObserver = function useResizeObserver(_ref) {
     };
   }, [target, resizeObserver, storedCallback]);
 };
-exports.useResizeObserver = useResizeObserver;
 var createResizeObserver = function createResizeObserver() {
   if (typeof ResizeObserver === "undefined") return null;
   var ticking = false;
@@ -45,7 +44,7 @@ var createResizeObserver = function createResizeObserver() {
       window.requestAnimationFrame(function () {
         var triggered = new Set();
         var _loop = function _loop(i) {
-          if (triggered.has(allEntries[i].target)) return "continue";
+          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) {
@@ -53,8 +52,7 @@ var createResizeObserver = function createResizeObserver() {
           });
         };
         for (var i = 0; i < allEntries.length; i++) {
-          var _ret = _loop(i);
-          if (_ret === "continue") continue;
+          if (_loop(i)) continue;
         }
         allEntries = [];
         ticking = false;

package/dist/utils/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","names":["_useIsomorphicLayoutEffect","require","_useLatest","useResizeObserver","_ref","_ref$active","active","target","onResize","resizeObserver","getResizeObserver","storedCallback","useLatest","useIsomorphicLayoutEffect","didUnsubscribe","targetEl","current","cb","entry","observer","subscribe","unsubscribe","exports","createResizeObserver","ResizeObserver","ticking","allEntries","callbacks","Map","entries","obs","concat","window","requestAnimationFrame","triggered","Set","_loop","i","has","add","cbs","get","forEach","length","_ret","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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"}
+{"version":3,"file":"useResizeObserver.js","names":["_useIsomorphicLayoutEffect","require","_useLatest","useResizeObserver","exports","_ref","_ref$active","active","target","onResize","resizeObserver","getResizeObserver","storedCallback","useLatest","useIsomorphicLayoutEffect","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/utils/useSentinelVisibility.js

@@ -12,13 +12,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 _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; }
 /**
  * Used to track if the returned sentinel is in the viewport or not
  */
-var useSentinelVisibility = function useSentinelVisibility() {
+var useSentinelVisibility = exports.useSentinelVisibility = function useSentinelVisibility() {
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSentinelVisible = _useState2[0],
@@ -53,5 +53,4 @@ var useSentinelVisibility = function useSentinelVisibility() {
     })
   };
 };
-exports.useSentinelVisibility = useSentinelVisibility;
 //# sourceMappingURL=useSentinelVisibility.js.map

package/dist/utils/useSentinelVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSentinelVisibility.js","names":["_react","_interopRequireWildcard","require","_Box","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useSentinelVisibility","_useState","useState","_useState2","isSentinelVisible","setSentinelVisibility","ref","useRef","useEffect","window","element","current","observer","IntersectionObserver","_ref","_ref2","entry","isIntersecting","root","rootMargin","threshold","observe","unobserve","sentinel","createElement","Box","position","width","height","exports"],"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":"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"}
+{"version":3,"file":"useSentinelVisibility.js","names":["_react","_interopRequireWildcard","require","_Box","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useSentinelVisibility","exports","_useState","useState","_useState2","isSentinelVisible","setSentinelVisibility","ref","useRef","useEffect","window","element","current","observer","IntersectionObserver","_ref","_ref2","entry","isIntersecting","root","rootMargin","threshold","observe","unobserve","sentinel","createElement","Box","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":"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"}

package/dist/utils/useUpdateEffect.js

@@ -8,7 +8,7 @@ var _react = require("react");
 /**
  * Equivalent to `useEffect` but skips initial mount
  */
-var useUpdateEffect = function useUpdateEffect(effect, deps) {
+var useUpdateEffect = exports.useUpdateEffect = function useUpdateEffect(effect, deps) {
   var didMountRef = (0, _react.useRef)(false);
   (0, _react.useEffect)(function () {
     if (didMountRef.current) {
@@ -18,5 +18,4 @@ var useUpdateEffect = function useUpdateEffect(effect, deps) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
-exports.useUpdateEffect = useUpdateEffect;
 //# sourceMappingURL=useUpdateEffect.js.map

package/dist/utils/useUpdateEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateEffect.js","names":["_react","require","useUpdateEffect","effect","deps","didMountRef","useRef","useEffect","current","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,eAAiC,GAAG,SAApCA,eAAiCA,CAAIC,MAAM,EAAEC,IAAI,EAAK;EACjE,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEjC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIF,WAAW,CAACG,OAAO,EAAE;MACvB,OAAOL,MAAM,EAAE;IACjB;IAEAE,WAAW,CAACG,OAAO,GAAG,IAAI;IAC1B;EACF,CAAC,EAAEJ,IAAI,CAAC;AACV,CAAC;AAAAK,OAAA,CAAAP,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"useUpdateEffect.js","names":["_react","require","useUpdateEffect","exports","effect","deps","didMountRef","useRef","useEffect","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,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,eAAiC,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAApCA,eAAiCA,CAAIE,MAAM,EAAEC,IAAI,EAAK;EACjE,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEjC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIF,WAAW,CAACG,OAAO,EAAE;MACvB,OAAOL,MAAM,EAAE;IACjB;IAEAE,WAAW,CAACG,OAAO,GAAG,IAAI;IAC1B;EACF,CAAC,EAAEJ,IAAI,CAAC;AACV,CAAC"}

package/dist/utils/useWidthOf.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseWidthOf {
     ref: React.MutableRefObject<HTMLElement | null>;
 }

package/dist/utils/useWidthOf.js

@@ -8,11 +8,11 @@ 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 = 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 _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; }
 /** Hook that returns the width of the given node. Updates on resize. */
-var useWidthOf = function useWidthOf(_ref) {
+var useWidthOf = exports.useWidthOf = function useWidthOf(_ref) {
   var ref = _ref.ref;
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -34,5 +34,4 @@ var useWidthOf = function useWidthOf(_ref) {
     width: width
   };
 };
-exports.useWidthOf = useWidthOf;
 //# sourceMappingURL=useWidthOf.js.map

package/dist/utils/useWidthOf.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWidthOf.js","names":["_react","require","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useWidthOf","_ref","ref","_useState","useState","_useState2","width","setWidth","useEffect","current","handleResize","offsetWidth","window","addEventListener","removeEventListener","exports"],"sources":["../../src/utils/useWidthOf.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\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  useEffect(() => {\n    if (!ref.current) return\n\n    const handleResize = () => {\n      if (!ref.current) return\n      setWidth(ref.current.offsetWidth)\n    }\n\n    handleResize()\n\n    window.addEventListener(\"resize\", handleResize)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [ref])\n\n  return { width }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useWidthOf.js","names":["_react","require","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useWidthOf","exports","_ref","ref","_useState","useState","_useState2","width","setWidth","useEffect","current","handleResize","offsetWidth","window","addEventListener","removeEventListener"],"sources":["../../src/utils/useWidthOf.ts"],"sourcesContent":["import { useEffect, useState } from \"react\"\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  useEffect(() => {\n    if (!ref.current) return\n\n    const handleResize = () => {\n      if (!ref.current) return\n      setWidth(ref.current.offsetWidth)\n    }\n\n    handleResize()\n\n    window.addEventListener(\"resize\", handleResize)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [ref])\n\n  return { width }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "41.8.1",
+  "version": "42.0.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -24,8 +24,8 @@
     "type-check": "tsc --noEmit --pretty",
     "type-declarations": "tsc --emitDeclarationOnly",
     "watch": "concurrently --raw --kill-others 'yarn compile -w' 'yarn type-declarations -w'",
-    "storybook": "export NODE_OPTIONS=--openssl-legacy-provider && start-storybook -p 6006 --quiet",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006 --quiet",
+    "build-storybook": "storybook build",
     "visual-test": "chromatic test --exit-zero-on-changes --project-token n02zjqmdqq"
   },
   "repository": {
@@ -52,16 +52,19 @@
     "@babel/plugin-proposal-optional-chaining": "7.12.16",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/plugin-syntax-import-meta": "7.10.4",
-    "@babel/preset-env": "7.12.16",
-    "@babel/preset-react": "7.12.13",
-    "@babel/preset-typescript": "7.12.16",
-    "@storybook/addon-actions": "6.5.12",
-    "@storybook/addon-links": "6.5.12",
-    "@storybook/addon-viewport": "6.5.12",
-    "@storybook/addons": "6.5.12",
-    "@storybook/builder-webpack5": "^6.5.12",
-    "@storybook/manager-webpack5": "^6.5.12",
-    "@storybook/react": "6.5.12",
+    "@babel/plugin-transform-private-methods": "^7.27.1",
+    "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-viewport": "^8.6.12",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/builder-webpack5": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test": "^8.6.12",
     "@types/debounce": "1.2.0",
     "@types/enzyme": "3.10.8",
     "@types/jest": "^28.0.0",
@@ -77,13 +80,12 @@
     "@wojtekmaj/enzyme-adapter-react-17": "0.4.1",
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^28.0.0",
-    "babel-loader": "8.2.2",
+    "babel-loader": "^10.0.0",
     "babel-plugin-add-react-displayname": "0.0.5",
     "babel-plugin-module-resolver": "4.1.0",
     "babel-plugin-styled-components": "2.1.4",
     "cache-loader": "3.0.0",
     "chromatic": "5.9.2",
-    "concurrently": "3.6.1",
     "enzyme": "3.9.0",
     "enzyme-to-json": "3.3.5",
     "eslint": "^7.32.0",
@@ -91,7 +93,7 @@
     "eslint-plugin-react": "^7.25.3",
     "eslint-plugin-react-hooks": "^4.2.0",
     "fork-ts-checker-notifier-webpack-plugin": "1.0.0",
-    "fork-ts-checker-webpack-plugin": "1.2.0",
+    "fork-ts-checker-webpack-plugin": "^9.1.0",
     "husky": "2.1.0",
     "jest": "^28.0.0",
     "jest-environment-jsdom": "^29.5.0",
@@ -109,10 +111,12 @@
     "regenerator-runtime": "0.13.5",
     "simple-progress-webpack-plugin": "1.1.2",
     "static-extend": "0.1.2",
+    "storybook": "^8.6.12",
     "storybook-states": "1.2.0",
     "styled-components": "6.1.13",
+    "ts-loader": "^9.5.2",
     "ts-node": "8.1.0",
-    "typescript": "4.7.4",
+    "typescript": "^5.8.3",
     "typescript-styled-plugin": "0.10.0",
     "webpack": "5"
   },
@@ -120,7 +124,11 @@
     "@artsy/icons": "^3.2.2",
     "@artsy/palette-tokens": "^7.0.1",
     "@seznam/compose-react-refs": "^1.0.6",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/preview-api": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
     "@styled-system/theme-get": "^5.1.2",
+    "concurrently": "4.1.0",
     "es-toolkit": "^1.16.0",
     "proportional-scale": "^4.0.0",
     "react-focus-on": "^3.7.0",
@@ -187,5 +195,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "a677dc3f0858561f042de36a4560f6678de262a9"
+  "gitHead": "9ad049aa936e63931704fcf208ceeef712e6ffba"
 }