@artsy/palette 45.13.0 → 45.14.0-canary.1497.33065.0

package/dist/esm/elements/Pointer/Pointer.js

@@ -0,0 +1,160 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState, useCallback } from "react";
+import styled from "styled-components";
+import { variant } from "styled-system";
+import { useResizeObserver } from "../../utils/useResizeObserver";
+import { Box } from "../Box";
+import { themeGet } from "@styled-system/theme-get";
+var POINTER_VARIANTS = {
+  defaultLight: {
+    backgroundColor: "mono0"
+  },
+  defaultDark: {
+    backgroundColor: "mono100"
+  }
+};
+/**
+ * Internal-use component for displaying a triangular pointer to an anchor node
+ */
+export var Pointer = function Pointer(_ref) {
+  var anchorRef = _ref.anchorRef,
+    tooltipRef = _ref.tooltipRef,
+    isFlipped = _ref.isFlipped,
+    placement = _ref.placement,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "defaultLight" : _ref$variant;
+  var _useState = useState([0, 0]),
+    _useState2 = _slicedToArray(_useState, 2),
+    _useState2$ = _slicedToArray(_useState2[0], 2),
+    anchorWidth = _useState2$[0],
+    anchorHeight = _useState2$[1],
+    setAnchorDimensions = _useState2[1];
+  var _useState3 = useState([0, 0]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4$ = _slicedToArray(_useState4[0], 2),
+    tooltipWidth = _useState4$[0],
+    tooltipHeight = _useState4$[1],
+    setTooltipDimensions = _useState4[1];
+  var position = useMemo(function () {
+    var horizontalCenter = anchorWidth / 2;
+    var verticalCenter = anchorHeight / 2;
+    switch (placement) {
+      case "top-start":
+        return {
+          bottom: isFlipped ? "100%" : 0,
+          left: "".concat(horizontalCenter > tooltipWidth ? POINTER_WIDTH : horizontalCenter - POINTER_WIDTH / 2, "px")
+        };
+      case "top":
+        return {
+          bottom: isFlipped ? "100%" : 0,
+          left: "calc(50% - ".concat(POINTER_WIDTH / 2, "px)")
+        };
+      case "top-end":
+        return {
+          bottom: isFlipped ? "100%" : 0,
+          right: "".concat(horizontalCenter > tooltipWidth ? POINTER_WIDTH * 2 : horizontalCenter + POINTER_WIDTH / 2, "px")
+        };
+      case "bottom-start":
+        return {
+          top: isFlipped ? "100%" : 0,
+          left: "".concat(horizontalCenter > tooltipWidth ? POINTER_WIDTH : horizontalCenter - POINTER_WIDTH / 2, "px")
+        };
+      case "bottom":
+        return {
+          top: isFlipped ? "100%" : 0,
+          left: "calc(50% - ".concat(POINTER_WIDTH / 2, "px)")
+        };
+      case "bottom-end":
+        return {
+          top: isFlipped ? "100%" : 0,
+          right: "".concat(horizontalCenter > tooltipWidth ? POINTER_WIDTH * 2 : horizontalCenter + POINTER_WIDTH / 2, "px")
+        };
+      case "left-start":
+        return _objectSpread({
+          top: "".concat(verticalCenter > tooltipHeight - POINTER_WIDTH / 2 ? POINTER_WIDTH : verticalCenter, "px")
+        }, isFlipped ? {
+          left: "-".concat(POINTER_WIDTH / 2, "px")
+        } : {
+          right: "".concat(POINTER_WIDTH / 2, "px")
+        });
+      case "left":
+        return _objectSpread({
+          top: "50%"
+        }, isFlipped ? {
+          left: "-".concat(POINTER_WIDTH / 2, "px")
+        } : {
+          right: "".concat(POINTER_WIDTH / 2, "px")
+        });
+      case "left-end":
+        return _objectSpread({
+          bottom: "".concat(verticalCenter > tooltipHeight - POINTER_WIDTH / 2 ? POINTER_WIDTH : verticalCenter, "px")
+        }, isFlipped ? {
+          left: "-".concat(POINTER_WIDTH / 2, "px")
+        } : {
+          right: "".concat(POINTER_WIDTH / 2, "px")
+        });
+      case "right-start":
+        return _objectSpread({
+          top: "".concat(verticalCenter > tooltipHeight - POINTER_WIDTH / 2 ? POINTER_WIDTH : verticalCenter, "px")
+        }, isFlipped ? {
+          right: "".concat(POINTER_WIDTH / 2, "px")
+        } : {
+          left: "-".concat(POINTER_WIDTH / 2, "px")
+        });
+      case "right":
+        return _objectSpread({
+          top: "50%"
+        }, isFlipped ? {
+          right: "".concat(POINTER_WIDTH / 2, "px")
+        } : {
+          left: "-".concat(POINTER_WIDTH / 2, "px")
+        });
+      case "right-end":
+        return _objectSpread({
+          bottom: "".concat(verticalCenter > tooltipHeight - POINTER_WIDTH / 2 ? POINTER_WIDTH : verticalCenter, "px")
+        }, isFlipped ? {
+          right: "".concat(POINTER_WIDTH / 2, "px")
+        } : {
+          left: "-".concat(POINTER_WIDTH / 2, "px")
+        });
+    }
+  }, [anchorHeight, anchorWidth, isFlipped, placement, tooltipHeight, tooltipWidth]);
+  var handleResize = useCallback(function () {
+    if (!anchorRef.current || !tooltipRef.current) return;
+    var anchorRect = anchorRef.current.getBoundingClientRect();
+    var tooltipRect = tooltipRef.current.getBoundingClientRect();
+    setAnchorDimensions([anchorRect.width, anchorRect.height]);
+    setTooltipDimensions([tooltipRect.width, tooltipRect.height]);
+  }, [anchorRef, tooltipRef]);
+  useEffect(handleResize, [handleResize]);
+  useResizeObserver({
+    target: anchorRef,
+    onResize: handleResize
+  });
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    variant: variant
+  }, position));
+};
+Pointer.displayName = "Pointer";
+var POINTER_SIZE = 10; // px
+var POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)); // px
+
+var Container = styled(Box).withConfig({
+  displayName: "Pointer__Container",
+  componentId: "sc-sj9j6h-0"
+})(["z-index:-1;position:absolute;&::after{content:\"\";position:absolute;width:", "px;height:", "px;transform-origin:0 0;transform:rotate(-45deg);box-shadow:", ";", "}"], POINTER_SIZE, POINTER_SIZE, themeGet("effects.dropShadow"), variant({
+  variants: POINTER_VARIANTS
+}));
+//# sourceMappingURL=Pointer.js.map

package/dist/esm/elements/Pointer/Pointer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pointer.js","names":["React","useEffect","useMemo","useState","useCallback","styled","variant","useResizeObserver","Box","themeGet","POINTER_VARIANTS","defaultLight","backgroundColor","defaultDark","Pointer","_ref","anchorRef","tooltipRef","isFlipped","placement","_ref$variant","_useState","_useState2","_slicedToArray","_useState2$","anchorWidth","anchorHeight","setAnchorDimensions","_useState3","_useState4","_useState4$","tooltipWidth","tooltipHeight","setTooltipDimensions","position","horizontalCenter","verticalCenter","bottom","left","concat","POINTER_WIDTH","right","top","_objectSpread","handleResize","current","anchorRect","getBoundingClientRect","tooltipRect","width","height","target","onResize","createElement","Container","_extends","displayName","POINTER_SIZE","Math","sqrt","pow","withConfig","componentId","variants"],"sources":["../../../../src/elements/Pointer/Pointer.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState, useCallback } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Position } from \"../../utils\"\nimport { useResizeObserver } from \"../../utils/useResizeObserver\"\nimport { Box } from \"../Box\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst POINTER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n  },\n}\n\ntype PointerVariant = keyof typeof POINTER_VARIANTS\n\nexport interface PointerProps {\n  anchorRef: React.RefObject<HTMLElement>\n  tooltipRef: React.RefObject<HTMLElement>\n  isFlipped: boolean\n  placement: Position\n  variant?: PointerVariant\n}\n\n/**\n * Internal-use component for displaying a triangular pointer to an anchor node\n */\nexport const Pointer: FC<React.PropsWithChildren<PointerProps>> = ({\n  anchorRef,\n  tooltipRef,\n  isFlipped,\n  placement,\n  variant = \"defaultLight\",\n}) => {\n  const [[anchorWidth, anchorHeight], setAnchorDimensions] = useState([0, 0])\n  const [[tooltipWidth, tooltipHeight], setTooltipDimensions] = useState([0, 0])\n\n  const position = useMemo(() => {\n    const horizontalCenter = anchorWidth / 2\n    const verticalCenter = anchorHeight / 2\n\n    switch (placement) {\n      case \"top-start\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"top\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"top-end\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom-start\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"bottom-end\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"left-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n    }\n  }, [\n    anchorHeight,\n    anchorWidth,\n    isFlipped,\n    placement,\n    tooltipHeight,\n    tooltipWidth,\n  ])\n\n  const handleResize = useCallback(() => {\n    if (!anchorRef.current || !tooltipRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n    setAnchorDimensions([anchorRect.width, anchorRect.height])\n    setTooltipDimensions([tooltipRect.width, tooltipRect.height])\n  }, [anchorRef, tooltipRef])\n\n  useEffect(handleResize, [handleResize])\n\n  useResizeObserver({ target: anchorRef, onResize: handleResize })\n\n  return <Container variant={variant} {...position} />\n}\n\nconst POINTER_SIZE = 10 // px\nconst POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)) // px\n\nconst Container = styled(Box)<{ variant: PointerVariant }>`\n  z-index: -1;\n  position: absolute;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: ${POINTER_SIZE}px;\n    height: ${POINTER_SIZE}px;\n    transform-origin: 0 0;\n    transform: rotate(-45deg);\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n    ${variant({ variants: POINTER_VARIANTS })}\n  }\n`\n"],"mappings":"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"}

package/dist/esm/elements/Pointer/index.js

@@ -0,0 +1,2 @@
+export * from "./Pointer";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Pointer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Pointer/index.ts"],"sourcesContent":["export * from \"./Pointer\"\n"],"mappings":"AAAA"}

package/dist/esm/elements/Popover/Popover.js

@@ -0,0 +1,174 @@
+var _excluded = ["children", "ignoreClickOutside", "manageFocus", "offset", "onClose", "onDismiss", "placement", "pointer", "popover", "showCloseButton", "variant", "visible", "zIndex"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useCallback, useEffect, useState } from "react";
+import styled from "styled-components";
+import { variant } from "styled-system";
+import CloseIcon from "@artsy/icons/CloseIcon";
+import { useClickOutside, usePortal, usePosition } from "../../utils";
+import { useUpdateEffect } from "../../utils/useUpdateEffect";
+import { Box } from "../Box";
+import { Clickable } from "../Clickable";
+import { Pointer } from "../Pointer";
+import { themeGet } from "@styled-system/theme-get";
+export var POPOVER_VARIANTS = {
+  defaultLight: {
+    backgroundColor: "mono0",
+    color: "mono100"
+  },
+  defaultDark: {
+    backgroundColor: "mono100",
+    color: "mono0"
+  }
+};
+/**
+ * A `Popover` is a small modal-type element which is anchored, and can be
+ * positioned relative to, another element.
+ */
+export var Popover = function Popover(_ref) {
+  var children = _ref.children,
+    _ref$ignoreClickOutsi = _ref.ignoreClickOutside,
+    ignoreClickOutside = _ref$ignoreClickOutsi === void 0 ? false : _ref$ignoreClickOutsi,
+    _ref$manageFocus = _ref.manageFocus,
+    manageFocus = _ref$manageFocus === void 0 ? true : _ref$manageFocus,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 10 : _ref$offset,
+    onClose = _ref.onClose,
+    onDismiss = _ref.onDismiss,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "top" : _ref$placement,
+    _ref$pointer = _ref.pointer,
+    pointer = _ref$pointer === void 0 ? false : _ref$pointer,
+    popover = _ref.popover,
+    _ref$showCloseButton = _ref.showCloseButton,
+    showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "defaultLight" : _ref$variant,
+    _ref$visible = _ref.visible,
+    _visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+
+  // If prop updates/set initial visibility.
+  useEffect(function () {
+    setVisible(_visible);
+  }, [_visible]);
+
+  // Yields focus back and forth between popover and anchor
+  useUpdateEffect(function () {
+    if (!manageFocus) return;
+    if (visible && tooltipRef.current) {
+      tooltipRef.current.focus();
+      return;
+    }
+    if (!anchorRef.current) return;
+    anchorRef.current.focus();
+  }, [visible]);
+  var onVisible = useCallback(function () {
+    setVisible(true);
+  }, []);
+  var onHide = useCallback(function () {
+    setVisible(false);
+  }, []);
+  var handleHide = useCallback(function () {
+    onHide();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  }, [onHide, onClose]);
+  var handleDismiss = useCallback(function () {
+    handleHide();
+    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+  }, [handleHide, onDismiss]);
+  useEffect(function () {
+    var handleKeydown = function handleKeydown(event) {
+      if (event.key === "Escape") {
+        handleHide();
+      }
+    };
+    document.addEventListener("keydown", handleKeydown);
+    return function () {
+      document.removeEventListener("keydown", handleKeydown);
+    };
+  }, [handleHide]);
+  var _usePosition = usePosition({
+      position: placement,
+      offset: offset,
+      active: visible
+    }),
+    anchorRef = _usePosition.anchorRef,
+    tooltipRef = _usePosition.tooltipRef,
+    isFlipped = _usePosition.state.isFlipped;
+  useClickOutside({
+    ref: tooltipRef,
+    onClickOutside: handleHide,
+    when: visible && !ignoreClickOutside,
+    type: "click"
+  });
+  var _usePortal = usePortal(),
+    createPortal = _usePortal.createPortal;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children({
+    anchorRef: anchorRef,
+    onVisible: onVisible,
+    onHide: handleHide,
+    onDismiss: handleDismiss
+  }), visible && createPortal( /*#__PURE__*/React.createElement(Tip, {
+    tabIndex: 0,
+    ref: tooltipRef,
+    zIndex: zIndex,
+    display: "inline-block",
+    position: "relative",
+    variant: variant
+  }, pointer && /*#__PURE__*/React.createElement(Pointer, {
+    anchorRef: anchorRef,
+    tooltipRef: tooltipRef,
+    variant: variant,
+    placement: placement,
+    isFlipped: isFlipped
+  }), showCloseButton && /*#__PURE__*/React.createElement(Close, {
+    position: "relative",
+    zIndex: 2,
+    p: 1,
+    onClick: handleDismiss,
+    "aria-label": "Close"
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    fill: "currentColor",
+    display: "block"
+  })), /*#__PURE__*/React.createElement(Panel, _extends({
+    variant: variant,
+    position: "relative",
+    p: 1,
+    zIndex: 1
+  }, rest), typeof popover === "function" ? popover({
+    onVisible: onVisible,
+    onHide: handleHide,
+    onDismiss: handleDismiss
+  }) : popover))));
+};
+var Tip = styled(Box).withConfig({
+  displayName: "Popover__Tip",
+  componentId: "sc-x2qqfz-0"
+})(["position:fixed;text-align:left;transition:opacity 250ms ease-out;box-shadow:", ";", ""], themeGet("effects.dropShadow"), variant({
+  variants: POPOVER_VARIANTS
+}));
+var Panel = styled(Box).withConfig({
+  displayName: "Popover__Panel",
+  componentId: "sc-x2qqfz-1"
+})(["", ""], variant({
+  variants: POPOVER_VARIANTS
+}));
+var Close = styled(Clickable).withConfig({
+  displayName: "Popover__Close",
+  componentId: "sc-x2qqfz-2"
+})(["float:right;"]);
+//# sourceMappingURL=Popover.js.map

package/dist/esm/elements/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["React","useCallback","useEffect","useState","styled","variant","CloseIcon","useClickOutside","usePortal","usePosition","useUpdateEffect","Box","Clickable","Pointer","themeGet","POPOVER_VARIANTS","defaultLight","backgroundColor","color","defaultDark","Popover","_ref","children","_ref$ignoreClickOutsi","ignoreClickOutside","_ref$manageFocus","manageFocus","_ref$offset","offset","onClose","onDismiss","_ref$placement","placement","_ref$pointer","pointer","popover","_ref$showCloseButton","showCloseButton","_ref$variant","_ref$visible","visible","_visible","_ref$zIndex","zIndex","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","setVisible","tooltipRef","current","focus","anchorRef","onVisible","onHide","handleHide","handleDismiss","handleKeydown","event","key","document","addEventListener","removeEventListener","_usePosition","position","active","isFlipped","state","ref","onClickOutside","when","type","_usePortal","createPortal","createElement","Fragment","Tip","tabIndex","display","Close","p","onClick","fill","Panel","_extends","withConfig","displayName","componentId","variants"],"sources":["../../../../src/elements/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Position, useClickOutside, usePortal, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Pointer } from \"../Pointer\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const POPOVER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n}\n\nexport type PopoverVariant = keyof typeof POPOVER_VARIANTS\n\nexport interface PopoverActions {\n  /** Call to show popover */\n  onVisible(): void\n  /** Call to hide popover */\n  onHide(): void\n  /** Call to dismiss popover */\n  onDismiss(): void\n  /** Pass ref to element you want the popover to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n}\n\nexport interface PopoverProps extends BoxProps {\n  children: (actions: PopoverActions) => JSX.Element\n  ignoreClickOutside?: boolean\n  manageFocus?: boolean\n  offset?: number\n  /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */\n  onClose?: () => void\n  /** Called whenever the Popover is dismissed (explicitly) */\n  onDismiss?: () => void\n  placement?: Position\n  /** Display triangular pointer back to anchor node */\n  pointer?: boolean\n  popover:\n    | ((actions: Omit<PopoverActions, \"anchorRef\">) => JSX.Element)\n    | React.ReactNode\n  /** Show the close icon button */\n  showCloseButton?: boolean\n  variant?: PopoverVariant\n  /** Initial default visibility */\n  visible?: boolean\n}\n\n/**\n * A `Popover` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element.\n */\nexport const Popover = ({\n  children,\n  ignoreClickOutside = false,\n  manageFocus = true,\n  offset = 10,\n  onClose,\n  onDismiss,\n  placement = \"top\",\n  pointer = false,\n  popover,\n  showCloseButton = true,\n  variant = \"defaultLight\",\n  visible: _visible = false,\n  zIndex = 1,\n  ...rest\n}: PopoverProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  // Yields focus back and forth between popover and anchor\n  useUpdateEffect(() => {\n    if (!manageFocus) return\n\n    if (visible && tooltipRef.current) {\n      tooltipRef.current.focus()\n      return\n    }\n\n    if (!anchorRef.current) return\n    anchorRef.current.focus()\n  }, [visible])\n\n  const onVisible = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const onHide = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleHide = useCallback(() => {\n    onHide()\n    onClose?.()\n  }, [onHide, onClose])\n\n  const handleDismiss = useCallback(() => {\n    handleHide()\n    onDismiss?.()\n  }, [handleHide, onDismiss])\n\n  useEffect(() => {\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        handleHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeydown)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeydown)\n    }\n  }, [handleHide])\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible,\n  })\n\n  useClickOutside({\n    ref: tooltipRef,\n    onClickOutside: handleHide,\n    when: visible && !ignoreClickOutside,\n    type: \"click\",\n  })\n\n  const { createPortal } = usePortal()\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        onVisible,\n        onHide: handleHide,\n        onDismiss: handleDismiss,\n      })}\n\n      {visible &&\n        createPortal(\n          <Tip\n            tabIndex={0}\n            ref={tooltipRef as any}\n            zIndex={zIndex}\n            display=\"inline-block\"\n            position=\"relative\"\n            variant={variant}\n          >\n            {pointer && (\n              <Pointer\n                anchorRef={anchorRef}\n                tooltipRef={tooltipRef}\n                variant={variant}\n                placement={placement}\n                isFlipped={isFlipped}\n              />\n            )}\n\n            {showCloseButton && (\n              <Close\n                position=\"relative\"\n                zIndex={2}\n                p={1}\n                onClick={handleDismiss}\n                aria-label=\"Close\"\n              >\n                <CloseIcon fill=\"currentColor\" display=\"block\" />\n              </Close>\n            )}\n\n            <Panel\n              variant={variant}\n              position=\"relative\"\n              p={1}\n              zIndex={1}\n              {...rest}\n            >\n              {typeof popover === \"function\"\n                ? popover({\n                    onVisible,\n                    onHide: handleHide,\n                    onDismiss: handleDismiss,\n                  })\n                : popover}\n            </Panel>\n          </Tip>\n        )}\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: PopoverVariant }>`\n  position: fixed;\n  text-align: left;\n  transition: opacity 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: PopoverVariant }>`\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Close = styled(Clickable)`\n  float: right;\n`\n"],"mappings":"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"}