@artsy/palette-charts 44.14.0-canary.1497.33070.0 → 44.14.0-canary.1497.33079.0

package/dist/esm/elements/BarChart/BarChart.js

@@ -0,0 +1,155 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 { Flex, Text } from "@artsy/palette";
+import { themeGet } from "@styled-system/theme-get";
+import React, { useEffect, useRef, useState } from "react";
+import styled from "styled-components";
+import { coerceTooltip } from "../DataVis/ChartTooltip";
+import { ProvideMousePosition } from "../DataVis/MousePositionContext";
+import { useIntersectionObserver } from "../DataVis/useIntersectionObserver";
+import { Bar } from "./Bar";
+var ChartContainer = styled(Flex).withConfig({
+  displayName: "BarChart__ChartContainer",
+  componentId: "sc-1317yz6-0"
+})(["border-bottom:1px solid ", ";"], themeGet("colors.mono10"));
+function useHighlightLabelPositionConstraints(wrapperDiv, labelDiv) {
+  // Constrain highlight label to be within the bounds of the graph
+  useEffect(function () {
+    if (!wrapperDiv || !labelDiv) {
+      return;
+    }
+    // reset highlight label position
+    labelDiv.style.left = null;
+    labelDiv.style.right = null;
+    // force layout to find centered position
+    labelDiv.offsetWidth;
+    var wrapperRect = wrapperDiv.getBoundingClientRect();
+    var labelRect = labelDiv.getBoundingClientRect();
+
+    // check for overlap with BarChart left bound
+    var labelLeftOffset = wrapperRect.left - labelRect.left;
+    if (labelLeftOffset > 0) {
+      // label is too far to the left, compensate
+      labelDiv.style.left = labelLeftOffset + "px";
+      return;
+    }
+    // check for overlap with BarChart right bound
+    var labelRightOffset = labelRect.right - wrapperRect.right;
+    if (labelRightOffset > 0) {
+      // label is too far to the right, compensate
+      labelDiv.style.right = labelRightOffset + "px";
+    }
+  });
+}
+/**
+ * BarChart is a component which displays some bars of varying heights in a row.
+ * Useful for histograms etc.
+ * @param props props
+ */
+export var BarChart = function BarChart(_ref) {
+  var bars = _ref.bars,
+    minLabel = _ref.minLabel,
+    maxLabel = _ref.maxLabel,
+    primaryColor = _ref.primaryColor,
+    hoverColor = _ref.hoverColor,
+    highlightColor = _ref.highlightColor;
+  var highlightLabelRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasEnteredViewport = _useState2[0],
+    setHasEnteredViewport = _useState2[1];
+  var _useIntersectionObser = useIntersectionObserver({
+      once: true,
+      options: {
+        threshold: 0.2
+      },
+      onIntersection: function onIntersection() {
+        setHasEnteredViewport(true);
+      }
+    }),
+    wrapperRef = _useIntersectionObser.ref;
+  useHighlightLabelPositionConstraints(wrapperRef.current, highlightLabelRef.current);
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    minHeight = _useState4[0],
+    setMinHeight = _useState4[1];
+  var maxValue = Math.max.apply(Math, _toConsumableArray(bars.map(function (_ref2) {
+    var value = _ref2.value;
+    return value;
+  })));
+  var allZero = bars.every(function (item) {
+    return item.value === 0;
+  });
+  return /*#__PURE__*/React.createElement(ProvideMousePosition, null, /*#__PURE__*/React.createElement(Flex, {
+    flexDirection: "column",
+    ref: wrapperRef,
+    flexGrow: 1,
+    id: "flex-wrapper"
+  }, /*#__PURE__*/React.createElement(ChartContainer, {
+    height: "80px",
+    alignItems: "flex-end",
+    mb: 0.5,
+    style: {
+      minHeight: minHeight
+    }
+  }, bars.map(function (_ref3, index) {
+    var value = _ref3.value,
+      label = _ref3.label,
+      axisLabelX = _ref3.axisLabelX,
+      highlightLabel = _ref3.highlightLabel,
+      onClick = _ref3.onClick,
+      onHover = _ref3.onHover;
+    var heightPercent = maxValue === 0 ? 100 : 100 / maxValue * value;
+    return /*#__PURE__*/React.createElement(Bar, {
+      key: index,
+      heightPercent: allZero ? 0 : heightPercent,
+      label: coerceTooltip(label),
+      axisLabelX: axisLabelX,
+      highlightLabelRef: highlightLabelRef,
+      highlightLabel: coerceTooltip(highlightLabel),
+      hasEnteredViewport: hasEnteredViewport,
+      onMeasureHeight: highlightLabel ? setMinHeight : null,
+      onClick: onClick,
+      onHover: onHover,
+      primaryColor: primaryColor,
+      hoverColor: hoverColor,
+      highlightColor: highlightColor
+    });
+  })), /*#__PURE__*/React.createElement(Flex, {
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "mono60",
+    variant: "xs"
+  }, minLabel), /*#__PURE__*/React.createElement(Text, {
+    color: "mono60",
+    variant: "xs"
+  }, maxLabel)), bars.filter(function (bar) {
+    return bar.axisLabelX;
+  }).length > 0 && /*#__PURE__*/React.createElement(Flex, null, bars.map(function (_ref4, i) {
+    var axisLabelX = _ref4.axisLabelX;
+    return /*#__PURE__*/React.createElement(BarAxisLabelContainer, {
+      key: i
+    }, /*#__PURE__*/React.createElement(AxisLabelX, {
+      color: "mono60",
+      variant: "xs"
+    }, axisLabelX));
+  }))));
+};
+BarChart.displayName = "BarChart";
+var BarAxisLabelContainer = styled.div.withConfig({
+  displayName: "BarChart__BarAxisLabelContainer",
+  componentId: "sc-1317yz6-1"
+})(["flex:1;min-height:", ";position:relative;"], themeGet("space.2"));
+var AxisLabelX = styled(Text).withConfig({
+  displayName: "BarChart__AxisLabelX",
+  componentId: "sc-1317yz6-2"
+})(["position:absolute;text-align:center;white-space:nowrap;left:50%;transform:translateX(-50%);"]);
+//# sourceMappingURL=BarChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","names":["Flex","Text","themeGet","React","useEffect","useRef","useState","styled","coerceTooltip","ProvideMousePosition","useIntersectionObserver","Bar","ChartContainer","withConfig","displayName","componentId","useHighlightLabelPositionConstraints","wrapperDiv","labelDiv","style","left","right","offsetWidth","wrapperRect","getBoundingClientRect","labelRect","labelLeftOffset","labelRightOffset","BarChart","_ref","bars","minLabel","maxLabel","primaryColor","hoverColor","highlightColor","highlightLabelRef","_useState","_useState2","_slicedToArray","hasEnteredViewport","setHasEnteredViewport","_useIntersectionObser","once","options","threshold","onIntersection","wrapperRef","ref","current","_useState3","_useState4","minHeight","setMinHeight","maxValue","Math","max","apply","_toConsumableArray","map","_ref2","value","allZero","every","item","createElement","flexDirection","flexGrow","id","height","alignItems","mb","_ref3","index","label","axisLabelX","highlightLabel","onClick","onHover","heightPercent","key","onMeasureHeight","justifyContent","color","variant","filter","bar","length","_ref4","i","BarAxisLabelContainer","AxisLabelX","div"],"sources":["../../../../src/elements/BarChart/BarChart.tsx"],"sourcesContent":["import { Color, Flex, Text } from \"@artsy/palette\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { ChartTooltipProps, coerceTooltip } from \"../DataVis/ChartTooltip\"\nimport { ProvideMousePosition } from \"../DataVis/MousePositionContext\"\nimport { useIntersectionObserver } from \"../DataVis/useIntersectionObserver\"\nimport { Bar } from \"./Bar\"\n\nconst ChartContainer = styled(Flex)`\n  border-bottom: 1px solid ${themeGet(\"colors.mono10\")};\n`\n\nfunction useHighlightLabelPositionConstraints(\n  wrapperDiv: HTMLDivElement | null,\n  labelDiv: HTMLDivElement | null\n) {\n  // Constrain highlight label to be within the bounds of the graph\n  useEffect(() => {\n    if (!wrapperDiv || !labelDiv) {\n      return\n    }\n    // reset highlight label position\n    labelDiv.style.left = null\n    labelDiv.style.right = null\n    // force layout to find centered position\n    labelDiv.offsetWidth\n\n    const wrapperRect = wrapperDiv.getBoundingClientRect()\n    const labelRect = labelDiv.getBoundingClientRect()\n\n    // check for overlap with BarChart left bound\n    const labelLeftOffset = wrapperRect.left - labelRect.left\n    if (labelLeftOffset > 0) {\n      // label is too far to the left, compensate\n      labelDiv.style.left = labelLeftOffset + \"px\"\n      return\n    }\n    // check for overlap with BarChart right bound\n    const labelRightOffset = labelRect.right - wrapperRect.right\n    if (labelRightOffset > 0) {\n      // label is too far to the right, compensate\n      labelDiv.style.right = labelRightOffset + \"px\"\n    }\n  })\n}\n\nexport interface BarDescriptor {\n  value: number\n  label?: React.ReactNode | ChartTooltipProps\n  axisLabelX?: React.ReactNode\n  highlightLabel?: React.ReactNode | ChartTooltipProps\n  onClick?: any\n  onHover?: any\n}\n\nexport interface BarChartProps {\n  bars: BarDescriptor[]\n  minLabel: React.ReactNode\n  maxLabel: React.ReactNode\n  primaryColor?: Color\n  hoverColor?: Color\n  highlightColor?: Color\n}\n/**\n * BarChart is a component which displays some bars of varying heights in a row.\n * Useful for histograms etc.\n * @param props props\n */\nexport const BarChart = ({ bars, minLabel, maxLabel, primaryColor, hoverColor, highlightColor }: BarChartProps) => {\n  const highlightLabelRef = useRef<HTMLDivElement>(null)\n  const [hasEnteredViewport, setHasEnteredViewport] = useState(false)\n\n  const { ref: wrapperRef } = useIntersectionObserver({\n    once: true,\n    options: { threshold: 0.2 },\n    onIntersection: () => {\n      setHasEnteredViewport(true)\n    },\n  })\n\n  useHighlightLabelPositionConstraints(\n    wrapperRef.current as HTMLDivElement,\n    highlightLabelRef.current\n  )\n\n  const [minHeight, setMinHeight] = useState(0)\n  const maxValue = Math.max(...bars.map(({ value }) => value))\n  const allZero = bars.every((item) => item.value === 0)\n  return (\n    <ProvideMousePosition>\n      <Flex\n        flexDirection=\"column\"\n        ref={wrapperRef as any}\n        flexGrow={1}\n        id=\"flex-wrapper\"\n      >\n        <ChartContainer\n          height=\"80px\"\n          alignItems=\"flex-end\"\n          mb={0.5}\n          style={{ minHeight }}\n        >\n          {bars.map(\n            (\n              { value, label, axisLabelX, highlightLabel, onClick, onHover },\n              index\n            ) => {\n              const heightPercent =\n                maxValue === 0 ? 100 : (100 / maxValue) * value\n              return (\n                <Bar\n                  key={index}\n                  heightPercent={allZero ? 0 : heightPercent}\n                  label={coerceTooltip(label)}\n                  axisLabelX={axisLabelX}\n                  highlightLabelRef={highlightLabelRef}\n                  highlightLabel={coerceTooltip(highlightLabel)}\n                  hasEnteredViewport={hasEnteredViewport}\n                  onMeasureHeight={highlightLabel ? setMinHeight : null}\n                  onClick={onClick}\n                  onHover={onHover}\n                  primaryColor={primaryColor}\n                  hoverColor={hoverColor}\n                  highlightColor={highlightColor}\n                />\n              )\n            }\n          )}\n        </ChartContainer>\n\n        <Flex justifyContent=\"space-between\">\n          <Text color=\"mono60\" variant=\"xs\">\n            {minLabel}\n          </Text>\n\n          <Text color=\"mono60\" variant=\"xs\">\n            {maxLabel}\n          </Text>\n        </Flex>\n\n        {bars.filter((bar) => bar.axisLabelX).length > 0 && (\n          <Flex>\n            {bars.map(({ axisLabelX }, i) => (\n              <BarAxisLabelContainer key={i}>\n                <AxisLabelX color=\"mono60\" variant=\"xs\">\n                  {axisLabelX}\n                </AxisLabelX>\n              </BarAxisLabelContainer>\n            ))}\n          </Flex>\n        )}\n      </Flex>\n    </ProvideMousePosition>\n  )\n}\n\nconst BarAxisLabelContainer = styled.div`\n  flex: 1;\n  min-height: ${themeGet(\"space.2\")};\n  position: relative;\n`\n\nconst AxisLabelX = styled(Text)`\n  position: absolute;\n  text-align: center;\n  white-space: nowrap;\n  left: 50%;\n  transform: translateX(-50%);\n`\n"],"mappings":"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"}

package/dist/esm/elements/BarChart/BarChart.story.js

@@ -0,0 +1,159 @@
+import React from "react";
+import { BarChart } from "./BarChart";
+export default {
+  title: "Components/BarChart"
+};
+
+/** Default BarChart with standard colors */
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(BarChart, {
+    minLabel: "$0",
+    maxLabel: "$30,000",
+    bars: BARS
+  });
+};
+Default.displayName = "Default";
+/** BarChart with custom primary and hover colors */
+export var WithCustomColors = function WithCustomColors() {
+  return /*#__PURE__*/React.createElement(BarChart, {
+    minLabel: "$0",
+    maxLabel: "$30,000",
+    bars: BARS,
+    primaryColor: "blue100",
+    hoverColor: "red100",
+    highlightColor: "orange100"
+  });
+};
+WithCustomColors.displayName = "WithCustomColors";
+var BARS = [{
+  value: 1,
+  label: {
+    title: "$0–$1,500",
+    description: "1 work"
+  }
+}, {
+  value: 1,
+  label: {
+    title: "$1,500–$3,000",
+    description: "1 work"
+  }
+}, {
+  value: 1,
+  label: {
+    title: "$3,000–$4,500",
+    description: "1 work"
+  }
+}, {
+  value: 1,
+  label: {
+    title: "$4,500–$6,000",
+    description: "1 work"
+  }
+}, {
+  value: 4,
+  label: {
+    title: "$6,000–$7,500",
+    description: "4 works"
+  }
+}, {
+  value: 10,
+  label: {
+    title: "$7,500–$9,000",
+    description: "10 works"
+  }
+}, {
+  value: 42,
+  label: {
+    title: "$9,000–$10,500",
+    description: "42 works"
+  }
+}, {
+  value: 0,
+  label: {
+    title: "$10,500–$12,000",
+    description: "0 works"
+  }
+}, {
+  value: 216,
+  label: {
+    title: "$12,000–$13,500",
+    description: "216 works"
+  }
+}, {
+  value: 1,
+  label: {
+    title: "$13,500–$15,000",
+    description: "1 work"
+  }
+}, {
+  value: 201,
+  label: {
+    title: "$15,000–$16,500",
+    description: "201 works"
+  },
+  highlightLabel: {
+    title: "$15,000–$16,500",
+    description: "This work"
+  }
+}, {
+  value: 0,
+  label: {
+    title: "$16,500–$18,000",
+    description: "0 works"
+  }
+}, {
+  value: 113,
+  label: {
+    title: "$18,000–$19,500",
+    description: "113 works"
+  }
+}, {
+  value: 4,
+  label: {
+    title: "$19,500–$21,000",
+    description: "4 works"
+  }
+}, {
+  value: 2,
+  label: {
+    title: "$21,000–$22,500",
+    description: "2 works"
+  }
+}, {
+  value: 6,
+  label: {
+    title: "$22,500–$24,000",
+    description: "6 works"
+  }
+}, {
+  value: 37,
+  label: {
+    title: "$24,000–$25,500",
+    description: "37 works"
+  }
+}, {
+  value: 1,
+  label: {
+    title: "$25,500–$27,000",
+    description: "1 work"
+  }
+}, {
+  value: 3,
+  label: {
+    title: "$27,000–$28,500",
+    description: "3 works"
+  }
+}, {
+  value: 0,
+  label: {
+    title: "$28,500–$30,000",
+    description: "0 works"
+  }
+}, {
+  value: 0,
+  label: {
+    title: "$30,000+",
+    description: "0 works"
+  }
+}];
+//# sourceMappingURL=BarChart.story.js.map

package/dist/esm/elements/BarChart/BarChart.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.story.js","names":["React","BarChart","title","Default","createElement","minLabel","maxLabel","bars","BARS","displayName","WithCustomColors","primaryColor","hoverColor","highlightColor","value","label","description","highlightLabel"],"sources":["../../../../src/elements/BarChart/BarChart.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { BarChart } from \"./BarChart\"\n\nexport default {\n  title: \"Components/BarChart\",\n}\n\n/** Default BarChart with standard colors */\nexport const Default = () => {\n  return <BarChart minLabel=\"$0\" maxLabel=\"$30,000\" bars={BARS} />\n}\n\n/** BarChart with custom primary and hover colors */\nexport const WithCustomColors = () => {\n  return (\n    <BarChart\n      minLabel=\"$0\"\n      maxLabel=\"$30,000\"\n      bars={BARS}\n      primaryColor=\"blue100\"\n      hoverColor=\"red100\"\n      highlightColor=\"orange100\"\n    />\n  )\n}\n\nconst BARS = [\n  {\n    value: 1,\n    label: {\n      title: \"$0–$1,500\",\n      description: \"1 work\",\n    },\n  },\n  {\n    value: 1,\n    label: {\n      title: \"$1,500–$3,000\",\n      description: \"1 work\",\n    },\n  },\n  {\n    value: 1,\n    label: {\n      title: \"$3,000–$4,500\",\n      description: \"1 work\",\n    },\n  },\n  {\n    value: 1,\n    label: {\n      title: \"$4,500–$6,000\",\n      description: \"1 work\",\n    },\n  },\n  {\n    value: 4,\n    label: {\n      title: \"$6,000–$7,500\",\n      description: \"4 works\",\n    },\n  },\n  {\n    value: 10,\n    label: {\n      title: \"$7,500–$9,000\",\n      description: \"10 works\",\n    },\n  },\n  {\n    value: 42,\n    label: {\n      title: \"$9,000–$10,500\",\n      description: \"42 works\",\n    },\n  },\n  {\n    value: 0,\n    label: {\n      title: \"$10,500–$12,000\",\n      description: \"0 works\",\n    },\n  },\n  {\n    value: 216,\n    label: {\n      title: \"$12,000–$13,500\",\n      description: \"216 works\",\n    },\n  },\n  {\n    value: 1,\n    label: {\n      title: \"$13,500–$15,000\",\n      description: \"1 work\",\n    },\n  },\n  {\n    value: 201,\n    label: {\n      title: \"$15,000–$16,500\",\n      description: \"201 works\",\n    },\n    highlightLabel: {\n      title: \"$15,000–$16,500\",\n      description: \"This work\",\n    },\n  },\n  {\n    value: 0,\n    label: {\n      title: \"$16,500–$18,000\",\n      description: \"0 works\",\n    },\n  },\n  {\n    value: 113,\n    label: {\n      title: \"$18,000–$19,500\",\n      description: \"113 works\",\n    },\n  },\n  {\n    value: 4,\n    label: {\n      title: \"$19,500–$21,000\",\n      description: \"4 works\",\n    },\n  },\n  {\n    value: 2,\n    label: {\n      title: \"$21,000–$22,500\",\n      description: \"2 works\",\n    },\n  },\n  {\n    value: 6,\n    label: {\n      title: \"$22,500–$24,000\",\n      description: \"6 works\",\n    },\n  },\n  {\n    value: 37,\n    label: {\n      title: \"$24,000–$25,500\",\n      description: \"37 works\",\n    },\n  },\n  {\n    value: 1,\n    label: {\n      title: \"$25,500–$27,000\",\n      description: \"1 work\",\n    },\n  },\n  {\n    value: 3,\n    label: {\n      title: \"$27,000–$28,500\",\n      description: \"3 works\",\n    },\n  },\n  {\n    value: 0,\n    label: {\n      title: \"$28,500–$30,000\",\n      description: \"0 works\",\n    },\n  },\n  {\n    value: 0,\n    label: {\n      title: \"$30,000+\",\n      description: \"0 works\",\n    },\n  },\n]\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export * from "./BarChart";
+export * from "./Bar";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/elements/DataVis/ChartHoverTooltip.js

@@ -0,0 +1,40 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { Flex, media } from "@artsy/palette";
+import { themeGet } from "@styled-system/theme-get";
+import React, { useContext, useRef } from "react";
+import styled from "styled-components";
+import { MousePositionContext } from "./MousePositionContext";
+var LABEL_OFFSET = 10;
+
+/**
+ * Tooltip for bar and line charts
+ */
+export var ChartHoverTooltip = function ChartHoverTooltip(_ref) {
+  var children = _ref.children;
+  var ref = useRef(null);
+  var _useContext = useContext(MousePositionContext),
+    x = _useContext.x,
+    y = _useContext.y;
+  if (ref.current) {
+    // position outside of the render loop to avoid GC churn
+    ref.current.style.top = y - LABEL_OFFSET - ref.current.offsetHeight + "px";
+    ref.current.style.left = x + "px";
+  }
+  return /*#__PURE__*/React.createElement(HoverTooltipPositioner, {
+    ref: ref
+  }, children);
+};
+ChartHoverTooltip.displayName = "ChartHoverTooltip";
+/**
+ * Base component for positioning tooltips
+ */
+export var BaseTooltipPositioner = styled(Flex).withConfig({
+  displayName: "ChartHoverTooltip__BaseTooltipPositioner",
+  componentId: "sc-2qa7c8-0"
+})(["transform:translateX(-50%);pointer-events:none;border-radius:2px;"]);
+var HoverTooltipPositioner = styled(BaseTooltipPositioner).withConfig({
+  displayName: "ChartHoverTooltip__HoverTooltipPositioner",
+  componentId: "sc-2qa7c8-1"
+})(["", ";z-index:2;position:fixed;background-color:", ";box-shadow:", ";"], media.xs(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: none;\n  "]))), themeGet("colors.mono0"), themeGet("effects.dropShadow"));
+//# sourceMappingURL=ChartHoverTooltip.js.map

package/dist/esm/elements/DataVis/ChartHoverTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverTooltip.js","names":["Flex","media","themeGet","React","useContext","useRef","styled","MousePositionContext","LABEL_OFFSET","ChartHoverTooltip","_ref","children","ref","_useContext","x","y","current","style","top","offsetHeight","left","createElement","HoverTooltipPositioner","displayName","BaseTooltipPositioner","withConfig","componentId","xs","_templateObject","_taggedTemplateLiteral"],"sources":["../../../../src/elements/DataVis/ChartHoverTooltip.tsx"],"sourcesContent":["import { Flex, media } from \"@artsy/palette\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { useContext, useRef } from \"react\"\nimport styled from \"styled-components\"\nimport { MousePositionContext } from \"./MousePositionContext\"\n\nconst LABEL_OFFSET = 10\n\n/**\n * Tooltip for bar and line charts\n */\nexport const ChartHoverTooltip = ({ children }) => {\n  const ref = useRef(null)\n  const { x, y } = useContext(MousePositionContext)\n  if (ref.current) {\n    // position outside of the render loop to avoid GC churn\n    ref.current.style.top = y - LABEL_OFFSET - ref.current.offsetHeight + \"px\"\n    ref.current.style.left = x + \"px\"\n  }\n  return <HoverTooltipPositioner ref={ref}>{children}</HoverTooltipPositioner>\n}\n\n/**\n * Base component for positioning tooltips\n */\nexport const BaseTooltipPositioner = styled(Flex)`\n  transform: translateX(-50%);\n  pointer-events: none;\n  border-radius: 2px;\n`\n\nconst HoverTooltipPositioner = styled(BaseTooltipPositioner)`\n  ${media.xs`\n    display: none;\n  `};\n  z-index: 2;\n  position: fixed;\n  background-color: ${themeGet(\"colors.mono0\")};\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n`\n"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAC5C,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,OAAOC,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,oBAAoB;AAE7B,IAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC1C,IAAMC,GAAG,GAAGP,MAAM,CAAC,IAAI,CAAC;EACxB,IAAAQ,WAAA,GAAiBT,UAAU,CAACG,oBAAoB,CAAC;IAAzCO,CAAC,GAAAD,WAAA,CAADC,CAAC;IAAEC,CAAC,GAAAF,WAAA,CAADE,CAAC;EACZ,IAAIH,GAAG,CAACI,OAAO,EAAE;IACf;IACAJ,GAAG,CAACI,OAAO,CAACC,KAAK,CAACC,GAAG,GAAGH,CAAC,GAAGP,YAAY,GAAGI,GAAG,CAACI,OAAO,CAACG,YAAY,GAAG,IAAI;IAC1EP,GAAG,CAACI,OAAO,CAACC,KAAK,CAACG,IAAI,GAAGN,CAAC,GAAG,IAAI;EACnC;EACA,oBAAOX,KAAA,CAAAkB,aAAA,CAACC,sBAAsB;IAACV,GAAG,EAAEA;EAAI,GAAED,QAAQ,CAA0B;AAC9E,CAAC;AATYF,iBAAiB,CAAAc,WAAA;AAW9B;AACA;AACA;AACA,OAAO,IAAMC,qBAAqB,GAAGlB,MAAM,CAACN,IAAI,CAAC,CAAAyB,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,yEAIhD;AAED,IAAMJ,sBAAsB,GAAGhB,MAAM,CAACkB,qBAAqB,CAAC,CAAAC,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,6EACxDzB,KAAK,CAAC0B,EAAE,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kCAKU3B,QAAQ,CAAC,cAAc,CAAC,EAC9BA,QAAQ,CAAC,oBAAoB,CAAC,CAC7C"}

package/dist/esm/elements/DataVis/ChartTooltip.js

@@ -0,0 +1,57 @@
+var _excluded = ["title", "description", "noPadding"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _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); }
+import { Flex, Text } from "@artsy/palette";
+import React from "react";
+import styled from "styled-components";
+var ChartTooltipWrapper = styled(Flex).withConfig({
+  displayName: "ChartTooltip__ChartTooltipWrapper",
+  componentId: "sc-1g8t4p3-0"
+})(["text-align:center;align-items:center;flex-direction:column;white-space:nowrap;"]);
+
+/**
+ * Returns tooltip component based on the type of tooltip param passed to it
+ * @param tooltip either a component or hash containing `title` and `description`
+ */
+export var coerceTooltip = function coerceTooltip(tooltip) {
+  return isChartTooltipProps(tooltip) ? /*#__PURE__*/React.createElement(ChartTooltip, tooltip) : tooltip;
+};
+
+/**
+ * Similart to `coerceTooltip` but without padding
+ * @param tooltip
+ */
+export var coerceTooltipWithoutPadding = function coerceTooltipWithoutPadding(tooltip) {
+  return isChartTooltipProps(tooltip) ? /*#__PURE__*/React.createElement(ChartTooltip, _extends({
+    noPadding: true
+  }, tooltip)) : tooltip;
+};
+// tslint:disable-next-line:completed-docs
+export function isChartTooltipProps(obj) {
+  var result = obj && _typeof(obj) === "object" && obj.hasOwnProperty("title") && obj.hasOwnProperty("description");
+  return result;
+}
+
+/**
+ * ChartTooltip is the default content format for a label on a BarChart.
+ * @param props
+ */
+export var ChartTooltip = function ChartTooltip(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    noPadding = _ref.noPadding,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(ChartTooltipWrapper, _extends({
+    py: noPadding ? 0 : 0.5,
+    px: noPadding ? 0 : 1
+  }, others), /*#__PURE__*/React.createElement(Text, {
+    variant: "xs"
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    color: "mono60",
+    variant: "xs"
+  }, description));
+};
+ChartTooltip.displayName = "ChartTooltip";
+//# sourceMappingURL=ChartTooltip.js.map

package/dist/esm/elements/DataVis/ChartTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.js","names":["Flex","Text","React","styled","ChartTooltipWrapper","withConfig","displayName","componentId","coerceTooltip","tooltip","isChartTooltipProps","createElement","ChartTooltip","coerceTooltipWithoutPadding","_extends","noPadding","obj","result","_typeof","hasOwnProperty","_ref","title","description","others","_objectWithoutProperties","_excluded","py","px","variant","color"],"sources":["../../../../src/elements/DataVis/ChartTooltip.tsx"],"sourcesContent":["import { Flex, FlexProps, Text } from \"@artsy/palette\"\nimport React from \"react\"\nimport styled from \"styled-components\"\n\nconst ChartTooltipWrapper = styled(Flex)`\n  text-align: center;\n  align-items: center;\n  flex-direction: column;\n  white-space: nowrap;\n`\n\n/**\n * Returns tooltip component based on the type of tooltip param passed to it\n * @param tooltip either a component or hash containing `title` and `description`\n */\nexport const coerceTooltip = (tooltip: React.ReactNode | ChartTooltipProps) =>\n  isChartTooltipProps(tooltip) ? <ChartTooltip {...tooltip} /> : tooltip\n\n/**\n * Similart to `coerceTooltip` but without padding\n * @param tooltip\n */\nexport const coerceTooltipWithoutPadding = (\n  tooltip: React.ReactNode | ChartTooltipProps\n) =>\n  isChartTooltipProps(tooltip) ? (\n    <ChartTooltip noPadding {...tooltip} />\n  ) : (\n    tooltip\n  )\n\nexport interface ChartTooltipProps extends FlexProps {\n  title: React.ReactNode\n  description: React.ReactNode\n  noPadding?: boolean\n}\n\n// tslint:disable-next-line:completed-docs\nexport function isChartTooltipProps(obj: any): obj is ChartTooltipProps {\n  const result =\n    obj &&\n    typeof obj === \"object\" &&\n    obj.hasOwnProperty(\"title\") &&\n    obj.hasOwnProperty(\"description\")\n  return result\n}\n\n/**\n * ChartTooltip is the default content format for a label on a BarChart.\n * @param props\n */\nexport const ChartTooltip = ({\n  title,\n  description,\n  noPadding,\n  ...others\n}: ChartTooltipProps) => (\n  <ChartTooltipWrapper\n    py={noPadding ? 0 : 0.5}\n    px={noPadding ? 0 : 1}\n    {...others}\n  >\n    <Text variant=\"xs\">{title}</Text>\n\n    <Text color=\"mono60\" variant=\"xs\">\n      {description}\n    </Text>\n  </ChartTooltipWrapper>\n)\n"],"mappings":";;;;;AAAA,SAASA,IAAI,EAAaC,IAAI,QAAQ,gBAAgB;AACtD,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,IAAMC,mBAAmB,GAAGD,MAAM,CAACH,IAAI,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAKvC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAA4C;EAAA,OACxEC,mBAAmB,CAACD,OAAO,CAAC,gBAAGP,KAAA,CAAAS,aAAA,CAACC,YAAY,EAAKH,OAAO,CAAI,GAAGA,OAAO;AAAA;;AAExE;AACA;AACA;AACA;AACA,OAAO,IAAMI,2BAA2B,GAAG,SAA9BA,2BAA2BA,CACtCJ,OAA4C;EAAA,OAE5CC,mBAAmB,CAACD,OAAO,CAAC,gBAC1BP,KAAA,CAAAS,aAAA,CAACC,YAAY,EAAAE,QAAA;IAACC,SAAS;EAAA,GAAKN,OAAO,EAAI,GAEvCA,OACD;AAAA;AAQH;AACA,OAAO,SAASC,mBAAmBA,CAACM,GAAQ,EAA4B;EACtE,IAAMC,MAAM,GACVD,GAAG,IACHE,OAAA,CAAOF,GAAG,MAAK,QAAQ,IACvBA,GAAG,CAACG,cAAc,CAAC,OAAO,CAAC,IAC3BH,GAAG,CAACG,cAAc,CAAC,aAAa,CAAC;EACnC,OAAOF,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA,OAAO,IAAML,YAAY,GAAG,SAAfA,YAAYA,CAAAQ,IAAA;EAAA,IACvBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXP,SAAS,GAAAK,IAAA,CAATL,SAAS;IACNQ,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAETvB,KAAA,CAAAS,aAAA,CAACP,mBAAmB,EAAAU,QAAA;IAClBY,EAAE,EAAEX,SAAS,GAAG,CAAC,GAAG,GAAI;IACxBY,EAAE,EAAEZ,SAAS,GAAG,CAAC,GAAG;EAAE,GAClBQ,MAAM,gBAEVrB,KAAA,CAAAS,aAAA,CAACV,IAAI;IAAC2B,OAAO,EAAC;EAAI,GAAEP,KAAK,CAAQ,eAEjCnB,KAAA,CAAAS,aAAA,CAACV,IAAI;IAAC4B,KAAK,EAAC,QAAQ;IAACD,OAAO,EAAC;EAAI,GAC9BN,WAAW,CACP,CACa;AAAA,CACvB;AAjBYV,YAAY,CAAAN,WAAA"}

package/dist/esm/elements/DataVis/MousePositionContext.js

@@ -0,0 +1,42 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from "react";
+
+// tslint:disable-next-line:completed-docs
+export var MousePositionContext = /*#__PURE__*/React.createContext({
+  x: 0,
+  y: 0
+});
+
+// tslint:disable-next-line:completed-docs
+export var ProvideMousePosition = function ProvideMousePosition(_ref) {
+  var children = _ref.children;
+  var _useState = useState({
+      x: 0,
+      y: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(function () {
+    var setMousePosition = function setMousePosition(ev) {
+      setState({
+        x: ev.clientX,
+        y: ev.clientY
+      });
+    };
+    window.addEventListener("mousemove", setMousePosition);
+    return function () {
+      window.removeEventListener("mousemove", setMousePosition);
+    };
+  }, [false]);
+  return /*#__PURE__*/React.createElement(MousePositionContext.Provider, {
+    value: state
+  }, children);
+};
+ProvideMousePosition.displayName = "ProvideMousePosition";
+//# sourceMappingURL=MousePositionContext.js.map

package/dist/esm/elements/DataVis/MousePositionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MousePositionContext.js","names":["React","useEffect","useState","MousePositionContext","createContext","x","y","ProvideMousePosition","_ref","children","_useState","_useState2","_slicedToArray","state","setState","setMousePosition","ev","clientX","clientY","window","addEventListener","removeEventListener","createElement","Provider","value","displayName"],"sources":["../../../../src/elements/DataVis/MousePositionContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\n\n// tslint:disable-next-line:completed-docs\nexport const MousePositionContext = React.createContext({ x: 0, y: 0 })\n\n// tslint:disable-next-line:completed-docs\nexport const ProvideMousePosition: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {\n  const [state, setState] = useState({ x: 0, y: 0 })\n\n  useEffect(() => {\n    const setMousePosition = (ev: MouseEvent) => {\n      setState({\n        x: ev.clientX,\n        y: ev.clientY,\n      })\n    }\n    window.addEventListener(\"mousemove\", setMousePosition)\n    return () => {\n      window.removeEventListener(\"mousemove\", setMousePosition)\n    }\n  }, [false])\n\n  return (\n    <MousePositionContext.Provider value={state}>\n      {children}\n    </MousePositionContext.Provider>\n  )\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;;AAElD;AACA,OAAO,IAAMC,oBAAoB,gBAAGH,KAAK,CAACI,aAAa,CAAC;EAAEC,CAAC,EAAE,CAAC;EAAEC,CAAC,EAAE;AAAE,CAAC,CAAC;;AAEvE;AACA,OAAO,IAAMC,oBAAgE,GAAG,SAAnEA,oBAAgEA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACzF,IAAAC,SAAA,GAA0BR,QAAQ,CAAC;MAAEG,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA3CG,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EAEtBV,SAAS,CAAC,YAAM;IACd,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,EAAc,EAAK;MAC3CF,QAAQ,CAAC;QACPT,CAAC,EAAEW,EAAE,CAACC,OAAO;QACbX,CAAC,EAAEU,EAAE,CAACE;MACR,CAAC,CAAC;IACJ,CAAC;IACDC,MAAM,CAACC,gBAAgB,CAAC,WAAW,EAAEL,gBAAgB,CAAC;IACtD,OAAO,YAAM;MACXI,MAAM,CAACE,mBAAmB,CAAC,WAAW,EAAEN,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;EAEX,oBACEf,KAAA,CAAAsB,aAAA,CAACnB,oBAAoB,CAACoB,QAAQ;IAACC,KAAK,EAAEX;EAAM,GACzCJ,QAAQ,CACqB;AAEpC,CAAC;AArBYF,oBAAgE,CAAAkB,WAAA"}

package/dist/esm/elements/DataVis/useIntersectionObserver.js

@@ -0,0 +1,60 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from "react";
+// tslint:disable-next-line:completed-docs
+export var useIntersectionObserver = function useIntersectionObserver(_ref) {
+  var _ref$once = _ref.once,
+    once = _ref$once === void 0 ? true : _ref$once,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {
+      threshold: 0
+    } : _ref$options,
+    onIntersection = _ref.onIntersection,
+    onOffIntersection = _ref.onOffIntersection;
+  var ref = useRef(null);
+  var handleIntersect = function handleIntersect(entries) {
+    if (!observer) return;
+    if (once) {
+      var hasIntersected = entries.some(
+      // tslint:disable-next-line:no-shadowed-variable
+      function (_ref2) {
+        var isIntersecting = _ref2.isIntersecting;
+        return isIntersecting;
+      });
+      if (hasIntersected) {
+        onIntersection === null || onIntersection === void 0 ? void 0 : onIntersection(entries);
+        observer.disconnect();
+      } else {
+        onOffIntersection === null || onOffIntersection === void 0 ? void 0 : onOffIntersection(entries);
+      }
+      return;
+    }
+    var isIntersecting = entries[entries.length - 1].isIntersecting;
+    if (!isIntersecting) {
+      onOffIntersection === null || onOffIntersection === void 0 ? void 0 : onOffIntersection(entries);
+      return;
+    }
+    onIntersection === null || onIntersection === void 0 ? void 0 : onIntersection(entries);
+  };
+  var _useState = useState(function () {
+      return isClientSide ? new IntersectionObserver(handleIntersect, options) : undefined;
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    observer = _useState2[0];
+  useEffect(function () {
+    if (!ref.current || !observer) return;
+    observer.observe(ref.current);
+    return function () {
+      observer.disconnect();
+    };
+  }, [ref, observer]);
+  return {
+    ref: ref
+  };
+};
+var isClientSide = typeof window !== "undefined";
+//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/esm/elements/DataVis/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.js","names":["useEffect","useRef","useState","useIntersectionObserver","_ref","_ref$once","once","_ref$options","options","threshold","onIntersection","onOffIntersection","ref","handleIntersect","entries","observer","hasIntersected","some","_ref2","isIntersecting","disconnect","length","_useState","isClientSide","IntersectionObserver","undefined","_useState2","_slicedToArray","current","observe","window"],"sources":["../../../../src/elements/DataVis/useIntersectionObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from \"react\"\n\ninterface UseIntersectionObserverProperties {\n  ref?: RefObject<Element> | null\n  once?: boolean\n  options?: {\n    threshold: number | number[]\n    root?: Element\n    rootMargin?: string\n  }\n  onIntersection?: (entries: IntersectionObserverEntry[]) => void\n  onOffIntersection?: (entries: IntersectionObserverEntry[]) => void\n}\n\n// tslint:disable-next-line:completed-docs\nexport const useIntersectionObserver = ({\n  once = true,\n  options = { threshold: 0 },\n  onIntersection,\n  onOffIntersection,\n}: UseIntersectionObserverProperties) => {\n  const ref = useRef<HTMLElement | null>(null)\n\n  const handleIntersect = (entries: IntersectionObserverEntry[]) => {\n    if (!observer) return\n\n    if (once) {\n      const hasIntersected = entries.some(\n        // tslint:disable-next-line:no-shadowed-variable\n        ({ isIntersecting }) => isIntersecting\n      )\n\n      if (hasIntersected) {\n        onIntersection?.(entries)\n        observer.disconnect()\n      } else {\n        onOffIntersection?.(entries)\n      }\n\n      return\n    }\n\n    const isIntersecting = entries[entries.length - 1].isIntersecting\n\n    if (!isIntersecting) {\n      onOffIntersection?.(entries)\n      return\n    }\n\n    onIntersection?.(entries)\n  }\n\n  const [observer] = useState(() =>\n    isClientSide\n      ? new IntersectionObserver(handleIntersect, options)\n      : undefined\n  )\n\n  useEffect(() => {\n    if (!ref.current || !observer) return\n\n    observer.observe(ref.current)\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [ref, observer])\n\n  return { ref }\n}\n\nconst isClientSide = typeof window !== \"undefined\"\n"],"mappings":";;;;;;AAAA,SAAoBA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAc9D;AACA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAKK;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAJvCE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IAAAE,YAAA,GAAAH,IAAA,CACXI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MAAEE,SAAS,EAAE;IAAE,CAAC,GAAAF,YAAA;IAC1BG,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;EAEjB,IAAMC,GAAG,GAAGX,MAAM,CAAqB,IAAI,CAAC;EAE5C,IAAMY,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,OAAoC,EAAK;IAChE,IAAI,CAACC,QAAQ,EAAE;IAEf,IAAIT,IAAI,EAAE;MACR,IAAMU,cAAc,GAAGF,OAAO,CAACG,IAAI;MACjC;MACA,UAAAC,KAAA;QAAA,IAAGC,cAAc,GAAAD,KAAA,CAAdC,cAAc;QAAA,OAAOA,cAAc;MAAA,EACvC;MAED,IAAIH,cAAc,EAAE;QAClBN,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGI,OAAO,CAAC;QACzBC,QAAQ,CAACK,UAAU,EAAE;MACvB,CAAC,MAAM;QACLT,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAGG,OAAO,CAAC;MAC9B;MAEA;IACF;IAEA,IAAMK,cAAc,GAAGL,OAAO,CAACA,OAAO,CAACO,MAAM,GAAG,CAAC,CAAC,CAACF,cAAc;IAEjE,IAAI,CAACA,cAAc,EAAE;MACnBR,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAGG,OAAO,CAAC;MAC5B;IACF;IAEAJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGI,OAAO,CAAC;EAC3B,CAAC;EAED,IAAAQ,SAAA,GAAmBpB,QAAQ,CAAC;MAAA,OAC1BqB,YAAY,GACR,IAAIC,oBAAoB,CAACX,eAAe,EAAEL,OAAO,CAAC,GAClDiB,SAAS;IAAA,EACd;IAAAC,UAAA,GAAAC,cAAA,CAAAL,SAAA;IAJMP,QAAQ,GAAAW,UAAA;EAMf1B,SAAS,CAAC,YAAM;IACd,IAAI,CAACY,GAAG,CAACgB,OAAO,IAAI,CAACb,QAAQ,EAAE;IAE/BA,QAAQ,CAACc,OAAO,CAACjB,GAAG,CAACgB,OAAO,CAAC;IAE7B,OAAO,YAAM;MACXb,QAAQ,CAACK,UAAU,EAAE;IACvB,CAAC;EACH,CAAC,EAAE,CAACR,GAAG,EAAEG,QAAQ,CAAC,CAAC;EAEnB,OAAO;IAAEH,GAAG,EAAHA;EAAI,CAAC;AAChB,CAAC;AAED,IAAMW,YAAY,GAAG,OAAOO,MAAM,KAAK,WAAW"}

package/dist/esm/elements/DataVis/utils/SharedTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SharedTypes.js.map

package/dist/esm/elements/DataVis/utils/SharedTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedTypes.js","names":[],"sources":["../../../../../src/elements/DataVis/utils/SharedTypes.ts"],"sourcesContent":["import { ChartTooltipProps } from \"../ChartTooltip\"\n\nexport interface PointDescriptor {\n  value: number\n  axisLabelX?: React.ReactNode | ChartTooltipProps\n  tooltip?: React.ReactNode | ChartTooltipProps\n}\n\nexport interface ChartProps {\n  points: PointDescriptor[]\n}\n"],"mappings":""}