@artsy/palette 41.0.0-canary.1423.31655.0 → 41.0.0-canary.1433.31866.0

package/dist/utils/usePosition.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePosition = exports.translateWithOffset = exports.shouldFlip = exports.placeTooltip = exports.getPosition = exports.getDocumentBoundingRect = exports.POSITION = void 0;
+exports.usePosition = exports.translateWithOffset = exports.shouldFlip = exports.placeTooltip = exports.getPosition = exports.getDocumentBoundingRect = exports.calculateMaxHeight = exports.POSITION = void 0;
 var _react = require("react");
 var _useMutationObserver = require("./useMutationObserver");
 var _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
@@ -46,7 +46,9 @@ var usePosition = function usePosition(_ref) {
     _ref$flip = _ref.flip,
     flip = _ref$flip === void 0 ? true : _ref$flip,
     _ref$clamp = _ref.clamp,
-    clamp = _ref$clamp === void 0 ? true : _ref$clamp;
+    clamp = _ref$clamp === void 0 ? true : _ref$clamp,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 0 : _ref$padding;
   var _useState = (0, _react.useState)({
       isFlipped: false
     }),
@@ -59,14 +61,17 @@ var usePosition = function usePosition(_ref) {
     if (!active || !tooltipRef.current || !anchorRef.current) return;
     var tooltip = tooltipRef.current;
     var anchor = anchorRef.current;
-    setState(placeTooltip({
-      anchor: anchor,
-      tooltip: tooltip,
-      position: position,
-      offset: offset,
-      flip: flip,
-      clamp: clamp
-    }));
+    requestAnimationFrame(function () {
+      setState(placeTooltip({
+        anchor: anchor,
+        tooltip: tooltip,
+        position: position,
+        offset: offset,
+        flip: flip,
+        clamp: clamp,
+        padding: padding
+      }));
+    });
   };
 
   // Re-position when there's any change to the tooltip
@@ -93,27 +98,33 @@ var usePosition = function usePosition(_ref) {
     tooltip.style.top = "0";
     tooltip.style.left = "0";
     var handleScroll = function handleScroll() {
-      setState(placeTooltip({
-        anchor: anchor,
-        tooltip: tooltip,
-        position: position,
-        offset: offset,
-        flip: flip,
-        clamp: clamp
-      }));
+      requestAnimationFrame(function () {
+        setState(placeTooltip({
+          anchor: anchor,
+          tooltip: tooltip,
+          position: position,
+          offset: offset,
+          flip: flip,
+          clamp: clamp,
+          padding: padding
+        }));
+      });
     };
     document.addEventListener("scroll", handleScroll, {
       passive: true
     });
     var handleResize = function handleResize() {
-      setState(placeTooltip({
-        anchor: anchor,
-        tooltip: tooltip,
-        position: position,
-        offset: offset,
-        flip: flip,
-        clamp: clamp
-      }));
+      requestAnimationFrame(function () {
+        setState(placeTooltip({
+          anchor: anchor,
+          tooltip: tooltip,
+          position: position,
+          offset: offset,
+          flip: flip,
+          clamp: clamp,
+          padding: padding
+        }));
+      });
     };
     window.addEventListener("resize", handleResize, {
       passive: true
@@ -124,7 +135,8 @@ var usePosition = function usePosition(_ref) {
       position: position,
       offset: offset,
       flip: flip,
-      clamp: clamp
+      clamp: clamp,
+      padding: padding
     }));
     return function () {
       document.removeEventListener("scroll", handleScroll);
@@ -151,10 +163,16 @@ var placeTooltip = function placeTooltip(_ref2) {
     _ref2$flip = _ref2.flip,
     flip = _ref2$flip === void 0 ? true : _ref2$flip,
     _ref2$clamp = _ref2.clamp,
-    clamp = _ref2$clamp === void 0 ? true : _ref2$clamp;
+    clamp = _ref2$clamp === void 0 ? true : _ref2$clamp,
+    _ref2$padding = _ref2.padding,
+    padding = _ref2$padding === void 0 ? 0 : _ref2$padding;
   var elementRect = anchor.getBoundingClientRect();
   var tooltipRect = tooltip.getBoundingClientRect();
-  var targetPosition = getPosition(elementRect, tooltipRect, position);
+  var targetPosition = getPosition({
+    elementRect: elementRect,
+    tooltipRect: tooltipRect,
+    position: position
+  });
 
   // Flip to avoid edges
   var isFlipped = flip && shouldFlip({
@@ -165,7 +183,11 @@ var placeTooltip = function placeTooltip(_ref2) {
   });
   if (isFlipped) {
     position = getOppositePosition(position);
-    targetPosition = getPosition(elementRect, tooltipRect, position);
+    targetPosition = getPosition({
+      elementRect: elementRect,
+      tooltipRect: tooltipRect,
+      position: position
+    });
   }
 
   // Clamp position within boundary
@@ -174,6 +196,26 @@ var placeTooltip = function placeTooltip(_ref2) {
     targetPosition.x = Math.min(boundaryRect.right - tooltipRect.width, targetPosition.x);
     targetPosition.y = Math.max(boundaryRect.top, targetPosition.y);
     targetPosition.y = Math.min(boundaryRect.bottom - tooltipRect.height, targetPosition.y);
+
+    // Apply padding to boundary
+    switch (position) {
+      case "top-start":
+      case "top":
+      case "top-end":
+      case "bottom-start":
+      case "bottom":
+      case "bottom-end":
+        targetPosition.x = targetPosition.x - padding;
+        break;
+      case "left-start":
+      case "left":
+      case "left-end":
+      case "right-start":
+      case "right":
+      case "right-end":
+        targetPosition.y = targetPosition.y + padding;
+        break;
+    }
   }
 
   // Should hide entirely if it scrolls out of view
@@ -185,9 +227,14 @@ var placeTooltip = function placeTooltip(_ref2) {
   };
 };
 exports.placeTooltip = placeTooltip;
-var getPosition = function getPosition(elementRect, tooltipRect, position) {
+var getPosition = function getPosition(_ref3) {
+  var elementRect = _ref3.elementRect,
+    tooltipRect = _ref3.tooltipRect,
+    position = _ref3.position;
   var x;
   var y;
+
+  // X position
   switch (position) {
     case "top-start":
     case "bottom-start":
@@ -214,6 +261,8 @@ var getPosition = function getPosition(elementRect, tooltipRect, position) {
       x = elementRect.right;
       break;
   }
+
+  // Y position
   switch (position) {
     case "left-start":
     case "right-start":
@@ -249,7 +298,7 @@ var getPosition = function getPosition(elementRect, tooltipRect, position) {
 };
 exports.getPosition = getPosition;
 var translateWithOffset = function translateWithOffset(targetPosition, position, offset) {
-  var _ref3 = function () {
+  var _ref4 = function () {
       switch (position) {
         case "top-start":
           return [targetPosition.x, targetPosition.y - offset];
@@ -277,9 +326,9 @@ var translateWithOffset = function translateWithOffset(targetPosition, position,
           return [targetPosition.x + offset, targetPosition.y];
       }
     }(),
-    _ref4 = _slicedToArray(_ref3, 2),
-    x = _ref4[0],
-    y = _ref4[1];
+    _ref5 = _slicedToArray(_ref4, 2),
+    x = _ref5[0],
+    y = _ref5[1];
   return "translate(".concat(x, "px, ").concat(y, "px)");
 };
 exports.translateWithOffset = translateWithOffset;
@@ -324,11 +373,11 @@ var getDocumentBoundingRect = function getDocumentBoundingRect() {
   };
 };
 exports.getDocumentBoundingRect = getDocumentBoundingRect;
-var shouldFlip = function shouldFlip(_ref5) {
-  var targetPosition = _ref5.targetPosition,
-    position = _ref5.position,
-    boundaryRect = _ref5.boundaryRect,
-    tooltipRect = _ref5.tooltipRect;
+var shouldFlip = function shouldFlip(_ref6) {
+  var targetPosition = _ref6.targetPosition,
+    position = _ref6.position,
+    boundaryRect = _ref6.boundaryRect,
+    tooltipRect = _ref6.tooltipRect;
   switch (position) {
     case "top-start":
     case "top":
@@ -352,4 +401,38 @@ exports.shouldFlip = shouldFlip;
 var isWithin = function isWithin(elementRect, boundaryRect) {
   return boundaryRect.top < elementRect.bottom && boundaryRect.left < elementRect.right && boundaryRect.bottom > elementRect.top && boundaryRect.right > elementRect.left;
 };
+
+/**
+ * Calculate the maximum height available for a tooltip based on its placement and viewport constraints.
+ */
+var calculateMaxHeight = function calculateMaxHeight(_ref7) {
+  var anchorRect = _ref7.anchorRect,
+    position = _ref7.position,
+    _ref7$offset = _ref7.offset,
+    offset = _ref7$offset === void 0 ? 0 : _ref7$offset;
+  var viewportHeight = window.innerHeight;
+  switch (position) {
+    case "top-start":
+    case "top":
+    case "top-end":
+      // Space from top of anchor to top of viewport
+      return anchorRect.top - offset * 2;
+    case "bottom-start":
+    case "bottom":
+    case "bottom-end":
+      // Space from bottom of anchor to bottom of viewport
+      return viewportHeight - anchorRect.bottom - offset * 2;
+    case "left-start":
+    case "left":
+    case "left-end":
+    case "right-start":
+    case "right":
+    case "right-end":
+      // For side placements, use the entire viewport height
+      return viewportHeight - offset * 2;
+    default:
+      return viewportHeight;
+  }
+};
+exports.calculateMaxHeight = calculateMaxHeight;
 //# sourceMappingURL=usePosition.js.map

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","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","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","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","shouldFlip","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","isWithin","display","transform","translateWithOffset","_ref3","_ref4","concat","body","clientWidth","clientHeight","_ref5"],"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}: {\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}) => {\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    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\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      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    document.addEventListener(\"scroll\", handleScroll, {\n      passive: true,\n    })\n\n    const handleResize = () => {\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\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}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  boundaryRect = getDocumentBoundingRect(),\n  flip = true,\n  clamp = true,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition(elementRect, tooltipRect, position)\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\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: 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  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  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"],"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","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    setState(\n      placeTooltip({ anchor, tooltip, position, offset, flip, clamp, padding })\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "41.0.0-canary.1423.31655.0",
+  "version": "41.0.0-canary.1433.31866.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -118,13 +118,12 @@
   },
   "dependencies": {
     "@artsy/icons": "^3.2.2",
-    "@artsy/palette-tokens": "^6.3.0",
+    "@artsy/palette-tokens": "7.0.0-canary.1433.31866.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@styled-system/theme-get": "^5.1.2",
     "es-toolkit": "^1.16.0",
     "proportional-scale": "^4.0.0",
     "react-focus-on": "^3.7.0",
-    "react-lazy-load-image-component": "1.6.2",
     "styled-system": "^5.1.5",
     "trunc-html": "^1.1.2",
     "use-cursor": "^1.2.3",
@@ -188,5 +187,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "06caaa5c5c75d8e4e82187032c7b99ef590a6bb3"
+  "gitHead": "c29485a09db4d0fd9d85935826cd3c57aec92c68"
 }