@semcore/d3-chart 1.8.0 → 2.0.1

package/lib/cjs/RadialTree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RadialTree.tsx"],"names":["baseAngle","Math","PI","RadialTreeBase","props","handleRadianClick","bind","activeKey","asProps","duration","uid","preferReduceMotion","window","matchMedia","matches","circlesAnimation","selection","selectAll","iconsAnimation","linesAnimation","labelsAnimation","circlesNodes","nodes","iconsNodes","linesNodes","labelsNodes","length","attrs","map","node","cx","baseVal","value","cy","radianIndex","parseInt","dataset","lineNode","from","x1","y1","to","attr","_","index","transition","x","y","width","height","x2","y2","prevProps","$rootProps","data","runAppearAnimation","key","event","newKey","handlers","textSize","widths","label","max","size","center","restRootProps","textWidth","computeTextWidth","radiansCount","onRadianClick","SRadialTree","Element","Children","styles","Component","style","angleOffset","centralMargin","labelMargin","iconColor","capSize","iconSize","defaultActiveKey","RadialTreeRadian","renderRadian","computeRadianPosition","xStart","yStart","xLabelCenter","yLabelCenter","strokeWidth","xEnd","yEnd","color","stroke","radius","isActive","icon","labelAngle","isHorizontal","angle","getRadianKey","baseCapSize","minDemSize","min","topAngle","xCenter","yCenter","start","cos","sin","end","labelCenter","SRadian","children","_child","mergedProps","InteractiveArea","RadialTree","Radian","SRadianList","SInteractiveArea","Line","SLine","Cap","SCap","Icon","SIcon","tag","Label","SLabel","lines","String","split","linesCount","SLabelLine","sstyles","sLabelStyles","cn","toFixed","className","lineText","lineIndex","Title","STitle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled, CProps, ReturnEl } from '@semcore/core';\n// @ts-ignore\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/radial-tree.shadow.css';\nimport { shade } from '@semcore/utils/lib/color';\nimport { measureText } from './utils';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nconst baseAngle = -Math.PI / 2; // The top vertical line\n\ntype RadianData = {\n  /**\n   * Text label on the end of radian.\n   */\n  label: string;\n  /**\n   * Radian key. Radian, which `key` is equal to `activeKey` is displayed as active.\n   */\n  key: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n};\n\nexport interface IRadialTreeProps {\n  /**\n   * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`\n   */\n  data: RadianData[];\n  /**\n   * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.\n   * @default 0\n   */\n  angleOffset?: number;\n  /**\n   * Duration of appear and update animation.\n   * @default 300\n   */\n  duration?: number;\n  /**\n   * Gap between the chart center and radians start point.\n   * @default 50\n   */\n  centralMargin?: number;\n  /**\n   * Gap around text label.\n   * @default 2\n   */\n  labelMargin?: number;\n  /**\n   * Color of all radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n  /**\n   * Text size in radians' labels. 1.5x is used as default text size of center text.\n   * @default 14\n   */\n  textSize?: number;\n  /**\n   * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.\n   */\n  activeKey?: string | null;\n  /**\n   * Default value for `activeKey` property.\n   */\n  defaultActiveKey?: string | null;\n}\n\ntype RootAsProps = IRadialTreeProps & {\n  uid: string;\n  styles: React.CSSProperties;\n  activeKey: string | null;\n  Children: React.FC;\n  size: [width: number, height: number];\n  data: RadianData[];\n  duration: number;\n  textSize: number;\n  capSize: number;\n  centralMargin: number;\n  angleOffset: number;\n  $rootProps: RootAsProps;\n};\n\nclass RadialTreeBase extends Component<RootAsProps> {\n  static displayName = 'RadialTree';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps: Partial<IRadialTreeProps> = {\n    angleOffset: 0,\n    duration: 300,\n    centralMargin: 50,\n    labelMargin: 2,\n    iconColor: '#fff',\n    capSize: 8,\n    iconSize: 8,\n    textSize: 14,\n    defaultActiveKey: null,\n  };\n\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.handleRadianClick = this.handleRadianClick.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      activeKey: null,\n    };\n  }\n\n  runAppearAnimation() {\n    const { duration, uid } = this.asProps;\n    const preferReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)')?.matches;\n\n    /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */\n    if (!(duration > 0)) return;\n    if (preferReduceMotion) return;\n\n    const circlesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-circle]`);\n    const iconsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-icon]`);\n    const linesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-line]`);\n    const labelsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-label]`);\n    const circlesNodes = circlesAnimation.nodes() as SVGCircleElement[];\n    const iconsNodes = iconsAnimation.nodes() as SVGRectElement[];\n    const linesNodes = linesAnimation.nodes() as SVGLineElement[];\n    const labelsNodes = linesAnimation.nodes() as SVGTextElement[];\n\n    if (circlesNodes.length > 0) {\n      const attrs = circlesNodes.map((node) => {\n        const cx = node.cx?.baseVal?.value;\n        const cy = node.cy?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            cx: lineNode.x1?.baseVal?.value,\n            cy: lineNode.y1?.baseVal?.value,\n          },\n          to: { cx, cy },\n        };\n      });\n\n      circlesAnimation\n        .attr('opacity', 0)\n        .attr('cx', (_, index) => attrs[index].from?.cx)\n        .attr('cy', (_, index) => attrs[index].from?.cy);\n      circlesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('cx', (_, index) => attrs[index].to?.cx)\n        .attr('cy', (_, index) => attrs[index].to?.cy);\n    }\n    if (iconsNodes.length > 0) {\n      const attrs = iconsNodes.map((node) => {\n        const x = node.x?.baseVal?.value;\n        const y = node.y?.baseVal?.value;\n        const width = node.width?.baseVal?.value;\n        const height = node.height?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            x: lineNode.x1?.baseVal?.value - width / 2,\n            y: lineNode.y1?.baseVal?.value - height / 2,\n          },\n          to: {\n            x,\n            y,\n          },\n        };\n      });\n\n      iconsAnimation\n        .attr('opacity', 0)\n        .attr('x', (_, index) => attrs[index].from?.x)\n        .attr('y', (_, index) => attrs[index].from?.y);\n      iconsAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x', (_, index) => attrs[index].to?.x)\n        .attr('y', (_, index) => attrs[index].to?.y);\n    }\n    if (linesNodes.length > 0) {\n      const attrs = linesNodes.map((node) => {\n        const x2 = node.x2?.baseVal?.value;\n        const y2 = node.y2?.baseVal?.value;\n        return {\n          from: {\n            x2: node.x1?.baseVal?.value,\n            y2: node.y1?.baseVal?.value,\n          },\n          to: {\n            x2,\n            y2,\n          },\n        };\n      });\n\n      linesAnimation\n        .attr('opacity', 0)\n        .attr('x2', (_, index) => attrs[index].from?.x2)\n        .attr('y2', (_, index) => attrs[index].from?.y2);\n      linesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x2', (_, index) => attrs[index].to?.x2)\n        .attr('y2', (_, index) => attrs[index].to?.y2);\n    }\n    if (labelsNodes.length > 0) {\n      labelsAnimation.attr('opacity', 0);\n      labelsAnimation.transition().duration(duration).attr('opacity', 1);\n    }\n  }\n\n  componentDidUpdate(prevProps: RootAsProps) {\n    if (prevProps.$rootProps.data?.length !== this.asProps.data?.length) {\n      this.runAppearAnimation();\n    }\n  }\n\n  componentDidMount() {\n    this.runAppearAnimation();\n  }\n\n  handleRadianClick(key: string) {\n    return (event: React.MouseEvent) => {\n      const newKey = key !== this.asProps.activeKey ? key : null;\n      this.handlers.activeKey(newKey, event);\n    };\n  }\n\n  computeTextWidth() {\n    const { data, textSize } = this.asProps;\n    const widths = data.map(({ label }) => measureText(label, textSize));\n\n    return Math.max(...widths);\n  }\n\n  getTitleProps() {\n    const { uid, size, textSize } = this.asProps;\n\n    const [width, height] = size;\n    const center = [width / 2, height / 2];\n    const [x, y] = center;\n    return {\n      x,\n      y,\n      textSize: textSize * 1.5,\n      ['data-radial-animation']: `${uid}-label`,\n    } as IRadialTreeTitleProps;\n  }\n\n  getRadianProps() {\n    const { data, ...restRootProps } = this.asProps;\n    const textWidth = this.computeTextWidth();\n\n    return {\n      ...restRootProps,\n      radiansCount: data.length,\n      data,\n      textWidth,\n      onRadianClick: this.handleRadianClick,\n    } as IRadialTreeRadianProps;\n  }\n\n  render() {\n    const SRadialTree = this.Element;\n    const { Children } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SRadialTree render=\"g\">\n        <Children />\n      </SRadialTree>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianProps extends IRadialTreeProps {\n  radiansCount?: number;\n  textWidth?: number;\n  onRadianClick?: (key: string) => (event: React.MouseEvent) => void;\n}\n\ntype RadianAsProps = RootAsProps & {\n  radiansCount: number;\n  textWidth: number;\n  onRadianClick: (key: string) => (event: React.MouseEvent) => void;\n};\n\nclass RadialTreeRadian extends Component<RadianAsProps> {\n  static displayName = 'RadialTreeRadian';\n  static style = style;\n\n  static defaultProps: Partial<IRadialTreeRadianProps> = {\n    centralMargin: 50,\n    labelMargin: 2,\n    iconColor: '#fff',\n    capSize: 16,\n    iconSize: 16,\n    textSize: 14,\n  };\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.renderRadian = this.renderRadian.bind(this);\n  }\n\n  getInteractiveAreaProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xLabelCenter, yLabelCenter, capSize } = this.computeRadianPosition(\n      data,\n      index,\n    );\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xLabelCenter,\n      y2: yLabelCenter,\n      strokeWidth: capSize * 3,\n    } as IRadialTreeRadianInteractiveAreaProps;\n  }\n  getLineProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xEnd, yEnd } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xEnd,\n      y2: yEnd,\n      stroke: color,\n      ['data-radial-animation']: `${uid}-line`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianLineProps;\n  }\n  getCapProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, capSize } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xEnd,\n      y: yEnd,\n      radius: capSize,\n      color,\n      ['data-radial-animation']: `${uid}-cap-circle`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianCapProps;\n  }\n  getIconProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, isActive } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const iconColor = data.iconColor ?? this.asProps.iconColor;\n    const iconSize = data.iconSize ?? this.asProps.iconSize;\n    const icon = data.icon ?? this.asProps.icon;\n\n    return {\n      x: xEnd - iconSize! / 2,\n      y: yEnd - iconSize! / 2,\n      iconSize,\n      color: iconColor ?? '#fff',\n      ['data-radial-animation']: `${uid}-cap-icon`,\n      ['data-radian-index']: index,\n      icon,\n      isActive,\n    } as IRadialTreeRadianIconProps;\n  }\n  getLabelProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xLabelCenter, yLabelCenter, labelAngle, isHorizontal } = this.computeRadianPosition(\n      data,\n      index,\n    );\n    const { uid, textSize } = this.asProps;\n    const { label } = data;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xLabelCenter,\n      y: yLabelCenter,\n      angle: labelAngle,\n      ['data-radial-animation']: `${uid}-label`,\n      ['data-radian-index']: index,\n      label,\n      color,\n      isHorizontal,\n      textSize,\n    } as IRadialTreeRadianLabelProps;\n  }\n\n  getRadianKey(data: RadianData, index: number) {\n    return data.key ?? `radian-${index}`;\n  }\n\n  computeRadianPosition(data: RadianData, index: number) {\n    const { centralMargin, angleOffset, activeKey, size, radiansCount, textWidth } = this.asProps;\n    const [width, height] = size;\n    const key = this.getRadianKey(data, index);\n    const isActive = activeKey === key;\n    const baseCapSize = data.capSize ?? this.asProps.capSize;\n    const capSize = baseCapSize * (isActive ? 1 : 0.5);\n\n    const minDemSize = Math.min(width, height) / 2;\n    const length = Math.max(minDemSize - textWidth - baseCapSize - centralMargin, 10);\n\n    const angle = baseAngle + angleOffset + (index / radiansCount) * (Math.PI * 2);\n    const isHorizontal =\n      (angle - baseAngle > (1 / 6) * Math.PI && angle - baseAngle < (5 / 6) * Math.PI) ||\n      (angle - baseAngle > (7 / 6) * Math.PI && angle - baseAngle < (11 / 6) * Math.PI);\n    const topAngle = -Math.PI / 2;\n    const labelAngle = ((angle - topAngle) % Math.PI) + topAngle;\n\n    const center = [width / 2, height / 2];\n    const [xCenter, yCenter] = center;\n    const start = [\n      xCenter + Math.cos(angle) * centralMargin,\n      yCenter + Math.sin(angle) * centralMargin,\n    ];\n    const end = [\n      xCenter + Math.cos(angle) * (centralMargin + length),\n      yCenter + Math.sin(angle) * (centralMargin + length),\n    ];\n    const [xStart, yStart] = start;\n    const [xEnd, yEnd] = end;\n\n    const labelCenter = [\n      xCenter + Math.cos(angle) * (centralMargin + length + baseCapSize + textWidth / 2),\n      yCenter + Math.sin(angle) * (centralMargin + length + baseCapSize + textWidth / 2),\n    ];\n    const [xLabelCenter, yLabelCenter] = labelCenter;\n\n    return {\n      xStart,\n      yStart,\n      xEnd,\n      yEnd,\n      xLabelCenter,\n      yLabelCenter,\n      labelAngle,\n      isHorizontal,\n      capSize,\n      isActive,\n    };\n  }\n\n  renderRadian(data: RadianData, index: number) {\n    const { styles, Children, onRadianClick } = this.asProps;\n    const key = this.getRadianKey(data, index);\n    const SRadian = 'g';\n\n    let children = getOriginChildren(Children);\n\n    if (typeof children === 'function') {\n      const _child = this.asProps.children;\n      const mergedProps = assignProps(children(this.asProps), this.asProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    // hidden from publicly typed export\n    const InteractiveArea = (RadialTree.Radian as any).InteractiveArea;\n\n    return sstyled(styles)(\n      <SRadian key={key} onClick={onRadianClick(key)}>\n        <InteractiveArea />\n        {children}\n      </SRadian>,\n    );\n  }\n\n  render() {\n    const { data } = this.asProps;\n    const SRadianList = 'g';\n\n    return sstyled(this.asProps.styles)(\n      <SRadianList>{data.map((data, index) => this.renderRadian(data, index))}</SRadianList>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianInteractiveAreaProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  strokeWidth?: number;\n}\ntype RadialTreeRadianInteractiveAreaAsProps = IRadialTreeRadianInteractiveAreaProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst InteractiveArea: React.FC<RadialTreeRadianInteractiveAreaAsProps> = ({\n  Element: SInteractiveArea,\n  styles,\n}) => {\n  return sstyled(styles)(\n    <SInteractiveArea stroke=\"transparent\" render=\"line\" />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLineProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  stroke?: string;\n  ['data-radial-animation']?: `${string}-line`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Line: React.FC<RadialTreeRadianLineAsProps> = ({ Element: SLine, styles, stroke }) => {\n  return sstyled(styles)(<SLine render=\"line\" stroke={stroke} />) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianCapProps {\n  x?: number;\n  y?: number;\n  radius?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-circle`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Cap: React.FC<RadialTreeRadianCapAsProps> = ({\n  Element: SCap,\n  styles,\n  x,\n  y,\n  radius,\n  color,\n}) => {\n  return sstyled(styles)(\n    <SCap render=\"circle\" cx={x} cy={y} r={radius} fill={color} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianIconProps {\n  x?: number;\n  y?: number;\n  iconSize?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-icon`;\n  ['data-radian-index']?: number;\n  tag?: React.FC;\n  isActive?: boolean;\n}\ntype RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {\n  Element: React.FC<{ render: string | React.FC } & React.SVGProps<any>>;\n  x: number;\n  y: number;\n  iconSize: number;\n  styles: React.CSSProperties;\n};\nconst Icon: React.FC<RadialTreeRadianIconAsProps> = ({\n  Element: SIcon,\n  styles,\n  isActive,\n  tag,\n  x,\n  y,\n  iconSize,\n}) => {\n  if (!(isActive && tag)) return null;\n  const width = iconSize;\n  const height = iconSize;\n  return sstyled(styles)(\n    <SIcon x={x} y={y} width={width} height={height} render={tag} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLabelProps {\n  x?: number;\n  y?: number;\n  color?: string;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  ['data-radian-index']?: number;\n  label?: string;\n  isHorizontal?: boolean;\n  angle?: number;\n}\ntype RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  x: number;\n  y: number;\n  angle: number;\n  textSize: number;\n};\nconst Label: React.FC<RadialTreeRadianLabelAsProps> = ({\n  Element: SLabel,\n  Children,\n  styles,\n  label,\n  color,\n  isHorizontal,\n  x,\n  y,\n  textSize,\n  angle,\n}) => {\n  const lines = String(label).split('\\n');\n  const linesCount = lines.length;\n  const SLabelLine = 'tspan';\n\n  const sstyles = sstyled(styles);\n  const sLabelStyles = sstyles.cn('SLabel', {\n    color,\n    'color-hovered': shade(color, -0.12),\n    'text-cursor': isHorizontal ? 'text' : 'vertical-text',\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return (\n    <SLabel\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      className={sLabelStyles.className}\n      style={sLabelStyles.style}\n      x={x.toFixed(2)}\n      y={y.toFixed(2)}\n      transform={`rotate(${((angle / Math.PI) * 180).toFixed(2)})`}\n    >\n      {lines.map((lineText, lineIndex) => (\n        <SLabelLine\n          x={x}\n          y={y + (lineIndex - (linesCount - 1) / 2) * textSize}\n          key={`#${lineIndex}-${lineText}`}\n        >\n          {lineText}\n        </SLabelLine>\n      ))}\n      <Children />\n    </SLabel>\n  ) as React.ReactElement;\n};\n\nconst Radian = createElement(RadialTreeRadian, {\n  InteractiveArea,\n  Line,\n  Cap,\n  Icon,\n  Label,\n});\n\nexport interface IRadialTreeTitleProps {\n  x?: number;\n  y?: number;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  color?: string;\n}\ntype RadialTreeTitleAsProps = IRadialTreeTitleProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n};\nconst Title: React.FC<RadialTreeTitleAsProps> = ({\n  Element: STitle,\n  Children,\n  styles,\n  textSize,\n  color,\n  x,\n  y,\n}) => {\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      fontSize={textSize}\n      fill={color}\n      x={x}\n      y={y}\n    >\n      <Children />\n    </STitle>,\n  ) as React.ReactElement;\n};\n\nconst RadialTree = createElement(RadialTreeBase, { Title, Radian }) as (<T>(\n  props: CProps<IRadialTreeProps & T>,\n) => ReturnEl) & {\n  Title: <T>(props: CProps<IRadialTreeTitleProps & T>) => ReturnEl;\n  Radian: (<T>(props: CProps<IRadialTreeRadianProps & T>) => ReturnEl) & {\n    Line: <T>(props: CProps<IRadialTreeRadianLineProps & T>) => ReturnEl;\n    Cap: <T>(props: CProps<IRadialTreeRadianCapProps & T>) => ReturnEl;\n    Icon: <T>(props: CProps<IRadialTreeRadianIconProps & T>) => ReturnEl;\n    Label: <T>(props: CProps<IRadialTreeRadianLabelProps & T>) => ReturnEl;\n  };\n};\n\nexport default RadialTree;\n"],"file":"RadialTree.js"}

package/lib/cjs/ResponsiveContainer.js

@@ -61,7 +61,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
 
     (0, _classCallCheck2["default"])(this, ResponsiveContainerRoot);
     _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerRef", _react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "size", [0, 0]);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleResize", (0, _rafTrottle["default"])(function (entries) {
       var _this$asProps = _this.asProps,

package/lib/cjs/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ResponsiveContainer.jsx"],"names":["ResponsiveContainerRoot","props","React","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","Box","styles","Component","ResponsiveContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAHA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;IAEMA,uB;;;;;AAMJ,mCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,kHAHJC,kBAAMC,SAAN,EAGI;AAAA,6FAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;AAAA,qGASJ,4BAAQ,UAACC,OAAD,EAAa;AAClC,0BAA6B,MAAKC,OAAlC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AACA,6BAAmD,MAAKC,UAAxD;AAAA,UAAmBC,KAAnB,oBAAMC,WAAN;AAAA,UAAwCC,MAAxC,oBAA0BC,YAA1B;;AAEA,UAAIL,MAAJ,EAAY;AACV,YAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;AACA,YAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACA,YAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACAR,QAAAA,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;AAEA,YAAII,MAAM,GAAGK,SAAb,EAAwB;AACtBL,UAAAA,MAAM,GAAGK,SAAT;AACD;;AACD,YAAIL,MAAM,GAAGS,SAAb,EAAwB;AACtBT,UAAAA,MAAM,GAAGS,SAAT;AACD;AACF;;AAED,UAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;AAEvD,YAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;AAEA,4EAAW,UAAX,EAAuB,MAAKU,IAA5B,EAAkCjB,OAAlC;;AAEA,UAAI,OAAO,mCAAkBE,QAAlB,CAAP,KAAuC,UAA3C,EAAuD;AACrD,cAAKgB,WAAL;AACD;AACF,KA3Bc,CATI;AAEjB,UAAKC,QAAL,GAAgB,IAAIC,kCAAJ,CAAmB,MAAKC,YAAxB,CAAhB;AAFiB;AAGlB;;;;SAED,eAAiB;AACf,aAAO,KAAKC,YAAL,CAAkBC,OAAzB;AACD;;;WA+BD,sBAAa;AACX,uDAAwB,KAAKN,IAA7B;AAAA,UAAOZ,KAAP;AAAA,UAAcE,MAAd;;AACA,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELE,QAAAA,MAAM,EAANA;AAFK,OAAP;AAID;;;WAED,6BAAoB;AAClB,UAAI,KAAKH,UAAT,EAAqB;AACnB;AACA,aAAKe,QAAL,CAAcK,OAAd,CAAsB,KAAKpB,UAA3B;AACD;AACF,K,CAED;;;;WAEA,gCAAuB;AACrB,WAAKe,QAAL,CAAcM,UAAd;AACD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,oBAAoB,GAE2BC,YAFrD;AACA,UAAQC,MAAR,GAAmB,KAAK3B,OAAxB,CAAQ2B,MAAR;AACA,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,oBAAD;AAAA,eAAwC,KAAKN;AAA7C,iBAAvB;AACD;;;EArEmCO,e;;iCAAhCjC,uB,iBACiB,qB;AAuEvB,IAAMkC,mBAAmB,GAAG,sBAAgBlC,uBAAhB,CAA5B;eAEekC,mB","sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO ускорить можно?\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"file":"ResponsiveContainer.js"}
+{"version":3,"sources":["../../src/ResponsiveContainer.jsx"],"names":["ResponsiveContainerRoot","props","React","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","Box","styles","Component","ResponsiveContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAHA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;IAEMA,uB;;;;;AAMJ,mCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAHJC,kBAAMC,SAAN,EAGI;AAAA,6FAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;AAAA,qGASJ,4BAAQ,UAACC,OAAD,EAAa;AAClC,0BAA6B,MAAKC,OAAlC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AACA,6BAAmD,MAAKC,UAAxD;AAAA,UAAmBC,KAAnB,oBAAMC,WAAN;AAAA,UAAwCC,MAAxC,oBAA0BC,YAA1B;;AAEA,UAAIL,MAAJ,EAAY;AACV,YAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;AACA,YAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACA,YAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACAR,QAAAA,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;AAEA,YAAII,MAAM,GAAGK,SAAb,EAAwB;AACtBL,UAAAA,MAAM,GAAGK,SAAT;AACD;;AACD,YAAIL,MAAM,GAAGS,SAAb,EAAwB;AACtBT,UAAAA,MAAM,GAAGS,SAAT;AACD;AACF;;AAED,UAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;AAEvD,YAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;AAEA,4EAAW,UAAX,EAAuB,MAAKU,IAA5B,EAAkCjB,OAAlC;;AAEA,UAAI,OAAO,mCAAkBE,QAAlB,CAAP,KAAuC,UAA3C,EAAuD;AACrD,cAAKgB,WAAL;AACD;AACF,KA3Bc,CATI;AAEjB,UAAKC,QAAL,GAAgB,IAAIC,kCAAJ,CAAmB,MAAKC,YAAxB,CAAhB;AAFiB;AAGlB;;;;SAED,eAAiB;AACf,aAAO,KAAKC,YAAL,CAAkBC,OAAzB;AACD;;;WA+BD,sBAAa;AACX,uDAAwB,KAAKN,IAA7B;AAAA,UAAOZ,KAAP;AAAA,UAAcE,MAAd;;AACA,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELE,QAAAA,MAAM,EAANA;AAFK,OAAP;AAID;;;WAED,6BAAoB;AAClB,UAAI,KAAKH,UAAT,EAAqB;AACnB;AACA,aAAKe,QAAL,CAAcK,OAAd,CAAsB,KAAKpB,UAA3B;AACD;AACF,K,CAED;;;;WAEA,gCAAuB;AACrB,WAAKe,QAAL,CAAcM,UAAd;AACD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,oBAAoB,GAE2BC,YAFrD;AACA,UAAQC,MAAR,GAAmB,KAAK3B,OAAxB,CAAQ2B,MAAR;AACA,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,oBAAD;AAAA,eAAwC,KAAKN;AAA7C,iBAAvB;AACD;;;EArEmCO,e;;iCAAhCjC,uB,iBACiB,qB;AAuEvB,IAAMkC,mBAAmB,GAAG,sBAAgBlC,uBAAhB,CAA5B;eAEekC,mB","sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO ускорить можно?\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"file":"ResponsiveContainer.js"}

package/lib/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_a9tp4_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_hiipjg);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_a9tp4_gg_:hover{opacity:.8}.___SScatterPlot_a9tp4_gg_.__color_a9tp4_gg_{fill:var(--color_hiipjg)}.___SValue_a9tp4_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_a9tp4_gg_.__color_a9tp4_gg_{stroke:var(--color_hiipjg)}"
+".___SScatterPlot_1xk4p_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_ti4bpm);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1xk4p_gg_:hover{opacity:.8}.___SScatterPlot_1xk4p_gg_.__color_1xk4p_gg_{fill:var(--color_ti4bpm)}.___SValue_1xk4p_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1xk4p_gg_.__color_1xk4p_gg_{stroke:var(--color_ti4bpm)}"
 /*__inner_css_end__*/
-, "hiipjg_gg_")
+, "ti4bpm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_a9tp4_gg_",
-  "--duration": "--duration_hiipjg",
-  "_color": "__color_a9tp4_gg_",
-  "--color": "--color_hiipjg",
-  "__SValue": "___SValue_a9tp4_gg_"
+  "__SScatterPlot": "___SScatterPlot_1xk4p_gg_",
+  "--duration": "--duration_ti4bpm",
+  "_color": "__color_1xk4p_gg_",
+  "--color": "--color_ti4bpm",
+  "__SValue": "___SValue_1xk4p_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/StackBar.js

@@ -48,15 +48,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_raw8k_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_raw8k_gg_.__color_raw8k_gg_{fill:var(--color)}.___SBar_raw8k_gg_.__hide_raw8k_gg_{display:none}.___SBackground_raw8k_gg_{fill:#e4ecf1}"
+".___SBar_14sf1_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_14sf1_gg_.__color_14sf1_gg_{fill:var(--color)}.___SBar_14sf1_gg_.__hide_14sf1_gg_{display:none}.___SBackground_14sf1_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "1oz0u46_gg_")
+, "qk4z9e_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_raw8k_gg_",
-  "_color": "__color_raw8k_gg_",
-  "_hide": "__hide_raw8k_gg_",
-  "__SBackground": "___SBackground_raw8k_gg_"
+  "__SBar": "___SBar_14sf1_gg_",
+  "_color": "__color_14sf1_gg_",
+  "_hide": "__hide_14sf1_gg_",
+  "__SBackground": "___SBackground_14sf1_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -83,11 +83,11 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
 
       if (stack[DEFAULT_INSTANCE]) {
         var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
-          if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {
+          if (_react["default"].isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {
             acc.push(child.props.y);
           }
 
-          if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackBar.HorizontalBar && !child.props.hide) {
+          if (_react["default"].isValidElement(child) && child.type === StackBar.HorizontalBar && !child.props.hide) {
             acc.push(child.props.x);
           }
 

package/lib/cjs/StackBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/StackBar.jsx"],"names":["DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackBar","Bar","props","hide","push","y","HorizontalBar","x","r","seriesIndex","series","findIndex","s","key","rBar","map","i","slice","some","bar","y0","x0","Element","getSeries","Component","style"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack, r: 2 };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        if (\n          React.isValidElement(child) &&\n          child.type === StackBar.HorizontalBar &&\n          !child.props.hide\n        ) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = this.series[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n      r: rBar,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === x);\n    const series = this.series[seriesIndex];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n      r: rBar,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"file":"StackBar.js"}
+{"version":3,"sources":["../../src/StackBar.jsx"],"names":["DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackBar","Bar","props","hide","push","y","HorizontalBar","x","r","seriesIndex","series","findIndex","s","key","rBar","map","i","slice","some","bar","y0","x0","Element","getSeries","Component","style"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack, r: 2 };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        if (\n          React.isValidElement(child) &&\n          child.type === StackBar.HorizontalBar &&\n          !child.props.hide\n        ) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = this.series[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n      r: rBar,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === x);\n    const series = this.series[seriesIndex];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n      r: rBar,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"file":"StackBar.js"}

package/lib/cjs/StackedArea.js

@@ -46,16 +46,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SArea_1efo6_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1efo6_gg_.__color_1efo6_gg_{fill:var(--color)}.___SAreaLine_1efo6_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1efo6_gg_.__color_1efo6_gg_{stroke:var(--color)}.___SArea_1efo6_gg_,.___SAreaLine_1efo6_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1efo6_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1efo6_gg_.__hide_1efo6_gg_{display:none}"
+".___SArea_1dh5l_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1dh5l_gg_.__color_1dh5l_gg_{fill:var(--color)}.___SAreaLine_1dh5l_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1dh5l_gg_.__color_1dh5l_gg_{stroke:var(--color)}.___SArea_1dh5l_gg_,.___SAreaLine_1dh5l_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1dh5l_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1dh5l_gg_.__hide_1dh5l_gg_{display:none}"
 /*__inner_css_end__*/
-, "1fdh5z9_gg_")
+, "uk93tj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1efo6_gg_",
-  "_color": "__color_1efo6_gg_",
-  "__SAreaLine": "___SAreaLine_1efo6_gg_",
-  "__SNull": "___SNull_1efo6_gg_",
-  "_hide": "__hide_1efo6_gg_"
+  "__SArea": "___SArea_1dh5l_gg_",
+  "_color": "__color_1dh5l_gg_",
+  "__SAreaLine": "___SAreaLine_1dh5l_gg_",
+  "__SNull": "___SNull_1dh5l_gg_",
+  "_hide": "__hide_1dh5l_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -82,7 +82,7 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
 
       if (stack[DEFAULT_INSTANCE]) {
         var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
-          if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {
+          if (_react["default"].isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {
             acc.push(child.props.y);
           }
 

package/lib/cjs/StackedArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/StackedArea.jsx"],"names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WAWJ,qBAAY;AACV,0BAAkC,KAAKC,OAAvC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,KAAxB,iBAAwBA,KAAxB;;AAEA,UAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;AAC3B,YAAMQ,IAAI,GAAGC,kBAAMJ,QAAN,CAAeK,OAAf,CAAuB,mCAAkBL,QAAlB,CAAvB,EAAoDM,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACtF,cAAI,gCAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA1D,IAAkE,CAACJ,KAAK,CAACK,KAAN,CAAYC,IAAnF,EAAyF;AACvFP,YAAAA,GAAG,CAACQ,IAAJ,CAASP,KAAK,CAACK,KAAN,CAAYG,CAArB;AACD;;AACD,iBAAOT,GAAP;AACD,SALY,EAKV,EALU,CAAb;;AAMAL,QAAAA,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACc,OAAL,EAAX;AACD;;AAED,aAAOf,KAAK,CAACD,IAAD,CAAZ;AACD;;;WAED,6BAAoB;AAAA,UAALe,CAAK,SAALA,CAAK;AAClB,UAAQE,CAAR,GAAc,KAAKnB,OAAnB,CAAQmB,CAAR,CADkB,CAElB;;AACA,UAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;AAAA,OAAjB,KAAwC,EAAvD;AACA,aAAO;AACLf,QAAAA,IAAI,EAAEkB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;AAAA;;AAAA,iDACZA,CAAC,CAACpB,IADU,8EAGde,CAHc,EAGVK,CAAC,CAACpB,IAAF,CAAOe,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,oDAIdxB,EAJc,EAITwB,CAAC,CAAC,CAAD,CAJQ;AAAA,SAAX,CADD;AAOLG,QAAAA,EAAE,EAAE3B,EAPC;AAQLqB,QAAAA,CAAC,EAADA;AARK,OAAP;AAUD;;;WAED,kBAAS;AACP,UAAMO,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;AACA,0BAAO,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,MAAM,EAAE,KAAKP;AAAjC,QAAP;AACD;;;EA/C2BQ,e;;iCAAxB7B,e,iBACiB,a;iCADjBA,e,WAGW8B,K;iCAHX9B,e,kBAKkB,YAAM;AAC1B,MAAMI,KAAK,GAAG,qBAAd;AACAA,EAAAA,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;AACA,SAAO;AAAEO,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,C;AAyCH,IAAMS,WAAW,GAAG,+BAAcb,eAAd,EAA+B;AAAEc,EAAAA,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    // or [] if hide area\n    const series = this.series.find((s) => s.key === y) || [];\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"file":"StackedArea.js"}
+{"version":3,"sources":["../../src/StackedArea.jsx"],"names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WAWJ,qBAAY;AACV,0BAAkC,KAAKC,OAAvC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,KAAxB,iBAAwBA,KAAxB;;AAEA,UAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;AAC3B,YAAMQ,IAAI,GAAGC,kBAAMJ,QAAN,CAAeK,OAAf,CAAuB,mCAAkBL,QAAlB,CAAvB,EAAoDM,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACtF,cAAIJ,kBAAMK,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA1D,IAAkE,CAACJ,KAAK,CAACK,KAAN,CAAYC,IAAnF,EAAyF;AACvFP,YAAAA,GAAG,CAACQ,IAAJ,CAASP,KAAK,CAACK,KAAN,CAAYG,CAArB;AACD;;AACD,iBAAOT,GAAP;AACD,SALY,EAKV,EALU,CAAb;;AAMAL,QAAAA,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACc,OAAL,EAAX;AACD;;AAED,aAAOf,KAAK,CAACD,IAAD,CAAZ;AACD;;;WAED,6BAAoB;AAAA,UAALe,CAAK,SAALA,CAAK;AAClB,UAAQE,CAAR,GAAc,KAAKnB,OAAnB,CAAQmB,CAAR,CADkB,CAElB;;AACA,UAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;AAAA,OAAjB,KAAwC,EAAvD;AACA,aAAO;AACLf,QAAAA,IAAI,EAAEkB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;AAAA;;AAAA,iDACZA,CAAC,CAACpB,IADU,8EAGde,CAHc,EAGVK,CAAC,CAACpB,IAAF,CAAOe,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,oDAIdxB,EAJc,EAITwB,CAAC,CAAC,CAAD,CAJQ;AAAA,SAAX,CADD;AAOLG,QAAAA,EAAE,EAAE3B,EAPC;AAQLqB,QAAAA,CAAC,EAADA;AARK,OAAP;AAUD;;;WAED,kBAAS;AACP,UAAMO,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;AACA,0BAAO,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,MAAM,EAAE,KAAKP;AAAjC,QAAP;AACD;;;EA/C2BQ,e;;iCAAxB7B,e,iBACiB,a;iCADjBA,e,WAGW8B,K;iCAHX9B,e,kBAKkB,YAAM;AAC1B,MAAMI,KAAK,GAAG,qBAAd;AACAA,EAAAA,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;AACA,SAAO;AAAEO,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,C;AAyCH,IAAMS,WAAW,GAAG,+BAAcb,eAAd,EAA+B;AAAEc,EAAAA,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    // or [] if hide area\n    const series = this.series.find((s) => s.key === y) || [];\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"file":"StackedArea.js"}

package/lib/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_qrs3t_gg_{font-size:12px;line-height:1.5;position:relative;background-color:#fff;border-radius:3px;border:1px solid #bdc4c6;box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(0,0,0,.25),0 -2px 5px -2px rgba(0,0,0,.25);padding:12px}.___STitle_qrs3t_gg_{color:#757575;margin-bottom:8px}.___SDotGroup_qrs3t_gg_{display:flex;align-items:center}.___SDot_qrs3t_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#50aef4}.___SDot_qrs3t_gg_.__color_qrs3t_gg_{background:var(--color_drazch)}"
+".___STooltip_su7qo_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_su7qo_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_su7qo_gg_{display:flex;align-items:center}.___SDot_su7qo_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_su7qo_gg_.__color_su7qo_gg_{background:var(--color_1rhpqds)}"
 /*__inner_css_end__*/
-, "drazch_gg_")
+, "1rhpqds_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_qrs3t_gg_",
-  "__STitle": "___STitle_qrs3t_gg_",
-  "__SDotGroup": "___SDotGroup_qrs3t_gg_",
-  "__SDot": "___SDot_qrs3t_gg_",
-  "_color": "__color_qrs3t_gg_",
-  "--color": "--color_drazch"
+  "__STooltip": "___STooltip_su7qo_gg_",
+  "__STitle": "___STitle_su7qo_gg_",
+  "__SDotGroup": "___SDotGroup_su7qo_gg_",
+  "__SDot": "___SDot_su7qo_gg_",
+  "_color": "__color_su7qo_gg_",
+  "--color": "--color_1rhpqds"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {
@@ -127,10 +127,8 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
           $visible: visible
         }), function () {
           if (node && (node[_utils.CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {
-            var _this2$popper$current;
-
-            _this2 === null || _this2 === void 0 ? void 0 : _this2.setPopperTrigger(node);
-            (_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 ? void 0 : _this2$popper$current.update();
+            _this2?.setPopperTrigger(node);
+            _this2.popper.current?.update();
           }
         });
       });
@@ -164,13 +162,11 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
           allowedAutoPlacements: ['left', 'right']
         }
       }, _ref), function (_ref7) {
-        var _this3$popper$current;
-
         var popper = _ref7.popper,
             setTrigger = _ref7.setTrigger;
         _this3.setPopperTrigger = setTrigger;
         _this3.popper = popper;
-        (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
+        _this3.popper.current?.update();
         return advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tag && /*#__PURE__*/_react["default"].createElement(Tooltip.Trigger, {
           tag: tag
         }), /*#__PURE__*/_react["default"].createElement(Tooltip.Popper, other, children));

package/lib/cjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip.jsx"],"names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Box","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../src/Tooltip.jsx"],"names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Box","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}

package/lib/cjs/Venn.js

@@ -48,16 +48,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1c5as_gg_{fill:#3ab011;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1j56sbj);transition-timing-function:ease-in-out}.___SCircle_1c5as_gg_:hover{fill-opacity:.7}.___SCircle_1c5as_gg_.__color_1c5as_gg_{fill:var(--color_1j56sbj)}.___SIntersection_1c5as_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1c5as_gg_:hover{fill-opacity:.1}"
+".___SCircle_1evfu_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1y13fr0);transition-timing-function:ease-in-out}.___SCircle_1evfu_gg_:hover{fill-opacity:.7}.___SCircle_1evfu_gg_.__color_1evfu_gg_{fill:var(--color_1y13fr0)}.___SIntersection_1evfu_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1evfu_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "1j56sbj_gg_")
+, "1y13fr0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1c5as_gg_",
-  "--duration": "--duration_1j56sbj",
-  "_color": "__color_1c5as_gg_",
-  "--color": "--color_1j56sbj",
-  "__SIntersection": "___SIntersection_1c5as_gg_"
+  "__SCircle": "___SCircle_1evfu_gg_",
+  "--duration": "--duration_1y13fr0",
+  "_color": "__color_1evfu_gg_",
+  "--color": "--color_1y13fr0",
+  "__SIntersection": "___SIntersection_1evfu_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {
@@ -86,7 +86,7 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderElement", /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderElement", _react["default"].forwardRef(function (props, ref) {
       return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
         ref: ref,
         tag: "g",
@@ -212,7 +212,7 @@ function Intersection(props) {
       styles = props.styles,
       data = props.data;
 
-  var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  var renderIntersection = _react["default"].useCallback(_react["default"].forwardRef(function (props, ref) {
     return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
       ref: ref,
       tag: "path",

package/lib/cjs/Venn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Venn.jsx"],"names":["VennRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","duration","onMouseMove","bindHandlerTooltip","onMouseLeave","dataKeys","delay","values","filter","d","includes","setid","Element","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","Intersection","SIntersection","renderIntersection","useCallback","Venn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;IAIMA,Q;;;;;;;;;;;;;;;uGAUa,+BAAcC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAd,GAA8C,E;2GAO7D,UAACC,OAAD,EAAUC,KAAV;AAAA,aACA,iBAAgC;AAAA,YAApBC,CAAoB,SAA7BC,OAA6B;AAAA,YAARC,CAAQ,SAAjBC,OAAiB;AAC9B,YAAQC,YAAR,GAAyB,MAAKC,OAA9B,CAAQD,YAAR;AACA,cAAKE,cAAL,CAAoBC,qBAApB,GAA4C,MAAKC,6BAAL,CAAmCR,CAAnC,EAAsCE,CAAtC,CAA5C;AACA,cAAKI,cAAL,CAAoBG,gBAASC,eAA7B,IAAgD,IAAhD;AACAN,QAAAA,YAAY,CAACO,IAAb,CAAkB,kBAAlB,EAAsCb,OAAtC,EAA+CC,KAA/C,EAAsD,MAAKO,cAA3D;AACD,OAND;AAAA,K;mHA4CcM,kBAAMC,UAAN,CAAiB,UAACd,KAAD,EAAQe,GAAR,EAAgB;AAC/C,0BAAO,gCAAC,oBAAD;AAAW,QAAA,GAAG,EAAEA,GAAhB;AAAqB,QAAA,GAAG,EAAC,GAAzB;AAA6B,QAAA,OAAO;AAApC,SAAyCf,KAAzC,EAAP;AACD,KAFe,C;;;;;;WAjDhB,yCAA4C;AAAA,UAAdC,CAAc,uEAAV,CAAU;AAAA,UAAPE,CAAO,uEAAH,CAAG;AAC1C,aAAO;AAAA,eAAO;AAAEa,UAAAA,KAAK,EAAE,CAAT;AAAYC,UAAAA,MAAM,EAAE,CAApB;AAAuBC,UAAAA,GAAG,EAAEf,CAA5B;AAA+BgB,UAAAA,KAAK,EAAElB,CAAtC;AAAyCmB,UAAAA,MAAM,EAAEjB,CAAjD;AAAoDkB,UAAAA,IAAI,EAAEpB;AAA1D,SAAP;AAAA,OAAP;AACD;;;WAWD,uBAAc;AACZ,0BAAsD,KAAKK,OAA3D;AAAA,UAAQgB,IAAR,iBAAQA,IAAR;AAAA,UAAcC,WAAd,iBAAcA,WAAd;AAAA,UAA2BC,gBAA3B,iBAA2BA,gBAA3B;AAAA,UAA6CC,IAA7C,iBAA6CA,IAA7C;;AACA,kDAAwBA,IAAxB;AAAA,UAAOT,KAAP;AAAA,UAAcC,MAAd;;AACA,UAAMS,QAAQ,GAAGC,MAAM,CAACC,OAAP,CAAeN,IAAf,EAAqBO,GAArB,CAAyB;AAAA;AAAA,YAAEC,OAAF;AAAA,YAAWL,IAAX;;AAAA,eAAsB;AAC9DM,UAAAA,IAAI,EAAED,OAAO,CAACE,KAAR,CAAc,GAAd,CADwD;AAE9DP,UAAAA,IAAI,EAAJA;AAF8D,SAAtB;AAAA,OAAzB,CAAjB;AAIA,aAAO,yBACL,6BAAkB,gBAAKC,QAAL,CAAlB,EAAkCH,WAAlC,EAA+CC,gBAA/C,CADK,EAELR,KAFK,EAGLC,MAHK,EAIL,EAJK,CAAP;AAMD;;;WAED,wBAAejB,KAAf,EAAsB;AACpB,aAAO;AACLiC,QAAAA,QAAQ,EAAE,KAAK3B,OAAL,CAAa2B,QADlB;AAELX,QAAAA,IAAI,EAAE,KAAKI,QAAL,CAAc1B,KAAK,CAAC8B,OAApB,CAFD;AAGLI,QAAAA,WAAW,EAAE,KAAKC,kBAAL,CAAwB,IAAxB,EAA8BnC,KAA9B,CAHR;AAILoC,QAAAA,YAAY,EAAE,KAAKD,kBAAL,CAAwB,KAAxB,EAA+BnC,KAA/B;AAJT,OAAP;AAMD;;;WAED,8BAAqBA,KAArB,EAA4B;AAC1B,UAAQiC,QAAR,GAAqB,KAAK3B,OAA1B,CAAQ2B,QAAR;AACA,UAAMI,QAAQ,GAAGrC,KAAK,CAAC8B,OAAN,CAAcE,KAAd,CAAoB,GAApB,CAAjB;AACA,aAAO;AACLC,QAAAA,QAAQ,EAARA,QADK;AAELK,QAAAA,KAAK,EAAEL,QAFF;AAGLX,QAAAA,IAAI,EAAEK,MAAM,CAACY,MAAP,CAAc,KAAKb,QAAnB,EAA6Bc,MAA7B,CAAoC,UAACC,CAAD;AAAA,iBAAOJ,QAAQ,CAACK,QAAT,CAAkBD,CAAC,CAACE,KAApB,CAAP;AAAA,SAApC,CAHD;AAILT,QAAAA,WAAW,EAAE,KAAKC,kBAAL,CAAwB,IAAxB,EAA8BnC,KAA9B,CAJR;AAKLoC,QAAAA,YAAY,EAAE,KAAKD,kBAAL,CAAwB,KAAxB,EAA+BnC,KAA/B;AALT,OAAP;AAOD;;;WAMD,kBAAS;AACP,UAAM4C,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKlB,QAAL,GAAgB,KAAKmB,WAAL,EAAhB;AACA,0BACE,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAE,KAAKC,aAAtB;AAAqC,QAAA,gBAAgB,EAAC,QAAtD;AAA+D,QAAA,QAAQ,EAAE,KAAKpB;AAA9E,QADF;AAGD;;;EAvEoBqB,e;;iCAAjBnD,Q,iBACiB,M;iCADjBA,Q,WAEWoD,K;iCAFXpD,Q,kBAIkB;AACpB2B,EAAAA,WAAW,EAAE0B,IAAI,CAACC,EAAL,GAAU,CADH;AAEpB1B,EAAAA,gBAAgB,EAAE,0BAAC2B,EAAD,EAAKC,EAAL;AAAA,WAAYA,EAAE,CAACC,MAAH,GAAYF,EAAE,CAACE,MAA3B;AAAA,GAFE;AAGpBpB,EAAAA,QAAQ,EAAE;AAHU,C;;AAsExB,SAASqB,MAAT,QAAqE;AAAA;;AAAA,MAA1CC,OAA0C,SAAnDX,OAAmD;AAAA,MAAjCY,MAAiC,SAAjCA,MAAiC;AAAA,MAAzBC,KAAyB,SAAzBA,KAAyB;AAAA,MAAlBnC,IAAkB,SAAlBA,IAAkB;AAAA,MAAZW,QAAY,SAAZA,QAAY;AACnE,gBAAO,mBAAQuB,MAAR,CAAP,eACE,gCAAC,OAAD;AAAA,cACS,QADT;AAAA,aAESC,KAFT;AAAA,UAGMnC,IAAI,CAACrB,CAHX;AAAA,UAIMqB,IAAI,CAACnB,CAJX;AAAA,SAKKmB,IAAI,CAAC+B,MALV;AAAA,8BAMmBpB,QANnB;AAAA,KADF;AAUD;;AAED,SAASyB,YAAT,CAAsB1D,KAAtB,EAA6B;AAAA;;AAC3B,MAAiB2D,aAAjB,GAAiD3D,KAAjD,CAAQ4C,OAAR;AAAA,MAAgCY,MAAhC,GAAiDxD,KAAjD,CAAgCwD,MAAhC;AAAA,MAAwClC,IAAxC,GAAiDtB,KAAjD,CAAwCsB,IAAxC;;AACA,MAAMsC,kBAAkB,GAAG/C,kBAAMgD,WAAN,eACzBhD,kBAAMC,UAAN,CAAiB,UAACd,KAAD,EAAQe,GAAR,EAAgB;AAC/B,wBAAO,gCAAC,oBAAD;AAAW,MAAA,GAAG,EAAEA,GAAhB;AAAqB,MAAA,GAAG,EAAC,MAAzB;AAAgC,MAAA,OAAO;AAAvC,OAA4Cf,KAA5C,EAAP;AACD,GAFD,CADyB,EAIzB,CAACA,KAAD,CAJyB,CAA3B;;AAMA,iBAAO,mBAAQwD,MAAR,CAAP,eACE,gCAAC,aAAD;AAAA,cAAuBI,kBAAvB;AAAA,SAA8C,gCAAqBtC,IAArB;AAA9C,KADF;AAGD;;AAED,IAAMwC,IAAI,GAAG,+BAAclE,QAAd,EAAwB;AAAE0D,EAAAA,MAAM,EAANA,MAAF;AAAUI,EAAAA,YAAY,EAAZA;AAAV,CAAxB,CAAb;eAEeI,I","sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\n\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.vennData = this.getVennData();\n    return (\n      <Element render={this.renderElement} childrenPosition=\"inside\" vennData={this.vennData} />\n    );\n  }\n}\n\nfunction Circle({ Element: SCircle, styles, color, data, duration }) {\n  return sstyled(styles)(\n    <SCircle\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const { Element: SIntersection, styles, data } = props;\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection render={renderIntersection} d={intersectionAreaPath(data)} />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"file":"Venn.js"}
+{"version":3,"sources":["../../src/Venn.jsx"],"names":["VennRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","duration","onMouseMove","bindHandlerTooltip","onMouseLeave","dataKeys","delay","values","filter","d","includes","setid","Element","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","Intersection","SIntersection","renderIntersection","useCallback","Venn"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\n\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.vennData = this.getVennData();\n    return (\n      <Element render={this.renderElement} childrenPosition=\"inside\" vennData={this.vennData} />\n    );\n  }\n}\n\nfunction Circle({ Element: SCircle, styles, color, data, duration }) {\n  return sstyled(styles)(\n    <SCircle\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const { Element: SIntersection, styles, data } = props;\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection render={renderIntersection} d={intersectionAreaPath(data)} />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"file":"Venn.js"}