@semcore/d3-chart 1.7.0 → 1.9.0

package/lib/es6/utils.js

@@ -1,5 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
+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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -10,31 +16,31 @@ var CONSTANT = {
   VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT')
 };
 export { CONSTANT };
-export function eventToPoint(event, svgRoot) {
+export 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];
-}
-export function invert(scale, value) {
+};
+export var invert = function invert(scale, value) {
   if (scale.invert) return scale.invert(value);
   var range = scale.range();
   var domain = scale.domain();
   return scaleQuantize().domain(range[0] <= range[1] ? range : range.slice().reverse()).range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);
-}
-export function definedNullData(x, y) {
-  return function (p) {
-    return p[x] !== null && p[y] !== null;
+};
+export var definedNullData = function definedNullData(x, y) {
+  return function (plot) {
+    return plot[x] !== null && plot[y] !== null;
   };
-}
-export function definedData(x, y) {
-  return function (p) {
-    return p[x] !== null && p[x] !== undefined && p[y] !== null && p[y] !== undefined;
+};
+export var definedData = function definedData(x, y) {
+  return function (plot) {
+    return plot[x] !== null && plot[x] !== undefined && plot[y] !== null && plot[y] !== undefined;
   };
-}
-export function scaleOfBandwidth(scale, value) {
+};
+export var scaleOfBandwidth = function scaleOfBandwidth(scale, value) {
   return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);
-}
-export function minMax(data, key) {
+};
+export var minMax = function minMax(data, key) {
   if (typeof key === 'string') {
     return extent(data, function (d) {
       return d[key];
@@ -42,8 +48,8 @@ export function minMax(data, key) {
   }
 
   return extent(data, key);
-}
-export function getNullData(data, defined, name) {
+};
+export var getNullData = function getNullData(data, defined, name) {
   return data.reduce(function (acc, d, i, data) {
     if (defined(d)) {
       acc.push(_defineProperty({}, name, null));
@@ -74,8 +80,8 @@ export function getNullData(data, defined, name) {
 
     return acc;
   }, []);
-}
-export function getIndexFromData(data, scale, key, value) {
+};
+export var getIndexFromData = function getIndexFromData(data, scale, key, value) {
   // detect line chart
   if ('invert' in scale && typeof scale.invert === 'function') {
     var bisect = bisector(function (d) {
@@ -89,57 +95,57 @@ export 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;
   }
-}
-export function roundedPath(x, y, w, h, r) {
+};
+export 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;
-}
-export function getBandwidth(scale) {
+  result += 'z';
+  return result;
+};
+export var getBandwidth = function getBandwidth(scale) {
   if ('bandwidth' in scale) {
     return scale.bandwidth();
   }
@@ -147,5 +153,50 @@ export function getBandwidth(scale) {
   var range = scale.range();
   var domain = scale.domain();
   return Math.abs(range[range.length - 1] - range[0]) / domain.length;
-}
+};
+export 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];
+  };
+};
+export 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;
+});
 //# sourceMappingURL=utils.js.map

package/lib/es6/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.js"],"names":["extent","bisector","scaleQuantize","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":["extent","bisector","scaleQuantize","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/types/RadialTree.d.ts

@@ -0,0 +1,202 @@
+import React from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+declare type RadianData = {
+    /**
+     * Text label on the end of radian.
+     */
+    label: string;
+    /**
+     * Radian key. Radian, which `key` is equal to `activeKey` is displayed as active.
+     */
+    key: string;
+    /**
+     * Size of the cap (filled circle on the end of the radian).
+     * @default 16
+     */
+    capSize?: number;
+    /**
+     * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).
+     */
+    icon?: React.FC;
+    /**
+     * Color of radian's line, cap and label.
+     * @default #008FF8
+     */
+    color?: string;
+    /**
+     * Color of icon.
+     * @default #fff
+     */
+    iconColor?: string;
+    /**
+     * Size of icon.
+     * @default 16
+     */
+    iconSize?: number;
+};
+export interface IRadialTreeProps {
+    /**
+     * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`
+     */
+    data: RadianData[];
+    /**
+     * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.
+     * @default 0
+     */
+    angleOffset?: number;
+    /**
+     * Duration of appear and update animation.
+     * @default 300
+     */
+    duration?: number;
+    /**
+     * Gap between the chart center and radians start point.
+     * @default 50
+     */
+    centralMargin?: number;
+    /**
+     * Gap around text label.
+     * @default 2
+     */
+    labelMargin?: number;
+    /**
+     * Color of all radian's line, cap and label.
+     * @default #008FF8
+     */
+    color?: string;
+    /**
+     * Size of the cap (filled circle on the end of the radian).
+     * @default 16
+     */
+    capSize?: number;
+    /**
+     * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).
+     */
+    icon?: React.FC;
+    /**
+     * Color of icon.
+     * @default #fff
+     */
+    iconColor?: string;
+    /**
+     * Size of icon.
+     * @default 16
+     */
+    iconSize?: number;
+    /**
+     * Text size in radians' labels. 1.5x is used as default text size of center text.
+     * @default 14
+     */
+    textSize?: number;
+    /**
+     * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.
+     */
+    activeKey?: string | null;
+    /**
+     * Default value for `activeKey` property.
+     */
+    defaultActiveKey?: string | null;
+}
+export interface IRadialTreeRadianProps extends IRadialTreeProps {
+    radiansCount?: number;
+    textWidth?: number;
+    onRadianClick?: (key: string) => (event: React.MouseEvent) => void;
+}
+export interface IRadialTreeRadianInteractiveAreaProps {
+    x1?: number;
+    y1?: number;
+    x2?: number;
+    y2?: number;
+    strokeWidth?: number;
+}
+export interface IRadialTreeRadianLineProps {
+    x1?: number;
+    y1?: number;
+    x2?: number;
+    y2?: number;
+    stroke?: string;
+    ['data-radial-animation']?: `${string}-line`;
+    ['data-radian-index']?: number;
+}
+declare type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
+    Element: React.FC<{
+        render: string;
+    } & React.SVGProps<any>>;
+    styles: React.CSSProperties;
+};
+declare const Line: React.FC<RadialTreeRadianLineAsProps>;
+export interface IRadialTreeRadianCapProps {
+    x?: number;
+    y?: number;
+    radius?: number;
+    color?: string;
+    ['data-radial-animation']?: `${string}-cap-circle`;
+    ['data-radian-index']?: number;
+}
+declare type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
+    Element: React.FC<{
+        render: string;
+    } & React.SVGProps<any>>;
+    styles: React.CSSProperties;
+};
+declare const Cap: React.FC<RadialTreeRadianCapAsProps>;
+export interface IRadialTreeRadianIconProps {
+    x?: number;
+    y?: number;
+    iconSize?: number;
+    color?: string;
+    ['data-radial-animation']?: `${string}-cap-icon`;
+    ['data-radian-index']?: number;
+    tag?: React.FC;
+    isActive?: boolean;
+}
+declare type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
+    Element: React.FC<{
+        render: string | React.FC;
+    } & React.SVGProps<any>>;
+    x: number;
+    y: number;
+    iconSize: number;
+    styles: React.CSSProperties;
+};
+declare const Icon: React.FC<RadialTreeRadianIconAsProps>;
+export interface IRadialTreeRadianLabelProps {
+    x?: number;
+    y?: number;
+    color?: string;
+    textSize?: number;
+    ['data-radial-animation']?: `${string}-label`;
+    ['data-radian-index']?: number;
+    label?: string;
+    isHorizontal?: boolean;
+    angle?: number;
+}
+declare type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
+    Element: React.FC<{
+        render: string;
+    } & React.SVGProps<any>>;
+    Children: React.FC;
+    styles: React.CSSProperties;
+    x: number;
+    y: number;
+    angle: number;
+    textSize: number;
+};
+declare const Label: React.FC<RadialTreeRadianLabelAsProps>;
+export interface IRadialTreeTitleProps {
+    x?: number;
+    y?: number;
+    textSize?: number;
+    ['data-radial-animation']?: `${string}-label`;
+    color?: string;
+}
+declare const RadialTree: (<T>(props: CProps<IRadialTreeProps & T, {}, {}>) => ReturnEl) & {
+    Title: <T_1>(props: CProps<IRadialTreeTitleProps & T_1, {}, {}>) => ReturnEl;
+    Radian: (<T_2>(props: CProps<IRadialTreeRadianProps & T_2, {}, {}>) => ReturnEl) & {
+        Line: <T_3>(props: CProps<IRadialTreeRadianLineProps & T_3, {}, {}>) => ReturnEl;
+        Cap: <T_4>(props: CProps<IRadialTreeRadianCapProps & T_4, {}, {}>) => ReturnEl;
+        Icon: <T_5>(props: CProps<IRadialTreeRadianIconProps & T_5, {}, {}>) => ReturnEl;
+        Label: <T_6>(props: CProps<IRadialTreeRadianLabelProps & T_6, {}, {}>) => ReturnEl;
+    };
+};
+export default RadialTree;

package/lib/types/index.d.ts

@@ -34,6 +34,12 @@ 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';
 

package/lib/types/utils.d.ts

@@ -0,0 +1,27 @@
+import { Numeric } from 'd3-array';
+import { ScaleIdentity, ScaleTime, ScaleContinuousNumeric, ScaleBand, ScalePoint } from 'd3-scale';
+import React from 'react';
+declare const CONSTANT: {
+    readonly VIRTUAL_ELEMENT: symbol;
+};
+export { CONSTANT };
+export declare const eventToPoint: (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => number[];
+declare type InvertableScale = ScaleIdentity | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown>;
+export declare const invert: <Scale extends InvertableScale = InvertableScale>(scale: Scale, value: number) => number | Date;
+export declare const definedNullData: (x: number, y: number) => (plot: {
+    [xOrY: number]: unknown;
+}) => boolean;
+export declare const definedData: (x: number, y: number) => (plot: {
+    [xOrY: number]: unknown;
+}) => boolean;
+export declare const scaleOfBandwidth: <Scale extends ScaleBand<{}>>(scale: Scale, value: number) => number | undefined;
+export declare const minMax: <Key extends string = string, Data extends Iterable<{ [key in Key]: Numeric | null | undefined; }> = Iterable<{ [key_1 in Key]: Numeric | null | undefined; }>>(data: Data, key: Key) => [undefined, undefined] | [Numeric, Numeric] | [string, string];
+export declare const getNullData: <Name extends string = string, Data extends { [name in Name]?: unknown; } = {}>(data: Data[], defined: (data: Data) => boolean, name: Name) => Data[];
+declare type IndexFromDataScale = ScaleIdentity | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown> | ScaleBand<{}> | ScalePoint<{}>;
+export declare const getIndexFromData: <Data extends {
+    [key: string]: number;
+} = {}, Scale extends IndexFromDataScale = IndexFromDataScale>(data: Data[], scale: Scale, key: string, value: number) => number | null;
+export declare const roundedPath: (x: number, y: number, w: number, h: number, r: number, tl?: boolean, tr?: boolean, bl?: boolean, br?: boolean) => string;
+export declare const getBandwidth: <Scale extends ScaleBand<{}>>(scale: Scale) => number;
+export declare const memoize: <Func extends (...args: any[]) => any>(func: Func) => Func;
+export declare const measureText: (text: string, fontSize?: number | undefined) => number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "SEMRush D3 Chart Component",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,21 +9,22 @@
   "author": "Roman Lysov <r.lysov@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "build --source=js,ts",
     "test": "jest"
   },
   "dependencies": {
+    "@semcore/animation": "^1",
     "@semcore/flex-box": "^4",
     "@semcore/popper": "^4.9",
     "@semcore/utils": "^3.15",
-    "@semcore/animation": "^1",
-    "@upsetjs/venn.js": "^1.4.1",
-    "d3-array": "^3",
-    "d3-shape": "^3",
-    "d3-scale": "^4",
-    "d3-interpolate": "^3",
-    "d3-transition": "^3",
-    "resize-observer-polyfill": "^1.5"
+    "@upsetjs/venn.js": "1.4.1",
+    "d3-array": "3.1.6",
+    "d3-shape": "3.1.0",
+    "d3-scale": "3.3.0",
+    "d3-interpolate": "3.0.1",
+    "d3-transition": "3.0.1",
+    "resize-observer-polyfill": "1.5.1",
+    "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
@@ -36,5 +37,11 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/d3-chart"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0",
+    "@types/d3-array": "^3.0.2",
+    "@types/d3-scale": "^4.0.2",
+    "@types/d3-transition": "^3.0.1"
   }
 }

package/src/Axis.jsx

@@ -274,12 +274,22 @@ function Grid(props) {
 function Title(props) {
   const { Element: STitle, styles, scale, position } = props;
 
+  const { x, y } = MAP_POSITION_TITlE[position](scale);
+
+  const sstyles = sstyled(styles);
+  const sTitleStyles = sstyles.cn('STitle', {
+    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,
+  });
+
   return sstyled(styles)(
     <STitle
       render="text"
       childrenPosition="inside"
       position={position}
-      {...MAP_POSITION_TITlE[position](scale)}
+      className={sTitleStyles.className}
+      style={sTitleStyles.style}
+      x={x}
+      y={y}
     />,
   );
 }

package/src/Bubble.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
-import { CONSTANT } from './utils';
+import { CONSTANT, measureText } from './utils';
 import createElement from './createElement';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { transition } from 'd3-transition';
@@ -9,26 +9,6 @@ import style from './style/bubble.shadow.css';
 import ClipPath from './ClipPath';
 import { scaleSqrt } from 'd3-scale';
 
-const memoize = (func) => {
-  const results = {};
-  return (argsKey) => {
-    if (!results[argsKey]) {
-      results[argsKey] = func(argsKey);
-    }
-    return results[argsKey];
-  };
-};
-
-const measureText = memoize((text) => {
-  const span = document.createElement('span');
-  span.append(document.createTextNode(text));
-  span.style.display = 'inline-block';
-  document.body.append(span);
-  const textLength = span.offsetWidth;
-  span.remove();
-  return textLength;
-});
-
 class BubbleRoot extends Component {
   static displayName = 'Bubble';
   static style = style;

package/src/ClipPath.jsx

@@ -34,6 +34,7 @@ class ClipPath extends Component {
   }
 
   render() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { id, transition, tag: Tag, style, className, ...other } = this.asProps;
     return (
       <clipPath ref={this.refClipPath} id={id}>