@semcore/d3-chart 2.2.0 → 2.2.3

package/lib/es6/style/radial-tree.shadow.css

@@ -21,7 +21,6 @@ SCap {
 SLabel {
   fill: var(--color);
   cursor: var(--text-cursor);
-  transform-origin: var(--transform-origin);
 }
 SRadian:hover SLabel {
   fill: var(--color-hovered);

package/lib/es6/utils.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"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","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"],"sources":["../../src/utils.ts"],"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"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@semcore/d3-chart",
   "description": "SEMRush D3 Chart Component",
-  "version": "2.2.0",
+  "version": "2.2.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
-  "author": "Roman Lysov <r.lysov@semrush.com>",
+  "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
     "build": "build --source=js,ts",

package/src/Area.jsx

@@ -1,137 +0,0 @@
-import React from 'react';
-import { area, curveLinear, line } from 'd3-shape';
-import Dots from './Dots';
-import { Component, sstyled } from '@semcore/core';
-import createElement from './createElement';
-import { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';
-import ClipPath from './ClipPath';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import findComponent from '@semcore/utils/lib/findComponent';
-
-import style from './style/area.shadow.css';
-
-class AreaRoot extends Component {
-  static displayName = 'Area';
-  static style = style;
-  static enhance = [uniqueIDEnhancement()];
-
-  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {
-    const [xScale, yScale] = scale || $rootProps.scale;
-    const yRange = yScale.range();
-
-    return {
-      d3: area()
-        .defined(definedData(x, y))
-        .curve(curve)
-        .x((p) => scaleOfBandwidth(xScale, p[x]))
-        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))
-        .y1((p) => scaleOfBandwidth(yScale, p[y])),
-      d3Line: line()
-        .defined(definedData(x, y))
-        .curve(curve)
-        .x((p) => scaleOfBandwidth(xScale, p[x]))
-        .y((p) => scaleOfBandwidth(yScale, p[y])),
-      duration: 500,
-    };
-  };
-
-  getDotsProps() {
-    const { x, y, color, data, d3Line } = this.asProps;
-
-    return {
-      x,
-      y,
-      data,
-      d3: d3Line,
-      color,
-    };
-  }
-
-  getNullProps() {
-    const { x, y, color, data, d3Line } = this.asProps;
-    return {
-      data: getNullData(data, definedNullData(x, y), y),
-      d3: d3Line,
-      color,
-    };
-  }
-
-  getLineProps() {
-    const { duration, color, data, d3Line, uid } = this.asProps;
-
-    return {
-      uid,
-      data,
-      d3: d3Line,
-      color,
-      duration,
-    };
-  }
-
-  render() {
-    const SArea = this.Element;
-    const SAreaLine = 'path';
-    const { styles, hide, d3, d3Line, data, color, uid, size, duration, Children } = this.asProps;
-    const advanceMode = !!findComponent(Children, [Area.Line.displayName]);
-
-    return sstyled(styles)(
-      <>
-        {!advanceMode && (
-          <SAreaLine
-            clipPath={`url(#${uid})`}
-            d={d3Line(data)}
-            color={color}
-            use:duration={`${duration}ms`}
-          />
-        )}
-        <SArea
-          clipPath={`url(#${uid})`}
-          render="path"
-          d={d3(data)}
-          hide={hide}
-          color={color}
-          use:duration={`${duration}ms`}
-        />
-        {duration && (
-          <ClipPath
-            setAttributeTag={(rect) => {
-              rect.setAttribute('width', size[0]);
-            }}
-            id={uid}
-            x="0"
-            y="0"
-            width={0}
-            height={size[1]}
-            transition={`width ${duration}ms ease-in-out`}
-          />
-        )}
-      </>,
-    );
-  }
-}
-
-function Line(props) {
-  const { Element: SAreaLine, styles, d3, data, color, duration, uid } = props;
-  return sstyled(styles)(
-    <SAreaLine
-      render="path"
-      clipPath={`url(#${uid})`}
-      d={d3(data)}
-      color={color}
-      use:duration={`${duration}ms`}
-    />,
-  );
-}
-
-function Null(props) {
-  const { Element: SNull, styles, d3, data, hide, color } = props;
-  return sstyled(styles)(<SNull render="path" d={d3(data)} hide={hide} color={color} />);
-}
-
-const Area = createElement(AreaRoot, {
-  Dots,
-  Null,
-  Line,
-});
-
-export default Area;

package/src/Axis.jsx

@@ -1,314 +0,0 @@
-import React from 'react';
-import { Component, sstyled } from '@semcore/core';
-import createElement from './createElement';
-import { scaleOfBandwidth } from './utils';
-
-import style from './style/axis.shadow.css';
-
-const CUSTOM_0 = Symbol('custom_0');
-const CUSTOM_1 = Symbol('custom_1');
-
-const MAP_INDEX_SCALE_SYMBOL = {
-  0: CUSTOM_0,
-  1: CUSTOM_1,
-};
-
-const MAP_POSITION_REVERT = {
-  top: 'bottom',
-  right: 'left',
-  bottom: 'top',
-  left: 'right',
-};
-
-const MAP_POSITION_AXIS = {
-  top: ([xScale, yScale]) => {
-    const xRange = xScale.range();
-    const yRange = yScale.range();
-    return {
-      x1: xRange[0],
-      y1: yRange[1],
-      x2: xRange[1],
-      y2: yRange[1],
-    };
-  },
-  bottom: ([xScale, yScale]) => {
-    const xRange = xScale.range();
-    const yRange = yScale.range();
-    return {
-      x1: xRange[0],
-      y1: yRange[0],
-      x2: xRange[1],
-      y2: yRange[0],
-    };
-  },
-  right: ([xScale, yScale]) => {
-    const xRange = xScale.range();
-    const yRange = yScale.range();
-    return {
-      x1: xRange[1],
-      y1: yRange[0],
-      x2: xRange[1],
-      y2: yRange[1],
-    };
-  },
-  left: ([xScale, yScale]) => {
-    const xRange = xScale.range();
-    const yRange = yScale.range();
-    return {
-      x1: xRange[0],
-      y1: yRange[0],
-      x2: xRange[0],
-      y2: yRange[1],
-    };
-  },
-  [CUSTOM_0]: ([xScale, yScale], pos) => {
-    const xRange = xScale.range();
-    return {
-      x1: xRange[0],
-      y1: scaleOfBandwidth(yScale, pos),
-      x2: xRange[1],
-      y2: scaleOfBandwidth(yScale, pos),
-    };
-  },
-  [CUSTOM_1]: ([xScale, yScale], pos) => {
-    const yRange = yScale.range();
-    return {
-      x1: scaleOfBandwidth(xScale, pos),
-      y1: yRange[0],
-      x2: scaleOfBandwidth(xScale, pos),
-      y2: yRange[1],
-    };
-  },
-};
-
-const MAP_POSITION_TICK = {
-  top: ([xScale, yScale], value) => {
-    const yRange = yScale.range();
-    return {
-      x: scaleOfBandwidth(xScale, value),
-      y: yRange[1],
-    };
-  },
-  bottom: ([xScale, yScale], value) => {
-    const yRange = yScale.range();
-    return {
-      x: scaleOfBandwidth(xScale, value),
-      y: yRange[0],
-    };
-  },
-  right: ([xScale, yScale], value) => {
-    const xRange = xScale.range();
-    return {
-      x: xRange[1],
-      y: scaleOfBandwidth(yScale, value),
-    };
-  },
-  left: ([xScale, yScale], value) => {
-    const xRange = xScale.range();
-    return {
-      x: xRange[0],
-      y: scaleOfBandwidth(yScale, value),
-    };
-  },
-  [CUSTOM_0]: ([xScale, yScale], value, pos) => {
-    return {
-      x: scaleOfBandwidth(xScale, value),
-      y: scaleOfBandwidth(yScale, pos),
-    };
-  },
-  [CUSTOM_1]: ([xScale, yScale], value, pos) => {
-    return {
-      x: scaleOfBandwidth(xScale, pos),
-      y: scaleOfBandwidth(yScale, value),
-    };
-  },
-};
-
-const MAP_POSITION_GRID = {
-  0: ([xScale, yScale], value) => {
-    const yRange = yScale.range();
-    const x = scaleOfBandwidth(xScale, value);
-    return {
-      x1: x,
-      y1: yRange[0],
-      x2: x,
-      y2: yRange[1],
-    };
-  },
-  1: ([xScale, yScale], value) => {
-    const xRange = xScale.range();
-    const y = scaleOfBandwidth(yScale, value);
-    return {
-      x1: xRange[0],
-      y1: y,
-      x2: xRange[1],
-      y2: y,
-    };
-  },
-};
-
-const OFFSET_TITLE = 10;
-const MAP_POSITION_TITlE = {
-  top: ([xScale]) => {
-    const xRange = xScale.range();
-    return {
-      x: (xRange[1] + xRange[0]) / 2,
-      y: OFFSET_TITLE,
-    };
-  },
-  bottom: ([xScale], [, height]) => {
-    const xRange = xScale.range();
-    return {
-      x: (xRange[1] + xRange[0]) / 2,
-      y: height - OFFSET_TITLE,
-    };
-  },
-  right: ([, yScale], [width]) => {
-    const yRange = yScale.range();
-    return {
-      x: width - OFFSET_TITLE,
-      y: (yRange[0] + yRange[1]) / 2,
-    };
-  },
-  left: ([, yScale]) => {
-    const yRange = yScale.range();
-    return {
-      x: OFFSET_TITLE,
-      y: (yRange[0] + yRange[1]) / 2,
-    };
-  },
-};
-
-function renderValue(value) {
-  if (value instanceof Date) {
-    return value.toLocaleDateString();
-  }
-  return value;
-}
-
-class AxisRoot extends Component {
-  static displayName = 'Axis';
-
-  static style = style;
-
-  get ticks() {
-    const { ticks, indexScale, scale } = this.asProps;
-    const scl = scale[indexScale];
-    return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];
-  }
-
-  getTitleProps() {
-    const { position } = this.asProps;
-    return {
-      position: MAP_POSITION_REVERT[position],
-    };
-  }
-
-  getTicksProps() {
-    const { position, indexScale } = this.asProps;
-    return {
-      ticks: this.ticks,
-      indexScale,
-      position,
-    };
-  }
-
-  getGridProps() {
-    const { indexScale } = this.asProps;
-    return {
-      ticks: this.ticks,
-      indexScale,
-    };
-  }
-
-  render() {
-    const SAxis = this.Element;
-    const { styles, position, scale, hide, indexScale } = this.asProps;
-
-    const pos =
-      MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
-
-    return sstyled(styles)(<SAxis render="line" hide={hide} {...pos(scale, position)} />);
-  }
-}
-
-function Ticks(props) {
-  const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;
-
-  const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
-  const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;
-
-  return ticks.map((value, i) => {
-    return sstyled(styles)(
-      <STick
-        key={i}
-        render="text"
-        childrenPosition="inside"
-        __excludeProps={['data', 'scale', 'format', 'value']}
-        value={value}
-        index={i}
-        position={positionClass}
-        hide={hide}
-        {...pos(scale, value, position)}
-      >
-        {renderValue(value)}
-      </STick>,
-    );
-  });
-}
-
-function Grid(props) {
-  const { Element: SGrid, styles, scale, ticks, indexScale } = props;
-
-  return ticks.map((value, i) => {
-    return sstyled(styles)(
-      <SGrid key={i} render="line" {...MAP_POSITION_GRID[indexScale](scale, value)} />,
-    );
-  });
-}
-
-function Title(props) {
-  const { Element: STitle, styles, scale, position, size } = props;
-
-  const { x, y } = MAP_POSITION_TITlE[position](scale, size);
-
-  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}
-      className={sTitleStyles.className}
-      style={sTitleStyles.style}
-      x={x}
-      y={y}
-    />,
-  );
-}
-
-const XAxis = createElement(AxisRoot, {
-  Ticks,
-  Grid,
-  Title,
-});
-XAxis.defaultProps = {
-  indexScale: 0,
-  position: 'bottom',
-};
-
-const YAxis = createElement(AxisRoot, {
-  Ticks,
-  Grid,
-  Title,
-});
-YAxis.defaultProps = {
-  indexScale: 1,
-  position: 'left',
-  hide: true,
-};
-
-export { XAxis, YAxis };

package/src/Bar.jsx

@@ -1,149 +0,0 @@
-import React from 'react';
-import { transition } from 'd3-transition';
-import { Component, sstyled } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import createElement from './createElement';
-import ClipPath from './ClipPath';
-import { getBandwidth, roundedPath } from './utils';
-
-import style from './style/bar.shadow.css';
-
-class BarRoot extends Component {
-  static displayName = 'Bar';
-  static style = style;
-  static enhance = [uniqueIDEnhancement()];
-
-  static defaultProps = {
-    offset: [0, 0],
-    duration: 500,
-    r: 2,
-    hMin: 4,
-  };
-
-  getBackgroundProps(props, index) {
-    const { x, data } = this.asProps;
-    return {
-      value: data[index][x],
-    };
-  }
-
-  animationBar() {
-    const { duration, uid } = this.asProps;
-    const selectRect = transition().selection().selectAll(`#${uid} rect`);
-    const selectRectNode = selectRect.node();
-
-    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {
-      selectRect.transition().duration(duration).attr('y', 0);
-    }
-  }
-
-  componentDidUpdate() {
-    this.animationBar();
-  }
-
-  componentDidMount() {
-    this.animationBar();
-  }
-
-  renderBar(d, i) {
-    const SBar = this.Element;
-    const {
-      styles,
-      color,
-      x,
-      y,
-      y0,
-      scale,
-      hide,
-      offset,
-      duration,
-      uid,
-      r,
-      hMin,
-      width: widthProps,
-    } = this.asProps;
-
-    const [xScale, yScale] = scale;
-    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);
-    const barX = xScale(d[x]) + offset[0];
-    const height =
-      Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0))) || hMin;
-    const width = widthProps || getBandwidth(xScale);
-    const dSvg = getRect({
-      x: barX,
-      y: barY,
-      width,
-      height,
-      radius: Array.isArray(r) ? r[i] : r,
-      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',
-    });
-
-    return sstyled(styles)(
-      <SBar
-        key={`bar-${i}`}
-        render="path"
-        clipPath={`url(#${uid})`}
-        __excludeProps={['data', 'scale', 'value']}
-        childrenPosition="above"
-        value={d}
-        index={i}
-        hide={hide}
-        color={color}
-        x={barX}
-        y={barY}
-        width={width}
-        height={height}
-        d={dSvg}
-        use:duration={`${duration}ms`}
-      />,
-    );
-  }
-  render() {
-    const { data, uid, size, duration } = this.asProps;
-    return (
-      <>
-        {data.map(this.renderBar.bind(this))}
-        {duration && (
-          <ClipPath
-            key={`${uid}-animation`}
-            id={uid}
-            x="0"
-            y={size[1]}
-            width={size[0]}
-            height={`${size[1]}px`}
-          />
-        )}
-      </>
-    );
-  }
-}
-
-function Background(props) {
-  const { Element: SBackground, styles, scale, value } = props;
-
-  const [xScale, yScale] = scale;
-  const yRange = yScale.range();
-
-  return sstyled(styles)(
-    <SBackground
-      render="rect"
-      childrenPosition="above"
-      width={xScale.bandwidth()}
-      height={yRange[0] - yRange[1]}
-      x={xScale(value)}
-      y={yRange[1]}
-    />,
-  );
-}
-
-function getRect({ x, y, width, height, radius, position }) {
-  if (height <= radius) return '';
-  if (radius) {
-    if (position === 'top')
-      return roundedPath(x, y, width, height, radius, true, true, false, false);
-    return roundedPath(x, y, width, height, radius, false, false, true, true);
-  }
-  return roundedPath(x, y, width, height, radius);
-}
-
-export default createElement(BarRoot, { Background });