@semcore/d3-chart 1.7.1 → 2.0.0

package/lib/cjs/types/Tooltip.d.ts

@@ -0,0 +1,31 @@
+import { ComponentProps } from 'react';
+import Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';
+import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+import IContext from './context';
+
+export interface ITooltipProps extends IPopperProps, IPopperTriggerProps, IContext {
+  /** Field from data for XAxis */
+  x?: string;
+  /** Field from data for YAxis */
+  y?: string;
+}
+
+export interface ITooltipContext {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  /** Index active value for Axis x */
+  xIndex: number | null;
+  /** Index active value for Axis y */
+  yIndex: number | null;
+}
+
+declare const Tooltip: (<T>(props: CProps<ITooltipProps & T, ITooltipContext>) => ReturnEl) & {
+  Trigger: <T>(props: CProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;
+  Popper: <T>(props: CProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;
+  Title: <T>(props: CProps<IBoxProps & T>) => ReturnEl;
+  Dot: <T>(props: CProps<IBoxProps & { color?: string } & T>) => ReturnEl;
+  Footer: <T>(props: CProps<T>) => null;
+};
+
+export default Tooltip;

package/lib/cjs/types/Venn.d.ts

@@ -0,0 +1,45 @@
+import { CProps, ReturnEl } from '@semcore/core';
+import IContext from './context';
+import { IFadeInOutProps } from '@semcore/animation';
+
+export interface IVennProps extends IContext, IFadeInOutProps {
+  /**
+   * Rotate sets in the chart
+   * @default Math.PI / 2
+   */
+  orientation?: number;
+  /**
+   * The function for sorting sets inside the chart
+   * @default (circle1, circle2) => circle2.radius - circle1.radius
+   */
+  orientationOrder?: (c1: number, c2: number) => number;
+}
+
+export interface ICircleProps extends IContext {
+  /**
+   * Name of the field in the data
+   * */
+  dataKey: string;
+  /** Color circle
+   @default #3AB011
+   **/
+  color?: string;
+  /** Animation duration in ms
+   * @default 500
+   */
+  duration?: number;
+}
+
+export interface IIntersectionProps extends IContext, IFadeInOutProps {
+  /**
+   * Name of the field in the data
+   * */
+  dataKey: string;
+}
+
+declare const Venn: (<T>(props: CProps<IVennProps & T>) => ReturnEl) & {
+  Circle: <T>(props: CProps<ICircleProps & T>) => ReturnEl;
+  Intersection: <T>(props: CProps<IIntersectionProps & T>) => ReturnEl;
+};
+
+export default Venn;

package/lib/cjs/types/context.d.ts

@@ -0,0 +1,6 @@
+export default interface IContext {
+  /** Data for graphic */
+  data?: any;
+  /** Scale for svg element */
+  scale?: any[];
+}

package/lib/cjs/types/index.d.ts

@@ -0,0 +1,53 @@
+// Utils
+export declare function minMax(data: any, key: string | number): any;
+
+// Color
+export declare const colors: { [key: string]: string };
+
+export { default as Plot } from './Plot';
+export * from './Plot';
+
+export * from './Axis';
+export * from './Hover';
+
+export { default as ResponsiveContainer } from './ResponsiveContainer';
+export * from './ResponsiveContainer';
+
+export { default as Line } from './Line';
+export * from './Line';
+
+export { default as Bar } from './Bar';
+export * from './Bar';
+
+export { default as HorizontalBar } from './HorizontalBar';
+export * from './HorizontalBar';
+
+export { default as GroupBar } from './GroupBar';
+export * from './GroupBar';
+
+export { default as StackBar } from './StackBar';
+export * from './StackBar';
+
+export { default as Area } from './Area';
+export * from './Area';
+
+export { default as StackedArea } from './StackedArea';
+export * from './StackedArea';
+
+/** It becomes resolvable after building and moving file to lib dir */
+// eslint-disable-next-line import/no-unresolved
+export { default as RadialTree } from './RadialTree';
+// eslint-disable-next-line import/no-unresolved
+export * from './RadialTree';
+
+export { default as Donut } from './Donut';
+export * from './Donut';
+
+export { default as Tooltip } from './Tooltip';
+export * from './Tooltip';
+
+export { default as ScatterPlot } from './ScatterPlot';
+export * from './ScatterPlot';
+
+export { default as Bubble } from './Bubble';
+export * from './Bubble';

package/lib/cjs/utils.js

@@ -5,17 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CONSTANT = void 0;
-exports.definedData = definedData;
-exports.definedNullData = definedNullData;
-exports.eventToPoint = eventToPoint;
-exports.getBandwidth = getBandwidth;
-exports.getIndexFromData = getIndexFromData;
-exports.getNullData = getNullData;
-exports.invert = invert;
-exports.minMax = minMax;
-exports.roundedPath = roundedPath;
-exports.scaleOfBandwidth = scaleOfBandwidth;
+exports.scaleOfBandwidth = exports.roundedPath = exports.minMax = exports.memoize = exports.measureText = exports.invert = exports.getNullData = exports.getIndexFromData = exports.getBandwidth = exports.eventToPoint = exports.definedNullData = exports.definedData = exports.CONSTANT = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -23,6 +13,12 @@ var _d3Array = require("d3-array");
 
 var _d3Scale = require("d3-scale");
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 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) { (0, _defineProperty2["default"])(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; }
@@ -32,36 +28,46 @@ var CONSTANT = {
 };
 exports.CONSTANT = CONSTANT;
 
-function eventToPoint(event, svgRoot) {
+var eventToPoint = function eventToPoint(event, svgRoot) {
   var node = event.currentTarget || event.target;
   var rect = svgRoot.getBoundingClientRect();
   return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
-}
+};
+
+exports.eventToPoint = eventToPoint;
 
-function invert(scale, value) {
+var invert = function invert(scale, value) {
   if (scale.invert) return scale.invert(value);
   var range = scale.range();
   var domain = scale.domain();
   return (0, _d3Scale.scaleQuantize)().domain(range[0] <= range[1] ? range : range.slice().reverse()).range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);
-}
+};
+
+exports.invert = invert;
 
-function definedNullData(x, y) {
-  return function (p) {
-    return p[x] !== null && p[y] !== null;
+var definedNullData = function definedNullData(x, y) {
+  return function (plot) {
+    return plot[x] !== null && plot[y] !== null;
   };
-}
+};
+
+exports.definedNullData = definedNullData;
 
-function definedData(x, y) {
-  return function (p) {
-    return p[x] !== null && p[x] !== undefined && p[y] !== null && p[y] !== undefined;
+var definedData = function definedData(x, y) {
+  return function (plot) {
+    return plot[x] !== null && plot[x] !== undefined && plot[y] !== null && plot[y] !== undefined;
   };
-}
+};
 
-function scaleOfBandwidth(scale, value) {
+exports.definedData = definedData;
+
+var scaleOfBandwidth = function scaleOfBandwidth(scale, value) {
   return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);
-}
+};
 
-function minMax(data, key) {
+exports.scaleOfBandwidth = scaleOfBandwidth;
+
+var minMax = function minMax(data, key) {
   if (typeof key === 'string') {
     return (0, _d3Array.extent)(data, function (d) {
       return d[key];
@@ -69,9 +75,11 @@ function minMax(data, key) {
   }
 
   return (0, _d3Array.extent)(data, key);
-}
+};
+
+exports.minMax = minMax;
 
-function getNullData(data, defined, name) {
+var getNullData = function getNullData(data, defined, name) {
   return data.reduce(function (acc, d, i, data) {
     if (defined(d)) {
       acc.push((0, _defineProperty2["default"])({}, name, null));
@@ -102,9 +110,11 @@ function getNullData(data, defined, name) {
 
     return acc;
   }, []);
-}
+};
+
+exports.getNullData = getNullData;
 
-function getIndexFromData(data, scale, key, value) {
+var getIndexFromData = function getIndexFromData(data, scale, key, value) {
   // detect line chart
   if ('invert' in scale && typeof scale.invert === 'function') {
     var bisect = (0, _d3Array.bisector)(function (d) {
@@ -118,59 +128,63 @@ function getIndexFromData(data, scale, key, value) {
     });
     return index >= 0 ? index : null;
   } else {
+    // eslint-disable-next-line no-console
     console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');
     return null;
   }
-}
+};
+
+exports.getIndexFromData = getIndexFromData;
 
-function roundedPath(x, y, w, h, r) {
+var roundedPath = function roundedPath(x, y, w, h, r) {
   var tl = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var tr = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var bl = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var br = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
-  var retval;
-  retval = 'M' + (x + r) + ',' + y;
-  retval += 'h' + (w - 2 * r);
+  var result = 'M' + (x + r) + ',' + y;
+  result += 'h' + (w - 2 * r);
 
   if (tr) {
-    retval += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;
+    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;
   } else {
-    retval += 'h' + r;
-    retval += 'v' + r;
+    result += 'h' + r;
+    result += 'v' + r;
   }
 
-  retval += 'v' + (h - 2 * r);
+  result += 'v' + (h - 2 * r);
 
   if (br) {
-    retval += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;
+    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;
   } else {
-    retval += 'v' + r;
-    retval += 'h' + -r;
+    result += 'v' + r;
+    result += 'h' + -r;
   }
 
-  retval += 'h' + (2 * r - w);
+  result += 'h' + (2 * r - w);
 
   if (bl) {
-    retval += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;
+    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;
   } else {
-    retval += 'h' + -r;
-    retval += 'v' + -r;
+    result += 'h' + -r;
+    result += 'v' + -r;
   }
 
-  retval += 'v' + (2 * r - h);
+  result += 'v' + (2 * r - h);
 
   if (tl) {
-    retval += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;
+    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;
   } else {
-    retval += 'v' + -r;
-    retval += 'h' + r;
+    result += 'v' + -r;
+    result += 'h' + r;
   }
 
-  retval += 'z';
-  return retval;
-}
+  result += 'z';
+  return result;
+};
 
-function getBandwidth(scale) {
+exports.roundedPath = roundedPath;
+
+var getBandwidth = function getBandwidth(scale) {
   if ('bandwidth' in scale) {
     return scale.bandwidth();
   }
@@ -178,5 +192,56 @@ function getBandwidth(scale) {
   var range = scale.range();
   var domain = scale.domain();
   return Math.abs(range[range.length - 1] - range[0]) / domain.length;
-}
+};
+
+exports.getBandwidth = getBandwidth;
+
+var memoize = function memoize(func) {
+  var results = {};
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var argsKey = args.join(',');
+
+    if (!results[argsKey]) {
+      results[argsKey] = func.apply(void 0, args);
+    }
+
+    return results[argsKey];
+  };
+};
+
+exports.memoize = memoize;
+var measureText = memoize(function (text, fontSize) {
+  if (!text) return 0;
+  var span = document.createElement('span');
+
+  if (fontSize) {
+    span.style.fontSize = "".concat(fontSize, "px");
+  }
+
+  var _iterator = _createForOfIteratorHelper(text.split('\n')),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var line = _step.value;
+      span.append(document.createTextNode(line));
+      span.append(document.createElement('br'));
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  span.style.display = 'inline-block';
+  document.body.append(span);
+  var textWidth = span.offsetWidth;
+  span.remove();
+  return textWidth;
+});
+exports.measureText = measureText;
 //# sourceMappingURL=utils.js.map

package/lib/cjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.js"],"names":["CONSTANT","VIRTUAL_ELEMENT","Symbol","eventToPoint","event","svgRoot","node","currentTarget","target","rect","getBoundingClientRect","clientX","left","clientLeft","clientY","top","clientTop","invert","scale","value","range","domain","slice","reverse","definedNullData","x","y","p","definedData","undefined","scaleOfBandwidth","bandwidth","minMax","data","key","d","getNullData","defined","name","reduce","acc","i","push","prev","next","defNext","find","length","defPrev","getIndexFromData","bisect","center","step","index","findIndex","console","warn","roundedPath","w","h","r","tl","tr","bl","br","retval","getBandwidth","Math","abs"],"mappings":"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","sourcesContent":["import { extent, bisector } from 'd3-array';\nimport { scaleQuantize } from 'd3-scale';\n\nconst CONSTANT = {\n  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),\n};\n\nexport { CONSTANT };\n\nexport function eventToPoint(event, svgRoot) {\n  const node = event.currentTarget || event.target;\n  const rect = svgRoot.getBoundingClientRect();\n  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];\n}\n\nexport function invert(scale, value) {\n  if (scale.invert) return scale.invert(value);\n\n  const range = scale.range();\n  const domain = scale.domain();\n\n  return scaleQuantize()\n    .domain(range[0] <= range[1] ? range : range.slice().reverse())\n    .range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);\n}\n\nexport function definedNullData(x, y) {\n  return (p) => p[x] !== null && p[y] !== null;\n}\n\nexport function definedData(x, y) {\n  return (p) => {\n    return p[x] !== null && p[x] !== undefined && p[y] !== null && p[y] !== undefined;\n  };\n}\n\nexport function scaleOfBandwidth(scale, value) {\n  return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);\n}\n\nexport function minMax(data, key) {\n  if (typeof key === 'string') {\n    return extent(data, (d) => d[key]);\n  }\n  return extent(data, key);\n}\n\nexport function getNullData(data, defined, name) {\n  return data.reduce((acc, d, i, data) => {\n    if (defined(d)) {\n      acc.push({\n        [name]: null,\n      });\n    } else {\n      const prev = data[i - 1];\n      const next = data[i + 1];\n\n      if (i === 0) {\n        const defNext = data.find(defined);\n        acc.push({\n          ...d,\n          [name]: defNext ? defNext[name] : null,\n        });\n      }\n\n      // prev\n      if (prev && defined(prev)) {\n        acc.push(prev);\n      }\n\n      // next\n      if (next && defined(next)) {\n        acc.push(next);\n      }\n\n      if (data.length - 1 === i) {\n        const defPrev = data.slice().reverse().find(defined);\n        acc.push({\n          ...d,\n          [name]: defPrev ? defPrev[name] : null,\n        });\n      }\n    }\n    return acc;\n  }, []);\n}\n\nexport function getIndexFromData(data, scale, key, value) {\n  // detect line chart\n  if ('invert' in scale && typeof scale.invert === 'function') {\n    const bisect = bisector((d) => d[key]).center;\n    return bisect(data, value);\n  }\n  // detect bar chart\n  else if ('step' in scale && typeof scale.step !== 'undefined') {\n    const index = data.findIndex((d) => d[key] === value);\n    return index >= 0 ? index : null;\n  } else {\n    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');\n    return null;\n  }\n}\n\nexport function roundedPath(x, y, w, h, r, tl = false, tr = false, bl = false, br = false) {\n  let retval;\n  retval = 'M' + (x + r) + ',' + y;\n  retval += 'h' + (w - 2 * r);\n  if (tr) {\n    retval += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;\n  } else {\n    retval += 'h' + r;\n    retval += 'v' + r;\n  }\n  retval += 'v' + (h - 2 * r);\n  if (br) {\n    retval += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;\n  } else {\n    retval += 'v' + r;\n    retval += 'h' + -r;\n  }\n  retval += 'h' + (2 * r - w);\n  if (bl) {\n    retval += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;\n  } else {\n    retval += 'h' + -r;\n    retval += 'v' + -r;\n  }\n  retval += 'v' + (2 * r - h);\n  if (tl) {\n    retval += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;\n  } else {\n    retval += 'v' + -r;\n    retval += 'h' + r;\n  }\n  retval += 'z';\n  return retval;\n}\n\nexport function getBandwidth(scale) {\n  if ('bandwidth' in scale) {\n    return scale.bandwidth();\n  }\n\n  const range = scale.range();\n  const domain = scale.domain();\n  return Math.abs(range[range.length - 1] - range[0]) / domain.length;\n}\n"],"file":"utils.js"}
+{"version":3,"sources":["../../src/utils.ts"],"names":["CONSTANT","VIRTUAL_ELEMENT","Symbol","eventToPoint","event","svgRoot","node","currentTarget","target","rect","getBoundingClientRect","clientX","left","clientLeft","clientY","top","clientTop","invert","scale","value","range","domain","slice","reverse","definedNullData","x","y","plot","definedData","undefined","scaleOfBandwidth","bandwidth","minMax","data","key","d","getNullData","defined","name","reduce","acc","i","push","prev","next","defNext","find","length","defPrev","getIndexFromData","bisect","center","step","index","findIndex","console","warn","roundedPath","w","h","r","tl","tr","bl","br","result","getBandwidth","Math","abs","memoize","func","results","args","argsKey","join","measureText","text","fontSize","span","document","createElement","style","split","line","append","createTextNode","display","body","textWidth","offsetWidth","remove"],"mappings":"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","sourcesContent":["import { extent, bisector, Numeric } from 'd3-array';\nimport {\n  scaleQuantize,\n  ScaleIdentity,\n  ScaleTime,\n  ScaleContinuousNumeric,\n  ScaleBand,\n  ScalePoint,\n  NumberValue,\n} from 'd3-scale';\nimport React from 'react';\n\nconst CONSTANT = {\n  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),\n} as const;\n\nexport { CONSTANT };\n\nexport const eventToPoint = (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => {\n  const node = (event.currentTarget || event.target) as HTMLElement;\n  const rect = svgRoot.getBoundingClientRect();\n  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];\n};\n\ntype InvertableScale =\n  | ScaleIdentity\n  | ScaleTime<unknown, unknown>\n  | ScaleContinuousNumeric<unknown, unknown>;\nexport const invert = <Scale extends InvertableScale = InvertableScale>(\n  scale: Scale,\n  value: number,\n) => {\n  if (scale.invert) return scale.invert(value);\n\n  const range = scale.range() as number[];\n  const domain = scale.domain();\n\n  return scaleQuantize()\n    .domain((range[0] <= range[1] ? range : range.slice().reverse()) as NumberValue[])\n    .range((range[0] <= range[1] ? domain : domain.slice().reverse()) as number[])(value);\n};\n\nexport const definedNullData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>\n  plot[x] !== null && plot[y] !== null;\n\nexport const definedData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>\n  plot[x] !== null && plot[x] !== undefined && plot[y] !== null && plot[y] !== undefined;\n\nexport const scaleOfBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale, value: number) =>\n  scale.bandwidth ? scale(value)! + scale.bandwidth() / 2 : scale(value);\n\nexport const minMax = <\n  Key extends string = string,\n  Data extends Iterable<{ [key in Key]: Numeric | null | undefined }> = Iterable<{\n    [key in Key]: Numeric | null | undefined;\n  }>,\n>(\n  data: Data,\n  key: Key,\n) => {\n  if (typeof key === 'string') {\n    return extent(data, (d) => d[key]);\n  }\n  return extent(data, key);\n};\n\nexport const getNullData = <\n  Name extends string = string,\n  Data extends { [name in Name]?: unknown | null } = {},\n>(\n  data: Data[],\n  defined: (data: Data) => boolean,\n  name: Name,\n) =>\n  data.reduce((acc, d, i, data) => {\n    if (defined(d)) {\n      acc.push({\n        [name]: null,\n      } as Data);\n    } else {\n      const prev = data[i - 1];\n      const next = data[i + 1];\n\n      if (i === 0) {\n        const defNext = data.find(defined);\n        acc.push({\n          ...d,\n          [name]: defNext ? defNext[name] : null,\n        });\n      }\n\n      // prev\n      if (prev && defined(prev)) {\n        acc.push(prev);\n      }\n\n      // next\n      if (next && defined(next)) {\n        acc.push(next);\n      }\n\n      if (data.length - 1 === i) {\n        const defPrev = data.slice().reverse().find(defined);\n        acc.push({\n          ...d,\n          [name]: defPrev ? defPrev[name] : null,\n        });\n      }\n    }\n    return acc;\n  }, [] as Data[]);\n\ntype IndexFromDataScale =\n  | ScaleIdentity\n  | ScaleTime<unknown, unknown>\n  | ScaleContinuousNumeric<unknown, unknown>\n  | ScaleBand<{}>\n  | ScalePoint<{}>;\nexport const getIndexFromData = <\n  Data extends {\n    [key: string]: number;\n  } = {},\n  Scale extends IndexFromDataScale = IndexFromDataScale,\n>(\n  data: Data[],\n  scale: Scale,\n  key: string,\n  value: number,\n) => {\n  // detect line chart\n  if ('invert' in scale && typeof scale.invert === 'function') {\n    const bisect = bisector((d: { [key: string]: number }) => d[key]).center;\n    return bisect(data, value);\n  }\n  // detect bar chart\n  else if ('step' in scale && typeof scale.step !== 'undefined') {\n    const index = data.findIndex((d) => d[key] === value);\n    return index >= 0 ? index : null;\n  } else {\n    // eslint-disable-next-line no-console\n    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');\n    return null;\n  }\n};\n\nexport const roundedPath = (\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n  tl = false,\n  tr = false,\n  bl = false,\n  br = false,\n) => {\n  let result = 'M' + (x + r) + ',' + y;\n  result += 'h' + (w - 2 * r);\n  if (tr) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;\n  } else {\n    result += 'h' + r;\n    result += 'v' + r;\n  }\n  result += 'v' + (h - 2 * r);\n  if (br) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;\n  } else {\n    result += 'v' + r;\n    result += 'h' + -r;\n  }\n  result += 'h' + (2 * r - w);\n  if (bl) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;\n  } else {\n    result += 'h' + -r;\n    result += 'v' + -r;\n  }\n  result += 'v' + (2 * r - h);\n  if (tl) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;\n  } else {\n    result += 'v' + -r;\n    result += 'h' + r;\n  }\n  result += 'z';\n  return result;\n};\n\nexport const getBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale) => {\n  if ('bandwidth' in scale) {\n    return scale.bandwidth();\n  }\n\n  const range = scale.range();\n  const domain = scale.domain();\n  return Math.abs(range[range.length - 1] - range[0]) / domain.length;\n};\n\nexport const memoize = <Func extends (...args: any[]) => any>(func: Func): Func => {\n  const results: { [cacheKey: string]: any } = {};\n  return ((...args: any[]) => {\n    const argsKey = args.join(',');\n    if (!results[argsKey]) {\n      results[argsKey] = func(...args);\n    }\n    return results[argsKey];\n  }) as Func;\n};\n\nexport const measureText = memoize((text: string, fontSize?: number) => {\n  if (!text) return 0;\n\n  const span = document.createElement('span');\n  if (fontSize) {\n    span.style.fontSize = `${fontSize}px`;\n  }\n  for (const line of text.split('\\n')) {\n    span.append(document.createTextNode(line));\n    span.append(document.createElement('br'));\n  }\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textWidth = span.offsetWidth;\n  span.remove();\n  return textWidth;\n});\n"],"file":"utils.js"}

package/lib/es6/Area.js

@@ -25,18 +25,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_cehn5_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_cehn5_gg_.__color_cehn5_gg_{fill:var(--color_clbofp)}.___SAreaLine_cehn5_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_cehn5_gg_.__color_cehn5_gg_{stroke:var(--color_clbofp)}.___SArea_cehn5_gg_,.___SAreaLine_cehn5_gg_{transition-property:d;transition-duration:var(--duration_clbofp);transition-timing-function:ease-in-out}.___SNull_cehn5_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_cehn5_gg_.__hide_cehn5_gg_{display:none}"
+".___SArea_1iyoe_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1iyoe_gg_.__color_1iyoe_gg_{fill:var(--color_14tehk4)}.___SAreaLine_1iyoe_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1iyoe_gg_.__color_1iyoe_gg_{stroke:var(--color_14tehk4)}.___SArea_1iyoe_gg_,.___SAreaLine_1iyoe_gg_{transition-property:d;transition-duration:var(--duration_14tehk4);transition-timing-function:ease-in-out}.___SNull_1iyoe_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1iyoe_gg_.__hide_1iyoe_gg_{display:none}"
 /*__inner_css_end__*/
-, "clbofp_gg_")
+, "14tehk4_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_cehn5_gg_",
-  "_color": "__color_cehn5_gg_",
-  "--color": "--color_clbofp",
-  "__SAreaLine": "___SAreaLine_cehn5_gg_",
-  "--duration": "--duration_clbofp",
-  "__SNull": "___SNull_cehn5_gg_",
-  "_hide": "__hide_cehn5_gg_"
+  "__SArea": "___SArea_1iyoe_gg_",
+  "_color": "__color_1iyoe_gg_",
+  "--color": "--color_14tehk4",
+  "__SAreaLine": "___SAreaLine_1iyoe_gg_",
+  "--duration": "--duration_14tehk4",
+  "__SNull": "___SNull_1iyoe_gg_",
+  "_hide": "__hide_1iyoe_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Axis.js

@@ -27,22 +27,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_j24dv_gg_{stroke:#a6b0b3}.___SAxis_j24dv_gg_.__hide_j24dv_gg_{display:none}.___STick_j24dv_gg_{font-size:12px;fill:#757575}.___STick_j24dv_gg_.__hide_j24dv_gg_{display:none}.___SGrid_j24dv_gg_{fill:transparent;stroke:#dee3e5}.___STitle_j24dv_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_j24dv_gg_._position_top_j24dv_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_j24dv_gg_._position_bottom_j24dv_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_j24dv_gg_._position_right_j24dv_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_j24dv_gg_._position_left_j24dv_gg_{transform:rotate(-90deg);text-anchor:end;transform-box:fill-box;alignment-baseline:middle}.___STick_j24dv_gg_._position_top_j24dv_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_j24dv_gg_._position_bottom_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_right_j24dv_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_j24dv_gg_._position_left_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_j24dv_gg_._position_custom_0_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_custom_1_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_1uh3e_gg_{stroke:#c4c7cf}.___SAxis_1uh3e_gg_.__hide_1uh3e_gg_{display:none}.___STick_1uh3e_gg_{font-size:12px;fill:#6c6e79}.___STick_1uh3e_gg_.__hide_1uh3e_gg_{display:none}.___SGrid_1uh3e_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_1uh3e_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_10rkj03)}.___STitle_1uh3e_gg_._position_top_1uh3e_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_1uh3e_gg_._position_bottom_1uh3e_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_1uh3e_gg_._position_right_1uh3e_gg_{transform:rotate(-90deg);alignment-baseline:middle}.___STitle_1uh3e_gg_._position_left_1uh3e_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_1uh3e_gg_._position_top_1uh3e_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1uh3e_gg_._position_bottom_1uh3e_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1uh3e_gg_._position_right_1uh3e_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1uh3e_gg_._position_left_1uh3e_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1uh3e_gg_._position_custom_0_1uh3e_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1uh3e_gg_._position_custom_1_1uh3e_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "8vu5zg_gg_")
+, "10rkj03_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_j24dv_gg_",
-  "_hide": "__hide_j24dv_gg_",
-  "__STick": "___STick_j24dv_gg_",
-  "__SGrid": "___SGrid_j24dv_gg_",
-  "__STitle": "___STitle_j24dv_gg_",
-  "_position_top": "_position_top_j24dv_gg_",
-  "_position_bottom": "_position_bottom_j24dv_gg_",
-  "_position_right": "_position_right_j24dv_gg_",
-  "_position_left": "_position_left_j24dv_gg_",
-  "_position_custom_0": "_position_custom_0_j24dv_gg_",
-  "_position_custom_1": "_position_custom_1_j24dv_gg_"
+  "__SAxis": "___SAxis_1uh3e_gg_",
+  "_hide": "__hide_1uh3e_gg_",
+  "__STick": "___STick_1uh3e_gg_",
+  "__SGrid": "___SGrid_1uh3e_gg_",
+  "__STitle": "___STitle_1uh3e_gg_",
+  "--transform-origin": "--transform-origin_10rkj03",
+  "_position_top": "_position_top_1uh3e_gg_",
+  "_position_bottom": "_position_bottom_1uh3e_gg_",
+  "_position_right": "_position_right_1uh3e_gg_",
+  "_position_left": "_position_left_1uh3e_gg_",
+  "_position_custom_0": "_position_custom_0_1uh3e_gg_",
+  "_position_custom_1": "_position_custom_1_1uh3e_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');
@@ -345,7 +346,7 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref, _MAP_POSITION_AXIS$po;
+      var _ref;
 
       var SAxis = this.Element;
       var _this$asProps3 = this.asProps,
@@ -354,7 +355,7 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
           scale = _this$asProps3.scale,
           hide = _this$asProps3.hide,
           indexScale = _this$asProps3.indexScale;
-      var pos = (_MAP_POSITION_AXIS$po = MAP_POSITION_AXIS[position]) !== null && _MAP_POSITION_AXIS$po !== void 0 ? _MAP_POSITION_AXIS$po : MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
+      var pos = MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SAxis, _ref.cn("SAxis", _objectSpread({
         "render": "line",
         "hide": hide
@@ -370,8 +371,6 @@ _defineProperty(AxisRoot, "displayName", 'Axis');
 _defineProperty(AxisRoot, "style", style);
 
 function Ticks(props) {
-  var _MAP_POSITION_TICK$po;
-
   var STick = props.Element,
       styles = props.styles,
       scale = props.scale,
@@ -379,7 +378,7 @@ function Ticks(props) {
       position = props.position,
       hide = props.hide,
       indexScale = props.indexScale;
-  var pos = (_MAP_POSITION_TICK$po = MAP_POSITION_TICK[position]) !== null && _MAP_POSITION_TICK$po !== void 0 ? _MAP_POSITION_TICK$po : MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
+  var pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
   var positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;
   return ticks.map(function (value, i) {
     var _ref2;
@@ -420,11 +419,24 @@ function Title(props) {
       styles = props.styles,
       scale = props.scale,
       position = props.position;
-  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref4.cn("STitle", _objectSpread({
+
+  var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale),
+      x = _MAP_POSITION_TITlE$p.x,
+      y = _MAP_POSITION_TITlE$p.y;
+
+  var sstyles = sstyled(styles);
+  var sTitleStyles = sstyles.cn('STitle', {
+    'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
+  });
+  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref4.cn("STitle", {
     "render": "text",
     "childrenPosition": "inside",
-    "position": position
-  }, MAP_POSITION_TITlE[position](scale))));
+    "position": position,
+    "className": sTitleStyles.className,
+    "style": sTitleStyles.style,
+    "x": x,
+    "y": y
+  }));
 }
 
 var XAxis = createElement(AxisRoot, {