@nivo/tooltip - npm Package Compare versions

Comparing version 0.71.0 to 0.72.0

dist/nivo-tooltip.cjs.js

@@ -5,8 +5,6 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
+var react = require('react');
 var web = require('@react-spring/web');
 var core = require('@nivo/core');
+var jsxRuntime = require('react/jsx-runtime');
 
@@ -97,3 +95,3 @@ function _defineProperty(obj, key, value) {
   if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
+  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);
@@ -123,3 +121,3 @@ }
 
-var TooltipWrapper = React.memo(function (_ref) {
+var TooltipWrapper = react.memo(function (_ref) {
   var _animatedProps$transf;
@@ -141,3 +139,3 @@
 
-  var previousPosition = React.useRef(false);
+  var previousPosition = react.useRef(false);
   var to = undefined;
@@ -188,10 +186,11 @@ var immediate = false;
 
-  return React__default.createElement(web.animated.div, {
+  return jsxRuntime.jsx(web.animated.div, {
     ref: measureRef,
-    style: style
-  }, children);
+    style: style,
+    children: children
+  });
 });
 TooltipWrapper.displayName = 'TooltipWrapper';
 
-var Chip = React.memo(function (_ref) {
+var Chip = react.memo(function (_ref) {
   var _ref$size = _ref.size,
@@ -202,3 +201,3 @@ size = _ref$size === void 0 ? 12 : _ref$size,
       style = _ref$style === void 0 ? {} : _ref$style;
-  return React__default.createElement("span", {
+  return jsxRuntime.jsx("span", {
     style: _objectSpread2({
@@ -213,3 +212,3 @@ display: 'block',
 
-var BasicTooltip = React.memo(function (_ref) {
+var BasicTooltip = react.memo(function (_ref) {
   var id = _ref.id,
@@ -235,13 +234,19 @@ _value = _ref.value,
 
-    content = React__default.createElement("div", {
-      style: theme.tooltip.basic
-    }, enableChip && React__default.createElement(Chip, {
-      color: color,
-      style: theme.tooltip.chip
-    }), value !== undefined ? React__default.createElement("span", null, id, ": ", React__default.createElement("strong", null, "".concat(value))) : id);
+    content = jsxRuntime.jsxs("div", {
+      style: theme.tooltip.basic,
+      children: [enableChip && jsxRuntime.jsx(Chip, {
+        color: color,
+        style: theme.tooltip.chip
+      }), value !== undefined ? jsxRuntime.jsxs("span", {
+        children: [id, ": ", jsxRuntime.jsx("strong", {
+          children: "".concat(value)
+        })]
+      }) : id]
+    });
   }
 
-  return React__default.createElement("div", {
-    style: theme.tooltip.container
-  }, content);
+  return jsxRuntime.jsx("div", {
+    style: theme.tooltip.container,
+    children: content
+  });
 });
@@ -253,3 +258,3 @@
 };
-var TableTooltip = React.memo(function (_ref) {
+var TableTooltip = react.memo(function (_ref) {
   var title = _ref.title,
@@ -266,23 +271,29 @@ _ref$rows = _ref.rows,
   } else {
-    content = React__default.createElement("div", null, title && title, React__default.createElement("table", {
-      style: _objectSpread2(_objectSpread2({}, tableStyle), theme.tooltip.table)
-    }, React__default.createElement("tbody", null, rows.map(function (row, i) {
-      return React__default.createElement("tr", {
-        key: i
-      }, row.map(function (column, j) {
-        return React__default.createElement("td", {
-          key: j,
-          style: theme.tooltip.tableCell
-        }, column);
-      }));
-    }))));
+    content = jsxRuntime.jsxs("div", {
+      children: [title && title, jsxRuntime.jsx("table", {
+        style: _objectSpread2(_objectSpread2({}, tableStyle), theme.tooltip.table),
+        children: jsxRuntime.jsx("tbody", {
+          children: rows.map(function (row, i) {
+            return jsxRuntime.jsx("tr", {
+              children: row.map(function (column, j) {
+                return jsxRuntime.jsx("td", {
+                  style: theme.tooltip.tableCell,
+                  children: column
+                }, j);
+              })
+            }, i);
+          })
+        })
+      })]
+    });
   }
 
-  return React__default.createElement("div", {
-    style: theme.tooltip.container
-  }, content);
+  return jsxRuntime.jsx("div", {
+    style: theme.tooltip.container,
+    children: content
+  });
 });
 TableTooltip.displayName = 'TableTooltip';
 
-var CrosshairLine = React.memo(function (_ref) {
+var CrosshairLine = react.memo(function (_ref) {
   var x0 = _ref.x0,
@@ -298,3 +309,3 @@ x1 = _ref.x1,
 
-  var style = React.useMemo(function () {
+  var style = react.useMemo(function () {
     return _objectSpread2(_objectSpread2({}, theme.crosshair.line), {}, {
@@ -312,3 +323,3 @@ pointerEvents: 'none'
   });
-  return React__default.createElement(web.animated.line, Object.assign({}, animatedProps, {
+  return jsxRuntime.jsx(web.animated.line, _objectSpread2(_objectSpread2({}, animatedProps), {}, {
     fill: "none",
@@ -320,3 +331,3 @@ style: style
 
-var Crosshair = React.memo(function (_ref) {
+var Crosshair = react.memo(function (_ref) {
   var width = _ref.width,
@@ -439,13 +450,15 @@ height = _ref.height,
 
-  return React__default.createElement(React__default.Fragment, null, xLine && React__default.createElement(CrosshairLine, {
-    x0: xLine.x0,
-    x1: xLine.x1,
-    y0: xLine.y0,
-    y1: xLine.y1
-  }), yLine && React__default.createElement(CrosshairLine, {
-    x0: yLine.x0,
-    x1: yLine.x1,
-    y0: yLine.y0,
-    y1: yLine.y1
-  }));
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [xLine && jsxRuntime.jsx(CrosshairLine, {
+      x0: xLine.x0,
+      x1: xLine.x1,
+      y0: xLine.y0,
+      y1: xLine.y1
+    }), yLine && jsxRuntime.jsx(CrosshairLine, {
+      x0: yLine.x0,
+      x1: yLine.x1,
+      y0: yLine.y0,
+      y1: yLine.y1
+    })]
+  });
 });
@@ -459,3 +472,3 @@ Crosshair.displayName = 'Crosshair';
 };
-var TooltipActionsContext = React.createContext(defaultActions);
+var TooltipActionsContext = react.createContext(defaultActions);
 var hiddenTooltipState = {
@@ -467,6 +480,6 @@ isVisible: false,
 };
-var TooltipStateContext = React.createContext(hiddenTooltipState);
+var TooltipStateContext = react.createContext(hiddenTooltipState);
 
 var useTooltipHandlers = function useTooltipHandlers(container) {
-  var _useState = React.useState(hiddenTooltipState),
+  var _useState = react.useState(hiddenTooltipState),
       _useState2 = _slicedToArray(_useState, 2),
@@ -476,3 +489,3 @@ state = _useState2[0],
 
-  var showTooltipAt = React.useCallback(function (content, _ref) {
+  var showTooltipAt = react.useCallback(function (content, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -490,3 +503,3 @@ x = _ref2[0],
   }, [setState]);
-  var showTooltipFromEvent = React.useCallback(function (content, event) {
+  var showTooltipFromEvent = react.useCallback(function (content, event) {
     var anchor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'top';
@@ -508,6 +521,6 @@ var bounds = container.current.getBoundingClientRect();
   }, [container, setState]);
-  var hideTooltip = React.useCallback(function () {
+  var hideTooltip = react.useCallback(function () {
     setState(hiddenTooltipState);
   }, [setState]);
-  var actions = React.useMemo(function () {
+  var actions = react.useMemo(function () {
     return {
@@ -525,3 +538,3 @@ showTooltipAt: showTooltipAt,
 var useTooltip = function useTooltip() {
-  var context = React.useContext(TooltipActionsContext);
+  var context = react.useContext(TooltipActionsContext);
 
@@ -535,3 +548,3 @@ if (context === undefined) {
 var useTooltipState = function useTooltipState() {
-  var context = React.useContext(TooltipStateContext);
+  var context = react.useContext(TooltipStateContext);
 
@@ -555,6 +568,7 @@ if (context === undefined) {
 
-  return React__default.createElement(TooltipWrapper, {
+  return jsxRuntime.jsx(TooltipWrapper, {
     position: state.position,
-    anchor: state.anchor
-  }, state.content);
+    anchor: state.anchor,
+    children: state.content
+  });
 };
@@ -570,7 +584,9 @@
 
-  return React__default.createElement(TooltipActionsContext.Provider, {
-    value: actions
-  }, React__default.createElement(TooltipStateContext.Provider, {
-    value: state
-  }, children));
+  return jsxRuntime.jsx(TooltipActionsContext.Provider, {
+    value: actions,
+    children: jsxRuntime.jsx(TooltipStateContext.Provider, {
+      value: state,
+      children: children
+    })
+  });
 };
@@ -577,0 +593,0 @@

dist/nivo-tooltip.es.js

@@ -1,4 +0,5 @@
-import React, { memo, useRef, useMemo, createContext, useState, useCallback, useContext } from 'react';
+import { memo, useRef, useMemo, createContext, useState, useCallback, useContext } from 'react';
 import { useSpring, animated } from '@react-spring/web';
 import { useTheme, useMotionConfig, useMeasure, useValueFormatter } from '@nivo/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -89,3 +90,3 @@ function _defineProperty(obj, key, value) {
   if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
+  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);
@@ -178,6 +179,7 @@ }
 
-  return React.createElement(animated.div, {
+  return jsx(animated.div, {
     ref: measureRef,
-    style: style
-  }, children);
+    style: style,
+    children: children
+  });
 });
@@ -192,3 +194,3 @@ TooltipWrapper.displayName = 'TooltipWrapper';
       style = _ref$style === void 0 ? {} : _ref$style;
-  return React.createElement("span", {
+  return jsx("span", {
     style: _objectSpread2({
@@ -224,13 +226,19 @@ display: 'block',
 
-    content = React.createElement("div", {
-      style: theme.tooltip.basic
-    }, enableChip && React.createElement(Chip, {
-      color: color,
-      style: theme.tooltip.chip
-    }), value !== undefined ? React.createElement("span", null, id, ": ", React.createElement("strong", null, "".concat(value))) : id);
+    content = jsxs("div", {
+      style: theme.tooltip.basic,
+      children: [enableChip && jsx(Chip, {
+        color: color,
+        style: theme.tooltip.chip
+      }), value !== undefined ? jsxs("span", {
+        children: [id, ": ", jsx("strong", {
+          children: "".concat(value)
+        })]
+      }) : id]
+    });
   }
 
-  return React.createElement("div", {
-    style: theme.tooltip.container
-  }, content);
+  return jsx("div", {
+    style: theme.tooltip.container,
+    children: content
+  });
 });
@@ -254,19 +262,25 @@
   } else {
-    content = React.createElement("div", null, title && title, React.createElement("table", {
-      style: _objectSpread2(_objectSpread2({}, tableStyle), theme.tooltip.table)
-    }, React.createElement("tbody", null, rows.map(function (row, i) {
-      return React.createElement("tr", {
-        key: i
-      }, row.map(function (column, j) {
-        return React.createElement("td", {
-          key: j,
-          style: theme.tooltip.tableCell
-        }, column);
-      }));
-    }))));
+    content = jsxs("div", {
+      children: [title && title, jsx("table", {
+        style: _objectSpread2(_objectSpread2({}, tableStyle), theme.tooltip.table),
+        children: jsx("tbody", {
+          children: rows.map(function (row, i) {
+            return jsx("tr", {
+              children: row.map(function (column, j) {
+                return jsx("td", {
+                  style: theme.tooltip.tableCell,
+                  children: column
+                }, j);
+              })
+            }, i);
+          })
+        })
+      })]
+    });
   }
 
-  return React.createElement("div", {
-    style: theme.tooltip.container
-  }, content);
+  return jsx("div", {
+    style: theme.tooltip.container,
+    children: content
+  });
 });
@@ -299,3 +313,3 @@ TableTooltip.displayName = 'TableTooltip';
   });
-  return React.createElement(animated.line, Object.assign({}, animatedProps, {
+  return jsx(animated.line, _objectSpread2(_objectSpread2({}, animatedProps), {}, {
     fill: "none",
@@ -425,13 +439,15 @@ style: style
 
-  return React.createElement(React.Fragment, null, xLine && React.createElement(CrosshairLine, {
-    x0: xLine.x0,
-    x1: xLine.x1,
-    y0: xLine.y0,
-    y1: xLine.y1
-  }), yLine && React.createElement(CrosshairLine, {
-    x0: yLine.x0,
-    x1: yLine.x1,
-    y0: yLine.y0,
-    y1: yLine.y1
-  }));
+  return jsxs(Fragment, {
+    children: [xLine && jsx(CrosshairLine, {
+      x0: xLine.x0,
+      x1: xLine.x1,
+      y0: xLine.y0,
+      y1: xLine.y1
+    }), yLine && jsx(CrosshairLine, {
+      x0: yLine.x0,
+      x1: yLine.x1,
+      y0: yLine.y0,
+      y1: yLine.y1
+    })]
+  });
 });
@@ -534,6 +550,7 @@ Crosshair.displayName = 'Crosshair';
 
-  return React.createElement(TooltipWrapper, {
+  return jsx(TooltipWrapper, {
     position: state.position,
-    anchor: state.anchor
-  }, state.content);
+    anchor: state.anchor,
+    children: state.content
+  });
 };
@@ -549,7 +566,9 @@
 
-  return React.createElement(TooltipActionsContext.Provider, {
-    value: actions
-  }, React.createElement(TooltipStateContext.Provider, {
-    value: state
-  }, children));
+  return jsx(TooltipActionsContext.Provider, {
+    value: actions,
+    children: jsx(TooltipStateContext.Provider, {
+      value: state,
+      children: children
+    })
+  });
 };
@@ -556,0 +575,0 @@

dist/nivo-tooltip.umd.js

 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@react-spring/web'), require('@nivo/core')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', '@react-spring/web', '@nivo/core'], factory) :
-  (global = global || self, factory(global.nivo = global.nivo || {}, global.React, global['@react-spring/web'], global.nivo));
-}(this, (function (exports, React, web, core) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@react-spring/web'), require('@nivo/core'), require('react/jsx-runtime')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@react-spring/web', '@nivo/core', 'react/jsx-runtime'], factory) :
+  (global = global || self, factory(global.nivo = global.nivo || {}, global.React, global['@react-spring/web'], global.nivo, global['react/jsx-runtime']));
+}(this, (function (exports, react, web, core, jsxRuntime) { 'use strict';
 
-  var React__default = 'default' in React ? React['default'] : React;
-
   function _defineProperty(obj, key, value) {
@@ -93,3 +91,3 @@ if (key in obj) {
     if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
+    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);
@@ -119,3 +117,3 @@ }
 
-  var TooltipWrapper = React.memo(function (_ref) {
+  var TooltipWrapper = react.memo(function (_ref) {
     var _animatedProps$transf;
@@ -137,3 +135,3 @@
 
-    var previousPosition = React.useRef(false);
+    var previousPosition = react.useRef(false);
     var to = undefined;
@@ -184,10 +182,11 @@ var immediate = false;
 
-    return React__default.createElement(web.animated.div, {
+    return jsxRuntime.jsx(web.animated.div, {
       ref: measureRef,
-      style: style
-    }, children);
+      style: style,
+      children: children
+    });
   });
   TooltipWrapper.displayName = 'TooltipWrapper';
 
-  var Chip = React.memo(function (_ref) {
+  var Chip = react.memo(function (_ref) {
     var _ref$size = _ref.size,
@@ -198,3 +197,3 @@ size = _ref$size === void 0 ? 12 : _ref$size,
         style = _ref$style === void 0 ? {} : _ref$style;
-    return React__default.createElement("span", {
+    return jsxRuntime.jsx("span", {
       style: _objectSpread2({
@@ -209,3 +208,3 @@ display: 'block',
 
-  var BasicTooltip = React.memo(function (_ref) {
+  var BasicTooltip = react.memo(function (_ref) {
     var id = _ref.id,
@@ -231,13 +230,19 @@ _value = _ref.value,
 
-      content = React__default.createElement("div", {
-        style: theme.tooltip.basic
-      }, enableChip && React__default.createElement(Chip, {
-        color: color,
-        style: theme.tooltip.chip
-      }), value !== undefined ? React__default.createElement("span", null, id, ": ", React__default.createElement("strong", null, "".concat(value))) : id);
+      content = jsxRuntime.jsxs("div", {
+        style: theme.tooltip.basic,
+        children: [enableChip && jsxRuntime.jsx(Chip, {
+          color: color,
+          style: theme.tooltip.chip
+        }), value !== undefined ? jsxRuntime.jsxs("span", {
+          children: [id, ": ", jsxRuntime.jsx("strong", {
+            children: "".concat(value)
+          })]
+        }) : id]
+      });
     }
 
-    return React__default.createElement("div", {
-      style: theme.tooltip.container
-    }, content);
+    return jsxRuntime.jsx("div", {
+      style: theme.tooltip.container,
+      children: content
+    });
   });
@@ -249,3 +254,3 @@
   };
-  var TableTooltip = React.memo(function (_ref) {
+  var TableTooltip = react.memo(function (_ref) {
     var title = _ref.title,
@@ -262,23 +267,29 @@ _ref$rows = _ref.rows,
     } else {
-      content = React__default.createElement("div", null, title && title, React__default.createElement("table", {
-        style: _objectSpread2(_objectSpread2({}, tableStyle), theme.tooltip.table)
-      }, React__default.createElement("tbody", null, rows.map(function (row, i) {
-        return React__default.createElement("tr", {
-          key: i
-        }, row.map(function (column, j) {
-          return React__default.createElement("td", {
-            key: j,
-            style: theme.tooltip.tableCell
-          }, column);
-        }));
-      }))));
+      content = jsxRuntime.jsxs("div", {
+        children: [title && title, jsxRuntime.jsx("table", {
+          style: _objectSpread2(_objectSpread2({}, tableStyle), theme.tooltip.table),
+          children: jsxRuntime.jsx("tbody", {
+            children: rows.map(function (row, i) {
+              return jsxRuntime.jsx("tr", {
+                children: row.map(function (column, j) {
+                  return jsxRuntime.jsx("td", {
+                    style: theme.tooltip.tableCell,
+                    children: column
+                  }, j);
+                })
+              }, i);
+            })
+          })
+        })]
+      });
     }
 
-    return React__default.createElement("div", {
-      style: theme.tooltip.container
-    }, content);
+    return jsxRuntime.jsx("div", {
+      style: theme.tooltip.container,
+      children: content
+    });
   });
   TableTooltip.displayName = 'TableTooltip';
 
-  var CrosshairLine = React.memo(function (_ref) {
+  var CrosshairLine = react.memo(function (_ref) {
     var x0 = _ref.x0,
@@ -294,3 +305,3 @@ x1 = _ref.x1,
 
-    var style = React.useMemo(function () {
+    var style = react.useMemo(function () {
       return _objectSpread2(_objectSpread2({}, theme.crosshair.line), {}, {
@@ -308,3 +319,3 @@ pointerEvents: 'none'
     });
-    return React__default.createElement(web.animated.line, Object.assign({}, animatedProps, {
+    return jsxRuntime.jsx(web.animated.line, _objectSpread2(_objectSpread2({}, animatedProps), {}, {
       fill: "none",
@@ -316,3 +327,3 @@ style: style
 
-  var Crosshair = React.memo(function (_ref) {
+  var Crosshair = react.memo(function (_ref) {
     var width = _ref.width,
@@ -435,13 +446,15 @@ height = _ref.height,
 
-    return React__default.createElement(React__default.Fragment, null, xLine && React__default.createElement(CrosshairLine, {
-      x0: xLine.x0,
-      x1: xLine.x1,
-      y0: xLine.y0,
-      y1: xLine.y1
-    }), yLine && React__default.createElement(CrosshairLine, {
-      x0: yLine.x0,
-      x1: yLine.x1,
-      y0: yLine.y0,
-      y1: yLine.y1
-    }));
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [xLine && jsxRuntime.jsx(CrosshairLine, {
+        x0: xLine.x0,
+        x1: xLine.x1,
+        y0: xLine.y0,
+        y1: xLine.y1
+      }), yLine && jsxRuntime.jsx(CrosshairLine, {
+        x0: yLine.x0,
+        x1: yLine.x1,
+        y0: yLine.y0,
+        y1: yLine.y1
+      })]
+    });
   });
@@ -455,3 +468,3 @@ Crosshair.displayName = 'Crosshair';
   };
-  var TooltipActionsContext = React.createContext(defaultActions);
+  var TooltipActionsContext = react.createContext(defaultActions);
   var hiddenTooltipState = {
@@ -463,6 +476,6 @@ isVisible: false,
   };
-  var TooltipStateContext = React.createContext(hiddenTooltipState);
+  var TooltipStateContext = react.createContext(hiddenTooltipState);
 
   var useTooltipHandlers = function useTooltipHandlers(container) {
-    var _useState = React.useState(hiddenTooltipState),
+    var _useState = react.useState(hiddenTooltipState),
         _useState2 = _slicedToArray(_useState, 2),
@@ -472,3 +485,3 @@ state = _useState2[0],
 
-    var showTooltipAt = React.useCallback(function (content, _ref) {
+    var showTooltipAt = react.useCallback(function (content, _ref) {
       var _ref2 = _slicedToArray(_ref, 2),
@@ -486,3 +499,3 @@ x = _ref2[0],
     }, [setState]);
-    var showTooltipFromEvent = React.useCallback(function (content, event) {
+    var showTooltipFromEvent = react.useCallback(function (content, event) {
       var anchor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'top';
@@ -504,6 +517,6 @@ var bounds = container.current.getBoundingClientRect();
     }, [container, setState]);
-    var hideTooltip = React.useCallback(function () {
+    var hideTooltip = react.useCallback(function () {
       setState(hiddenTooltipState);
     }, [setState]);
-    var actions = React.useMemo(function () {
+    var actions = react.useMemo(function () {
       return {
@@ -521,3 +534,3 @@ showTooltipAt: showTooltipAt,
   var useTooltip = function useTooltip() {
-    var context = React.useContext(TooltipActionsContext);
+    var context = react.useContext(TooltipActionsContext);
 
@@ -531,3 +544,3 @@ if (context === undefined) {
   var useTooltipState = function useTooltipState() {
-    var context = React.useContext(TooltipStateContext);
+    var context = react.useContext(TooltipStateContext);
 
@@ -551,6 +564,7 @@ if (context === undefined) {
 
-    return React__default.createElement(TooltipWrapper, {
+    return jsxRuntime.jsx(TooltipWrapper, {
       position: state.position,
-      anchor: state.anchor
-    }, state.content);
+      anchor: state.anchor,
+      children: state.content
+    });
   };
@@ -566,7 +580,9 @@
 
-    return React__default.createElement(TooltipActionsContext.Provider, {
-      value: actions
-    }, React__default.createElement(TooltipStateContext.Provider, {
-      value: state
-    }, children));
+    return jsxRuntime.jsx(TooltipActionsContext.Provider, {
+      value: actions,
+      children: jsxRuntime.jsx(TooltipStateContext.Provider, {
+        value: state,
+        children: children
+      })
+    });
   };
@@ -573,0 +589,0 @@

dist/types/BasicTooltip.d.ts

@@ -1,2 +0,2 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ValueFormat } from '@nivo/core';
@@ -14,4 +14,4 @@ interface BasicTooltipProps {
 }
-export declare const BasicTooltip: React.NamedExoticComponent<BasicTooltipProps>;
+export declare const BasicTooltip: import("react").NamedExoticComponent<BasicTooltipProps>;
 export {};
 //# sourceMappingURL=BasicTooltip.d.ts.map

dist/types/Chip.d.ts

@@ -1,2 +0,2 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 interface ChipProps {
@@ -7,4 +7,4 @@ size?: number;
 }
-export declare const Chip: React.NamedExoticComponent<ChipProps>;
+export declare const Chip: import("react").NamedExoticComponent<ChipProps>;
 export {};
 //# sourceMappingURL=Chip.d.ts.map

dist/types/Crosshair.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+/// <reference types="react" />
 import { CrosshairType } from './types';
@@ -10,4 +10,4 @@ interface CrosshairProps {
 }
-export declare const Crosshair: React.MemoExoticComponent<({ width, height, type, x, y }: CrosshairProps) => JSX.Element>;
+export declare const Crosshair: import("react").MemoExoticComponent<({ width, height, type, x, y }: CrosshairProps) => JSX.Element>;
 export {};
 //# sourceMappingURL=Crosshair.d.ts.map

dist/types/CrosshairLine.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+/// <reference types="react" />
 interface CrosshairLineProps {
@@ -8,4 +8,4 @@ x0: number;
 }
-export declare const CrosshairLine: React.MemoExoticComponent<({ x0, x1, y0, y1 }: CrosshairLineProps) => JSX.Element>;
+export declare const CrosshairLine: import("react").MemoExoticComponent<({ x0, x1, y0, y1 }: CrosshairLineProps) => JSX.Element>;
 export {};
 //# sourceMappingURL=CrosshairLine.d.ts.map

dist/types/TableTooltip.d.ts

@@ -1,2 +0,2 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface TableTooltipProps {
@@ -7,4 +7,4 @@ title?: ReactNode;
 }
-export declare const TableTooltip: React.MemoExoticComponent<({ title, rows, renderContent }: TableTooltipProps) => JSX.Element | null>;
+export declare const TableTooltip: import("react").MemoExoticComponent<({ title, rows, renderContent }: TableTooltipProps) => JSX.Element | null>;
 export {};
 //# sourceMappingURL=TableTooltip.d.ts.map

dist/types/TooltipWrapper.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import { PropsWithChildren } from 'react';
 import { TooltipStateContextDataVisible } from './context';
@@ -7,4 +7,4 @@ interface TooltipWrapperProps {
 }
-export declare const TooltipWrapper: React.NamedExoticComponent<React.PropsWithChildren<TooltipWrapperProps>>;
+export declare const TooltipWrapper: import("react").NamedExoticComponent<PropsWithChildren<TooltipWrapperProps>>;
 export {};
 //# sourceMappingURL=TooltipWrapper.d.ts.map

package.json

 {
   "name": "@nivo/tooltip",
-  "version": "0.71.0",
+  "version": "0.72.0",
   "license": "MIT",
@@ -27,6 +27,6 @@ "author": {
   "devDependencies": {
-    "@nivo/core": "0.71.0"
+    "@nivo/core": "0.72.0"
   },
   "peerDependencies": {
-    "@nivo/core": "0.71.0"
+    "@nivo/core": "0.72.0"
   },
@@ -36,3 +36,3 @@ "publishConfig": {
   },
-  "gitHead": "232b613bd61d2b8e5c783f4181b2d14580e2fd27"
+  "gitHead": "26098f6437cd8ab2be166bbc52973dcbb5ee7569"
 }

No alert changes

Improved metrics

Total package byte prevSize

165727

increased by0.41%

Lines of code

1685

increased by3.25%

No dependency changes