@react-magma/charts 4.0.0 → 4.0.1

package/dist/charts.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.modern.js","sources":["../src/components/LineChart/magma-charts.ts","../src/components/LineChart/GraphTooltip.tsx","../src/components/LineChart/CustomPointComponent.tsx","../src/components/LineChart/CustomAxisComponent.tsx","../src/components/LineChart/LegendButton.tsx","../src/components/LineChart/LineChart.tsx","../src/components/LineChart/ChartDataTable.tsx","../src/components/LineChart/Chart.tsx"],"sourcesContent":["// *\n// * Colors\n// *\n// const yellow200 = '#FFF59D';\n// const deepOrange600 = '#F4511E';\n// const lime300 = '#DCE775';\n// const lightGreen500 = '#8BC34A';\n// const teal700 = '#00796B';\n// const cyan900 = '#006064';\n\n// const colors = [\n//   '#0085CC',\n//   '#E0004D',\n//   '#FA6600',\n//   '#48A200',\n//   '#B12FAD',\n//   '#00A393',\n// ];\n\nconst colors = [\n  '#00507A',\n  '#8F0033',\n  '#B84900',\n  '#255200',\n  '#711E6E',\n  '#005249',\n];\n\nconst blueGrey50 = '#DFDFDF';\nconst blueGrey300 = '#8F8F8F';\nconst blueGrey700 = '#3F3F3F';\nconst grey900 = 'pink';\n\n// *\n// * Typography\n// *\nconst sansSerif = '\"Work Sans\",Helvetica,sans-serif';\nconst letterSpacing = 'normal';\nconst fontSize = 12;\n\n// *\n// * Layout\n// *\nconst padding = 8;\nconst baseProps = {\n  width: 350,\n  height: 350,\n  padding: 50,\n};\n\n// *\n// * Labels\n// *\nconst baseLabelStyles = {\n  fontFamily: sansSerif,\n  fontSize,\n  letterSpacing,\n  padding,\n  fill: blueGrey700,\n  stroke: 'transparent',\n  strokeWidth: 0,\n};\n\nconst centeredLabelStyles = { textAnchor: 'middle', ...baseLabelStyles };\n// *\n// * Strokes\n// *\n// const strokeDasharray = '10, 5';\nconst strokeLinecap = 'round';\nconst strokeLinejoin = 'round';\n\nexport const magmaTheme: any = {\n  area: {\n    style: {\n      data: {\n        fill: grey900,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  axis: {\n    style: {\n      axis: {\n        fill: 'transparent',\n        stroke: blueGrey300,\n        strokeWidth: 1,\n        strokeLinecap,\n        strokeLinejoin,\n      },\n      axisLabel: {\n        ...centeredLabelStyles,\n        padding,\n        stroke: 'transparent',\n      },\n      grid: {\n        fill: 'none',\n        stroke: '#dfdfdf',\n        //strokeDasharray,\n        strokeLinecap,\n        strokeLinejoin,\n        pointerEvents: 'painted',\n      },\n      ticks: {\n        fill: 'transparent',\n        size: 0,\n        stroke: blueGrey300,\n        strokeWidth: 0,\n        strokeLinecap,\n        strokeLinejoin,\n      },\n      tickLabels: {\n        ...baseLabelStyles,\n        fill: blueGrey700,\n      },\n    },\n    ...baseProps,\n  },\n  polarDependentAxis: {\n    style: {\n      ticks: {\n        fill: 'transparent',\n        size: 1,\n        stroke: 'transparent',\n      },\n    },\n  },\n  bar: {\n    style: {\n      data: {\n        fill: blueGrey700,\n        padding,\n        strokeWidth: 0,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  boxplot: {\n    style: {\n      max: { padding, stroke: blueGrey700, strokeWidth: 1 },\n      maxLabels: { ...baseLabelStyles, padding: 3 },\n      median: { padding, stroke: blueGrey700, strokeWidth: 1 },\n      medianLabels: { ...baseLabelStyles, padding: 3 },\n      min: { padding, stroke: blueGrey700, strokeWidth: 1 },\n      minLabels: { ...baseLabelStyles, padding: 3 },\n      q1: { padding, fill: blueGrey700 },\n      q1Labels: { ...baseLabelStyles, padding: 3 },\n      q3: { padding, fill: blueGrey700 },\n      q3Labels: { ...baseLabelStyles, padding: 3 },\n    },\n    boxWidth: 20,\n    ...baseProps,\n  },\n  candlestick: {\n    style: {\n      data: {\n        stroke: blueGrey700,\n      },\n      labels: { ...baseLabelStyles, padding: 5 },\n    },\n    candleColors: {\n      positive: '#ffffff',\n      negative: blueGrey700,\n    },\n    ...baseProps,\n  },\n  chart: baseProps,\n  errorbar: {\n    borderWidth: 8,\n    style: {\n      data: {\n        fill: 'transparent',\n        opacity: 1,\n        stroke: blueGrey700,\n        strokeWidth: 2,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  group: {\n    colorScale: colors,\n    ...baseProps,\n  },\n  histogram: {\n    style: {\n      data: {\n        fill: blueGrey700,\n        stroke: grey900,\n        strokeWidth: 2,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  legend: {\n    colorScale: colors,\n    gutter: 10,\n    orientation: 'vertical',\n    titleOrientation: 'top',\n    style: {\n      data: {\n        type: 'circle',\n      },\n      labels: baseLabelStyles,\n      title: { ...baseLabelStyles, padding: 5 },\n    },\n  },\n  line: {\n    style: {\n      data: {\n        fill: 'transparent',\n        opacity: 1,\n        stroke: blueGrey700,\n        strokeWidth: 2,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  pie: {\n    colorScale: colors,\n    style: {\n      data: {\n        padding,\n        stroke: blueGrey50,\n        strokeWidth: 1,\n      },\n      labels: { ...baseLabelStyles, padding: 20 },\n    },\n    ...baseProps,\n  },\n  scatter: {\n    style: {\n      data: {\n        fill: blueGrey700,\n        opacity: 1,\n        stroke: 'transparent',\n        strokeWidth: 0,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  stack: {\n    colorScale: colors,\n    ...baseProps,\n  },\n  tooltip: {\n    style: { ...baseLabelStyles, padding: 0, pointerEvents: 'none' },\n    flyoutStyle: {\n      stroke: grey900,\n      strokeWidth: 1,\n      fill: '#f0f0f0',\n      pointerEvents: 'none',\n    },\n    flyoutPadding: 5,\n    cornerRadius: 5,\n    pointerLength: 10,\n  },\n  voronoi: {\n    style: {\n      data: {\n        fill: 'transparent',\n        stroke: 'transparent',\n        strokeWidth: 0,\n      },\n      labels: { ...baseLabelStyles, padding: 5, pointerEvents: 'none' },\n      flyout: {\n        stroke: grey900,\n        strokeWidth: 1,\n        fill: '#f0f0f0',\n        pointerEvents: 'none',\n      },\n    },\n    ...baseProps,\n  },\n};\n","import * as React from 'react';\nimport {\n  StyledTooltip,\n  ThemeContext,\n  TooltipArrow,\n  TooltipPosition,\n  ThemeInterface,\n  styled,\n} from 'react-magma-dom';\n\nconst StyledGraphTooltip = styled(StyledTooltip)`\n  background: ${(props: any) => props.theme.colors.neutral100};\n  border: 1px solid ${(props: any) => props.theme.colors.neutral300};\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);\n  box-sizing: border-box;\n  color: ${(props: any) => props.theme.colors.neutral};\n  font-size: ${(props: any) => props.theme.typeScale.size02.fontSize};\n  font-weight: normal;\n  line-height: ${(props: any) => props.theme.typeScale.size02.lineHeight};\n  margin: 0;\n  padding: 8px;\n  width: fit-content;\n  div {\n    margin-bottom: 8px;\n    display: flex;\n    align-items: flex-start;\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nconst TooltipColorSwatch = styled.span`\n  background: ${(props: any) => props.color};\n  border: ${(props: any) => (props.color ? 'none' : '3px solid black')};\n  border-radius: 4px;\n  height: 20px;\n  width: 20px;\n  margin-right: 8px;\n`;\n\nexport const GraphTooltip = (props: any) => {\n  const { datum, index, showTooltip, x, y } = props;\n\n  const theme: ThemeInterface = React.useContext(ThemeContext);\n  const linePointIndex = `${index}-${datum.index}`;\n\n  return showTooltip === linePointIndex ? (\n    <g style={{ pointerEvents: 'none' }}>\n      <foreignObject x={x} y={y} width=\"275\" height=\"100%\">\n        <StyledGraphTooltip\n          position={TooltipPosition.top}\n          role=\"tooltip\"\n          theme={theme}\n        >\n          <div>\n            <TooltipColorSwatch color={theme.iterableColors[index]} />\n            <span>{datum.label}</span>\n          </div>\n          <TooltipArrow theme={theme} />\n        </StyledGraphTooltip>\n      </foreignObject>\n    </g>\n  ) : null;\n};\n\nexport const AxisTooltip = (props: any) => {\n  const { x, y, activePoints, hiddenData, dataLength } = props;\n\n  const pointsIndexes = Array.from(\n    Array(dataLength - 0),\n    (_, i) => i + 0\n  ).filter(i => !hiddenData.includes(i));\n\n  const theme: ThemeInterface = React.useContext(ThemeContext);\n\n  return (\n    <g style={{ pointerEvents: 'none' }}>\n      <foreignObject x={x} y={y} width=\"275\" height=\"100%\">\n        <StyledGraphTooltip\n          data-testid=\"axis-tooltip\"\n          position={TooltipPosition.top}\n          role=\"tooltip\"\n          theme={theme}\n        >\n          {activePoints.map((point: any, i: number) => (\n            <div key={i}>\n              <TooltipColorSwatch\n                color={theme.iterableColors[pointsIndexes[i]]}\n              />\n              <span>{point.label}</span>\n            </div>\n          ))}\n          <TooltipArrow theme={theme} />\n        </StyledGraphTooltip>\n      </foreignObject>\n    </g>\n  );\n};\n","import * as React from 'react';\nimport { Point, PointProps } from 'victory';\nimport { useForceUpdate } from 'react-magma-dom';\n\nexport interface CustomScatterDataComponentInterface extends PointProps {\n  lineIndex: number;\n  pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n  registerPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  unregisterPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n}\n\nexport interface CustomPointComponentInterface {\n  lineIndex: number;\n  pointIndex: PointProps['index'];\n  pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n  registerPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  unregisterPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n}\n\nexport const CustomScatterDataComponent = (\n  props: CustomScatterDataComponentInterface\n) => {\n  const {\n    datum,\n    index: pointIndex,\n    lineIndex,\n    pointRefArray,\n    registerPoint,\n    unregisterPoint,\n    ...other\n  } = props;\n  return (\n    <Point\n      {...other}\n      ariaLabel={datum.label}\n      pathComponent={\n        <CustomPointComponent\n          lineIndex={lineIndex}\n          pointIndex={pointIndex}\n          pointRefArray={pointRefArray}\n          registerPoint={registerPoint}\n          unregisterPoint={unregisterPoint}\n        />\n      }\n      role=\"button\"\n      tabIndex={0}\n    />\n  );\n};\n\nexport const CustomPointComponent = (props: CustomPointComponentInterface) => {\n  const {\n    lineIndex,\n    pointRefArray,\n    pointIndex,\n    registerPoint,\n    unregisterPoint,\n    ...other\n  } = props;\n  const forceUpdate = useForceUpdate();\n  const ref = React.useRef<SVGPathElement | null>(null);\n\n  React.useEffect(() => {\n    registerPoint(pointRefArray, ref as React.MutableRefObject<Element>);\n\n    forceUpdate();\n\n    return () =>\n      unregisterPoint(pointRefArray, ref as React.MutableRefObject<Element>);\n  }, []);\n\n  return (\n    <path\n      ref={ref}\n      data-line-index={lineIndex}\n      data-point-index={pointIndex}\n      {...other}\n    />\n  );\n};\n","import * as React from 'react';\nimport { LineSegment, LineSegmentProps } from 'victory';\n\nexport const CustomAxisComponent: React.FunctionComponent<LineSegmentProps> = ({\n  events,\n  ...props\n}: any) => {\n  return (\n    <g>\n      <LineSegment\n        {...props}\n        events={events}\n        style={{\n          strokeWidth: '50px',\n          stroke: 'transparent',\n        }}\n      />\n      <LineSegment\n        {...props}\n        events={events}\n        style={{\n          strokeWidth: '1px',\n          stroke: 'black',\n          strokeOpacity: '0.2',\n        }}\n      />\n    </g>\n  );\n};\n","import * as React from 'react';\nimport { ThemeContext, Checkbox } from 'react-magma-dom';\n\nexport interface DataTableProps {\n  name?: string;\n  color?: string;\n}\n\nexport const LegendButton = React.forwardRef<HTMLButtonElement, any>(\n  (props, ref) => {\n    const {\n      children,\n      color,\n      dataIndex,\n      isHidden,\n      onClick,\n      name,\n      focusCurrentLine,\n      resetLineFocus,\n      ...other\n    } = props;\n\n    function handleClick() {\n      onClick && typeof onClick === 'function' && onClick(dataIndex);\n\n      if (!isHidden) {\n        resetLineFocus &&\n          typeof resetLineFocus === 'function' &&\n          resetLineFocus();\n      }\n    }\n\n    function handleOnMouseEnterOrFocus() {\n      if (!isHidden) {\n        focusCurrentLine &&\n          typeof focusCurrentLine === 'function' &&\n          focusCurrentLine(dataIndex);\n      }\n    }\n\n    const theme = React.useContext(ThemeContext);\n\n    return (\n      <div\n        style={{ display: 'inline-flex' }}\n        onMouseEnter={handleOnMouseEnterOrFocus}\n        onMouseLeave={resetLineFocus}\n      >\n        <Checkbox\n          checked={!isHidden}\n          color={color}\n          containerStyle={{\n            alignItems: 'center',\n            border: '0',\n            boxShadow: '0 0 0',\n            color: theme.colors.neutral,\n            display: 'inline-flex',\n            margin: '0 36px 20px 0',\n            padding: '0',\n          }}\n          inputStyle={{\n            border: color ? `none` : `2px solid ${theme.colors.neutral800}`,\n            borderRadius: '4px',\n          }}\n          labelText={name}\n          onBlur={resetLineFocus}\n          onClick={handleClick}\n          onFocus={handleOnMouseEnterOrFocus}\n          ref={ref}\n          theme={theme}\n          {...other}\n        />\n      </div>\n    );\n  }\n);\n","import * as React from 'react';\nimport {\n  VictoryAxis,\n  VictoryAxisProps,\n  VictoryChart,\n  VictoryChartProps,\n  VictoryLine,\n  VictoryLineProps,\n  VictoryScatter,\n  VictoryScatterProps,\n  VictoryTooltip,\n  VictoryVoronoiContainer,\n} from 'victory';\n\nimport {\n  I18nContext,\n  ThemeContext,\n  styled,\n  ThemeInterface,\n  I18nInterface,\n} from 'react-magma-dom';\n\nimport { magmaTheme } from './magma-charts';\nimport { AxisTooltip, GraphTooltip } from './GraphTooltip';\nimport { CustomScatterDataComponent } from './CustomPointComponent';\nimport { CustomAxisComponent } from './CustomAxisComponent';\nimport { LegendButton } from './LegendButton';\n\nexport type LineChartAxisStyle = VictoryAxisProps['style'];\nexport type DataGetterPropType = VictoryLineProps['x'];\n\nexport type ChartDataOptions =\n  | {\n      label: string;\n      x: string | number;\n      y: string | number;\n      [key: string]: any;\n    }\n  | { label: string; [key: string]: any }\n  | any;\n\nexport interface LineChartData<T> {\n  name: string;\n  data: T[];\n}\n\nexport interface LineChartComponentProps {\n  chart?: VictoryChartProps;\n  line?: VictoryLineProps;\n  scatter?: VictoryScatterProps;\n  xAxis?: VictoryAxisProps;\n  yAxis?: VictoryAxisProps;\n}\n\n// NOTE: These props are manually copied to line-chart.mdx\nexport interface LineChartProps<T extends ChartDataOptions> {\n  /**\n   * Props passed to each component that makes up the line chart. See `victory` for accepted props.\n   */\n  componentProps?: LineChartComponentProps;\n  /**\n   * Data used to build the chart\n   */\n  data?: LineChartData<T>[];\n  isMulti?: boolean;\n  /**\n   * @internal\n   */\n  lastFocusedScatterPoint: React.MutableRefObject<SVGPathElement | null>;\n  /**\n   * @internal\n   */\n  pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n  /**\n   * @internal\n   */\n  registerPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  /**\n   * @internal\n   */\n  tabRef: React.MutableRefObject<HTMLButtonElement | null>;\n  /**\n   * @internal\n   */\n  unregisterPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  /**\n   * Value of x key in chart data\n   */\n  x?: keyof T;\n  /**\n   * Value of y key in chart data\n   */\n  y?: keyof T;\n}\n\nconst LineChartContainer = styled.div`\n  max-height: 600px;\n  max-width: 800px;\n  svg {\n    overflow: visible;\n  }\n`;\n\nconst VictoryChartContainer = styled.div``;\n\nconst DataLegendsContainer = styled.div`\n  padding-bottom: 24px;\n`;\n\nconst DataLegendsDescription = styled.p`\n  color: ${(props: any) => props.theme.colors.neutral};\n  font-size: ${(props: any) => props.theme.typeScale.size02.fontSize};\n`;\n\nexport function LineChart<T>(props: LineChartProps<T>) {\n  const {\n    componentProps: {\n      chart = {},\n      line = {},\n      scatter = {},\n      xAxis: {\n        style: {\n          axisLabel: xAxisLabel = undefined,\n          tickLabels: xTickLabels = undefined,\n          ...xRest\n        } = {},\n        ...xAxisOther\n      } = { style: {} },\n      yAxis: {\n        style: {\n          axisLabel: yAxisLabel = undefined,\n          tickLabels: yTickLabels = undefined,\n          ...yRest\n        } = {},\n        ...yAxisOther\n      } = { style: {} },\n    } = {},\n    data = [],\n    lastFocusedScatterPoint,\n    pointRefArray,\n    registerPoint,\n    unregisterPoint,\n    tabRef,\n    x,\n    y,\n  } = props;\n\n  const theme: ThemeInterface = React.useContext(ThemeContext);\n  const i18n: I18nInterface = React.useContext(I18nContext);\n\n  const [hiddenData, setHiddenData] = React.useState<number[]>([]);\n  const [width, setWidth] = React.useState<number>(800);\n  const [focusedLine, setFocusedLine] = React.useState<number | null>(null);\n  const [showTooltip, setShowTooltip] = React.useState<string | null>(null);\n  const [showXAxisLabel, setShowXAxisLabel] = React.useState<boolean>(true);\n  const [hoveringOnXAxisLine, setHoveringOnXAxisLine] =\n    React.useState<boolean>(false);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const firstLegendButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useEffect(() => {\n    updateWidth();\n\n    window.addEventListener('resize', updateWidth);\n    window.addEventListener('keydown', handleEsc);\n\n    return () => {\n      window.removeEventListener('resize', updateWidth);\n      window.removeEventListener('keydown', handleEsc);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    window.addEventListener('mousemove', handleMouseMove);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, [showTooltip]);\n\n  const scatterNames: string[] = data.map((_, i) => `scatter-${i}`);\n\n  const xAxisStyles = {\n    tickLabels: {\n      color: '#3f3f3f',\n      fontSize: 12,\n      ...xTickLabels,\n    },\n    axisLabel: {\n      color: '#3f3f3f',\n      padding: 44,\n      fontSize: 14,\n      fontWeight: 'bold',\n      ...xAxisLabel,\n    },\n    ...xRest,\n  };\n\n  const yAxisStyles = {\n    tickLabels: {\n      fontSize: 12,\n      ...yTickLabels,\n    },\n    axisLabel: {\n      color: '#3f3f3f',\n      padding: 64,\n      fontSize: 14,\n      fontWeight: 'bold',\n      ...yAxisLabel,\n    },\n    ...yRest,\n  };\n\n  function updateWidth() {\n    containerRef.current && setWidth(containerRef.current.clientWidth);\n  }\n\n  function handleEsc(event: KeyboardEvent): any {\n    if (event.key === 'Escape') {\n      setShowTooltip(null);\n      setShowXAxisLabel(false);\n    }\n  }\n\n  function handleMouseMove() {\n    !showTooltip && setShowXAxisLabel(true);\n  }\n\n  function setLineOpacity(index: number) {\n    return focusedLine === null ? 1 : focusedLine === index ? 1 : 0.1;\n  }\n\n  function handleLegendClick(dataIndex: number) {\n    if (hiddenData.includes(dataIndex)) {\n      setHiddenData(hiddenData.filter(item => item !== dataIndex));\n    } else {\n      setHiddenData(hiddenData.concat([dataIndex]));\n    }\n  }\n\n  function focusCurrentLine(dataIndex: number) {\n    setFocusedLine(dataIndex);\n  }\n\n  function resetLineFocus() {\n    setFocusedLine(null);\n  }\n\n  const buildLineIndexes = (\n    acc: number[],\n    point: React.MutableRefObject<Element>\n  ) => {\n    if (point.current) {\n      const currentLineIndex = parseInt(\n        point.current.getAttribute('data-line-index') as string,\n        10\n      );\n      !acc.includes(currentLineIndex) &&\n        acc.push(\n          parseInt(point.current.getAttribute('data-line-index') as string, 10)\n        );\n    }\n    return acc;\n  };\n\n  const buildLineIndexData = (point: React.MutableRefObject<Element>) => {\n    const currentLineIndex = parseInt(\n      point.current.getAttribute('data-line-index') as string,\n      10\n    );\n    const currentPointIndex = parseInt(\n      point.current.getAttribute('data-point-index') as string,\n      10\n    );\n    const lineIndexes = pointRefArray.current.reduce(buildLineIndexes, []);\n\n    const lowestLineIndex = lineIndexes[0];\n    const highestLineIndex = lineIndexes[lineIndexes.length - 1];\n\n    return {\n      currentLineIndex,\n      currentPointIndex,\n      lineIndexes,\n      lowestLineIndex,\n      highestLineIndex,\n    };\n  };\n\n  const findPointToFocus =\n    (lineIndex: number, pointIndex: number) =>\n    (point: React.MutableRefObject<Element>) =>\n      point.current &&\n      parseInt(point.current.getAttribute('data-line-index') as string, 10) ===\n        lineIndex &&\n      parseInt(point.current.getAttribute('data-point-index') as string, 10) ===\n        pointIndex;\n\n  // eslint-disable-next-line complexity\n  function handleChartContainerKeyDown(event: React.KeyboardEvent) {\n    const { key, shiftKey } = event;\n    switch (key) {\n      case 'Tab': {\n        event.preventDefault();\n        lastFocusedScatterPoint.current = (\n          pointRefArray.current.find(\n            point => point.current === document.activeElement\n          ) as React.MutableRefObject<Element>\n        ).current as SVGPathElement;\n        shiftKey\n          ? tabRef.current && tabRef.current.focus()\n          : firstLegendButtonRef.current &&\n            firstLegendButtonRef.current.focus();\n        break;\n      }\n      case 'ArrowRight': {\n        const focusedPointIndex = pointRefArray.current.findIndex(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPointIndex !== undefined) {\n          focusedPointIndex === pointRefArray.current.length - 1\n            ? (pointRefArray.current[0]?.current as HTMLButtonElement)?.focus()\n            : (\n                pointRefArray.current[focusedPointIndex + 1]\n                  .current as HTMLButtonElement\n              ).focus();\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        const focusedPointIndex = pointRefArray.current.findIndex(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPointIndex !== undefined) {\n          focusedPointIndex === 0\n            ? (\n                pointRefArray.current[pointRefArray.current.length - 1]\n                  .current as HTMLButtonElement\n              ).focus()\n            : (\n                pointRefArray.current[focusedPointIndex - 1]\n                  .current as HTMLButtonElement\n              ).focus();\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        const focusedPoint = pointRefArray.current.find(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPoint && focusedPoint.current) {\n          const {\n            currentLineIndex,\n            currentPointIndex,\n            lineIndexes,\n            lowestLineIndex,\n            highestLineIndex,\n          } = buildLineIndexData(focusedPoint);\n\n          switch (currentLineIndex) {\n            case lowestLineIndex: {\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(highestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n              break;\n            }\n            default: {\n              const nextLowestLineIndex =\n                lineIndexes[lineIndexes.indexOf(currentLineIndex) - 1];\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(nextLowestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowDown': {\n        event.preventDefault();\n        const focusedPoint = pointRefArray.current.find(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPoint && focusedPoint.current) {\n          const {\n            currentLineIndex,\n            currentPointIndex,\n            lineIndexes,\n            lowestLineIndex,\n            highestLineIndex,\n          } = buildLineIndexData(focusedPoint);\n\n          switch (currentLineIndex) {\n            case highestLineIndex: {\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(lowestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n              break;\n            }\n            default: {\n              const nextHighestLineIndex =\n                lineIndexes[lineIndexes.indexOf(currentLineIndex) + 1];\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(nextHighestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n            }\n          }\n        }\n        break;\n      }\n    }\n  }\n\n  function handleFirstLegendButtonKeydown(event: React.KeyboardEvent) {\n    const { key, shiftKey } = event;\n    switch (key) {\n      case 'Tab': {\n        if (\n          shiftKey &&\n          lastFocusedScatterPoint &&\n          lastFocusedScatterPoint.current &&\n          pointRefArray.current.find(\n            point => point.current === lastFocusedScatterPoint.current\n          )\n        ) {\n          event.preventDefault();\n          lastFocusedScatterPoint.current.focus();\n        }\n        break;\n      }\n    }\n  }\n\n  return (\n    <LineChartContainer ref={containerRef}>\n      <VictoryChartContainer onKeyDown={handleChartContainerKeyDown}>\n        <VictoryChart\n          domainPadding={32}\n          height={400}\n          padding={{ top: 0, left: 80, right: 0, bottom: 62 }}\n          theme={magmaTheme}\n          width={width}\n          containerComponent={\n            <VictoryVoronoiContainer\n              name=\"xAxisGroupLabel\"\n              voronoiBlacklist={scatterNames}\n              voronoiDimension=\"x\"\n              labels={\n                hoveringOnXAxisLine && showXAxisLabel ? () => ` ` : undefined\n              }\n              labelComponent={\n                showXAxisLabel ? (\n                  <VictoryTooltip\n                    flyoutComponent={\n                      <AxisTooltip\n                        dataLength={data.length}\n                        hiddenData={hiddenData}\n                      />\n                    }\n                  />\n                ) : undefined\n              }\n              role=\"presentation\"\n              voronoiPadding={32}\n            />\n          }\n          {...chart}\n        >\n          <VictoryAxis {...yAxisOther} dependentAxis style={yAxisStyles} />\n          {data.map(\n            ({ data: dataset }, i) =>\n              !hiddenData.includes(i) && (\n                <VictoryLine\n                  style={{\n                    data: {\n                      opacity: setLineOpacity(i),\n                      stroke: theme.iterableColors[i],\n                      strokeWidth: '3',\n                    },\n                    parent: { border: theme.colors.neutral400 },\n                  }}\n                  key={`line${i}`}\n                  data={dataset as unknown as any[]}\n                  labelComponent={<></>}\n                  x={x as DataGetterPropType}\n                  y={y as DataGetterPropType}\n                  {...line}\n                />\n              )\n          )}\n          <VictoryAxis\n            {...xAxisOther}\n            style={xAxisStyles}\n            gridComponent={\n              <CustomAxisComponent\n                events={{\n                  onMouseEnter: () => setHoveringOnXAxisLine(true),\n                  onMouseLeave: () => setHoveringOnXAxisLine(false),\n                }}\n              />\n            }\n          />\n          {data.map(\n            ({ data: dataset }, i) =>\n              !hiddenData.includes(i) && (\n                <VictoryScatter\n                  name={`scatter-${i}`}\n                  events={[\n                    {\n                      target: 'data',\n                      eventHandlers: {\n                        onBlur: () => {\n                          setShowXAxisLabel(true);\n                          setShowTooltip(null);\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: () => ({ active: undefined }),\n                            },\n                          ];\n                        },\n                        onClick: () => {\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: props => {\n                                setShowTooltip(\n                                  `${props.datum.lineIndex}-${props.datum.index}`\n                                );\n                                return { active: true };\n                              },\n                            },\n                          ];\n                        },\n                        onFocus: () => {\n                          setShowXAxisLabel(false);\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: props => {\n                                setShowTooltip(\n                                  `${props.datum.lineIndex}-${props.datum.index}`\n                                );\n                                return { active: true };\n                              },\n                            },\n                          ];\n                        },\n                        onMouseEnter: () => {\n                          setShowXAxisLabel(false);\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: props => {\n                                setShowTooltip(\n                                  `${props.datum.lineIndex}-${props.datum.index}`\n                                );\n                                return { active: true };\n                              },\n                            },\n                          ];\n                        },\n                        onMouseLeave: () => {\n                          setShowTooltip(null);\n                          setShowXAxisLabel(true);\n                        },\n                      },\n                    },\n                  ]}\n                  style={{\n                    data: {\n                      fill: theme.colors.neutral100,\n                      opacity: setLineOpacity(i),\n                      stroke: theme.iterableColors[i],\n                      strokeWidth: 2,\n                    },\n                  }}\n                  size={5}\n                  data={\n                    dataset.map((datum, index) => ({\n                      index,\n                      lineIndex: i,\n                      ...datum,\n                    })) as unknown as any[]\n                  }\n                  dataComponent={\n                    <CustomScatterDataComponent\n                      lineIndex={i}\n                      pointRefArray={pointRefArray}\n                      registerPoint={registerPoint}\n                      unregisterPoint={unregisterPoint}\n                    />\n                  }\n                  labels={() => ''}\n                  labelComponent={\n                    <VictoryTooltip\n                      text=\"\"\n                      flyoutComponent={\n                        <GraphTooltip index={i} showTooltip={showTooltip} />\n                      }\n                    />\n                  }\n                  key={`scatter${i}`}\n                  x={x as DataGetterPropType}\n                  y={y as DataGetterPropType}\n                  {...scatter}\n                />\n              )\n          )}\n        </VictoryChart>\n      </VictoryChartContainer>\n\n      <DataLegendsContainer>\n        <DataLegendsDescription theme={theme}>\n          {i18n.charts.line.dataLegendsLabel}\n        </DataLegendsDescription>\n        {data.map(({ name }, i) => {\n          const legendButtonAriaLabel =\n            i18n.charts.line.legendButtonAriaLabel.replace(/\\{name\\}/g, name);\n\n          return (\n            <LegendButton\n              aria-label={legendButtonAriaLabel}\n              color={theme.iterableColors[i]}\n              dataIndex={i}\n              isHidden={hiddenData.includes(i)}\n              key={i}\n              name={name}\n              onClick={handleLegendClick}\n              onKeyDown={i === 0 ? handleFirstLegendButtonKeydown : undefined}\n              focusCurrentLine={focusCurrentLine}\n              ref={i === 0 ? firstLegendButtonRef : undefined}\n              resetLineFocus={resetLineFocus}\n            />\n          );\n        })}\n      </DataLegendsContainer>\n    </LineChartContainer>\n  );\n}\n","import * as React from 'react';\nimport { VictoryAxisProps } from 'victory';\n\nimport { Card, Datagrid, Spinner } from 'react-magma-dom';\n\nexport function toCamelCase(str: string) {\n  return str\n    .toLowerCase()\n    .replace(/[^a-z 0-9]/gi, '')\n    .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (ltr, index) =>\n      index === 0 ? ltr.toLowerCase() : ltr.toUpperCase()\n    )\n    .replace(/\\s+/g, '');\n}\n\nexport interface DataTableProps {\n  data?: any[];\n  xData: {\n    keyValue?: string | number | symbol;\n    label?: VictoryAxisProps['label'];\n    tickFormat?: Partial<VictoryAxisProps['tickFormat']>;\n    tickValues?: VictoryAxisProps['tickValues'];\n  };\n  yData: {\n    keyValue?: string | number | symbol;\n    tickFormat?: Partial<VictoryAxisProps['tickFormat']>;\n  };\n}\n\nexport const ChartDataTable = (props: DataTableProps) => {\n  const {\n    data = [],\n    xData: {\n      keyValue: xKeyValue,\n      label: xAxisLabel,\n      tickFormat: xTickFormat,\n      tickValues: xTickValues,\n    },\n    yData: { keyValue: yKeyValue, tickFormat: yTickFormat },\n  } = props;\n  const [dataForTable, setDataForTable] = React.useState({\n    columns: [],\n    rows: [],\n  });\n\n  React.useEffect(() => {\n    setDataForTable(convertData());\n  }, [data]);\n\n  function convertData() {\n    const xField = toCamelCase((xKeyValue || xAxisLabel || 'x') as string);\n    const xTickValuesArray = data.reduce((valuesArray, { data: dataset }) => {\n      dataset.forEach((datum: any) => {\n        const value = datum.x || (xKeyValue && datum[xKeyValue]);\n        !valuesArray.includes(value) && valuesArray.push(value);\n      });\n\n      return valuesArray;\n    }, []);\n\n    let baseTableData = {\n      columns:\n        xTickValuesArray.length > 0\n          ? [\n              {\n                field: xField,\n                header: xAxisLabel || xKeyValue || 'X',\n                isRowHeader: true,\n              },\n            ]\n          : [],\n      rows: xTickValuesArray.reduce(\n        (agg: any[], tick: number, index: number) => {\n          const tickValue =\n            xTickValues &&\n            typeof tick === 'number' &&\n            xTickValues.length === xTickValuesArray.length\n              ? xTickFormat && typeof xTickFormat === 'function'\n                ? xTickFormat(xTickValues[tick - 1])\n                : xTickValues[tick - 1]\n              : xTickFormat && Array.isArray(xTickFormat)\n              ? xTickFormat[tick - 1]\n              : xTickFormat && typeof xTickFormat === 'function'\n              ? xTickFormat(tick)\n              : tick;\n          agg.push({\n            [xField]: tickValue,\n            id: index,\n          });\n\n          return agg;\n        },\n        []\n      ),\n    };\n\n    return data.reduce((tableData, datum) => {\n      const { name: header, data: dataset } = datum;\n      const field = toCamelCase(header);\n\n      tableData.columns.push({\n        field,\n        header,\n      });\n\n      dataset.forEach((d: any, i: number) => {\n        const yValue =\n          d.y || d.y === 0 ? d.y : undefined || (yKeyValue && d[yKeyValue]);\n        tableData.rows[i] = {\n          ...tableData.rows[i],\n          id: baseTableData.rows.length > 0 ? i + 1 : i,\n          [field]:\n            yTickFormat && typeof yTickFormat === 'function'\n              ? yTickFormat(yValue)\n              : yValue,\n        };\n      });\n\n      return tableData;\n    }, baseTableData);\n  }\n\n  return (\n    <Card>\n      {dataForTable.rows.length > 0 ? (\n        <Datagrid\n          hasPagination={false}\n          columns={dataForTable.columns}\n          rows={dataForTable.rows}\n        />\n      ) : (\n        <Spinner />\n      )}\n    </Card>\n  );\n};\n","import * as React from 'react';\nimport {\n  I18nContext,\n  styled,\n  ThemeContext,\n  useDescendants,\n} from 'react-magma-dom';\nimport { css } from '@emotion/core';\nimport { KeyboardIcon } from 'react-magma-icons';\n\nimport { LineChart, LineChartProps } from './LineChart';\nimport { ChartDataTable } from './ChartDataTable';\nimport {\n  Announce,\n  ButtonVariant,\n  Card,\n  IconButton,\n  Paragraph,\n  TabsContainer,\n  Tabs,\n  Tab,\n  TabPanelsContainer,\n  TabPanel,\n  Tooltip,\n  TypographyVisualStyle,\n} from 'react-magma-dom';\n\ninterface BaseChartProps {\n  /**\n   * Description of what the line chart data represents placed above the chart\n   */\n  description?: string;\n  /**\n   * @internal\n   */\n  testId?: string;\n  /**\n   * Title of the line chart\n   */\n  title: string;\n  /**\n   * Type of chart - for now just 'line' is accepted\n   */\n  type: string;\n}\nexport interface ChartProps<T extends any>\n  extends BaseChartProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,\n    LineChartProps<T> {}\n\nconst StyledTitle = styled.span`\n  color: ${props => props.theme.colors.neutral};\n  font-size: ${props => props.theme.typeScale.size04.fontSize};\n  font-weight: 600;\n  font-family: ${props => props.theme.bodyFont};\n  line-height: ${props => props.theme.typeScale.size04.lineHeight};\n  margin: 0 0 12px 0;\n`;\n\nconst StyledParagraph = styled(Paragraph)`\n  font-size: ${props => props.theme.typeScale.size02.fontSize};\n  margin: 0 0 18px 0;\n`;\n\nconst StyledTabsContainer = styled(TabsContainer)`\n  width: 800px;\n  ul {\n    box-shadow: inset 0 -1px 0 ${props => props.theme.colors.neutral300};\n  }\n`;\n\nconst StyledTabPanel = styled(TabPanel)`\n  padding: 22px 0;\n`;\n\nconst KeyboardInstructionsCard = styled(Card)<{\n  isOpen?: boolean;\n  maxHeight?: string;\n  width?: string;\n}>`\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  display: ${props => (props.isOpen ? 'block' : 'none')};\n  right: ${props => props.theme.spaceScale.spacing02};\n  max-height: ${props =>\n    props.maxHeight ? props.maxHeight : props.theme.dropdown.content.maxHeight};\n  opacity: ${props => (props.isOpen ? '1' : '0')};\n  outline: 0;\n  overflow-y: auto;\n  padding: ${props => props.theme.spaceScale.spacing05}\n    ${props => props.theme.spaceScale.spacing05};\n  position: absolute;\n  transition: opacity 0.3s;\n  white-space: nowrap;\n  z-index: 2;\n\n  ${props =>\n    props.width &&\n    css`\n      white-space: normal;\n      width: ${props.width};\n    `}\n`;\n\nfunction BaseChart<T>(props: ChartProps<T>, ref: React.Ref<HTMLDivElement>) {\n  const { description, title, testId, type, ...other } = props;\n  const keyboardInstructionsRef = React.useRef<HTMLButtonElement>(null);\n  const lastFocusedScatterPoint = React.useRef<SVGPathElement>(null);\n  const theme = React.useContext(ThemeContext);\n  const i18n = React.useContext(I18nContext);\n\n  const [pointRefArray, registerPoint, unregisterPoint] = useDescendants();\n\n  const [isKeyboardInstructionsOpen, setIsKeyboardInstructionsOpen] =\n    React.useState<boolean>(false);\n\n  function handleKeyboardInstructionsButtonBlur() {\n    setIsKeyboardInstructionsOpen(false);\n  }\n\n  function handleKeyboardInstructionsButtonClick() {\n    setIsKeyboardInstructionsOpen(prevOpen => !prevOpen);\n  }\n\n  function handleKeyboardInstructionsButtonKeydown(event: React.KeyboardEvent) {\n    const { key, shiftKey } = event;\n\n    switch (key) {\n      case 'Escape': {\n        setIsKeyboardInstructionsOpen(false);\n        break;\n      }\n      case 'Tab': {\n        if (\n          !shiftKey &&\n          lastFocusedScatterPoint &&\n          lastFocusedScatterPoint.current &&\n          pointRefArray.current.find(\n            point => point.current === lastFocusedScatterPoint.current\n          )\n        ) {\n          event.preventDefault();\n          lastFocusedScatterPoint.current.focus();\n        }\n        break;\n      }\n    }\n  }\n\n  return (\n    <div ref={ref}>\n      <StyledTitle theme={theme}>{title}</StyledTitle>\n      {description && (\n        <StyledParagraph\n          theme={theme}\n          visualStyle={TypographyVisualStyle.bodySmall}\n        >\n          {description}\n        </StyledParagraph>\n      )}\n      <StyledTabsContainer theme={theme}>\n        <Tabs>\n          <Tab>{i18n.charts.line.chartTabLabel}</Tab>\n          <Tab>{i18n.charts.line.dataTabLabel}</Tab>\n          <div\n            onBlur={handleKeyboardInstructionsButtonBlur}\n            style={{\n              display: 'inline-block',\n              marginLeft: 'auto',\n            }}\n          >\n            <Tooltip\n              content={i18n.charts.line.keyboardInstructionsTooltip}\n              ref={keyboardInstructionsRef}\n            >\n              <IconButton\n                aria-controls=\"keyboardInstructions\"\n                aria-label={i18n.charts.line.keyboardInstructionsTooltip}\n                aria-expanded={Boolean(isKeyboardInstructionsOpen)}\n                icon={<KeyboardIcon />}\n                onClick={handleKeyboardInstructionsButtonClick}\n                onKeyDown={handleKeyboardInstructionsButtonKeydown}\n                variant={ButtonVariant.link}\n              />\n            </Tooltip>\n            <Announce>\n              <KeyboardInstructionsCard\n                id=\"keyboardInstructions\"\n                isOpen={isKeyboardInstructionsOpen}\n                theme={theme}\n                width=\"350px\"\n              >\n                <Paragraph\n                  visualStyle={TypographyVisualStyle.headingXSmall}\n                  style={{ margin: '0 0 16px' }}\n                >\n                  {i18n.charts.line.keyboardInstructionsHeader}\n                </Paragraph>\n                {i18n.charts.line.keyboardInstructions}\n              </KeyboardInstructionsCard>\n            </Announce>\n          </div>\n        </Tabs>\n        <TabPanelsContainer>\n          <StyledTabPanel theme={theme}>\n            {type === 'line' && (\n              <LineChart<T>\n                {...other}\n                lastFocusedScatterPoint={lastFocusedScatterPoint}\n                pointRefArray={pointRefArray}\n                registerPoint={registerPoint}\n                tabRef={keyboardInstructionsRef}\n                unregisterPoint={unregisterPoint}\n              />\n            )}\n          </StyledTabPanel>\n          <StyledTabPanel theme={theme}>\n            <ChartDataTable\n              data={other.data}\n              xData={{\n                keyValue: other.x,\n                label: other.componentProps?.xAxis?.label,\n                tickFormat: other.componentProps?.xAxis?.tickFormat,\n              }}\n              yData={{\n                keyValue: other.y,\n                tickFormat: other.componentProps?.yAxis?.tickFormat,\n              }}\n            />\n          </StyledTabPanel>\n        </TabPanelsContainer>\n      </StyledTabsContainer>\n    </div>\n  );\n}\n\nexport const Chart = React.forwardRef(BaseChart) as <T>(\n  props: ChartProps<T> & { ref?: React.MutableRefObject<HTMLDivElement> }\n) => ReturnType<typeof BaseChart>;\n"],"names":["width","height","padding","fontFamily","fontSize","letterSpacing","fill","stroke","strokeWidth","textAnchor","baseLabelStyles","area","style","data","labels","baseProps","axis","strokeLinecap","strokeLinejoin","axisLabel","centeredLabelStyles","grid","pointerEvents","ticks","size","tickLabels","polarDependentAxis","bar","boxplot","max","maxLabels","median","medianLabels","min","minLabels","q1","q1Labels","q3","q3Labels","boxWidth","candlestick","candleColors","positive","negative","chart","errorbar","borderWidth","opacity","group","colorScale","colors","histogram","legend","gutter","orientation","titleOrientation","type","title","line","pie","scatter","stack","tooltip","flyoutStyle","flyoutPadding","cornerRadius","pointerLength","voronoi","flyout","styled","StyledTooltip","props","theme","neutral100","neutral300","neutral","typeScale","size02","lineHeight","span","color","datum","index","showTooltip","x","y","React","useContext","ThemeContext","_jsx","_jsxs","StyledGraphTooltip","position","TooltipPosition","top","role","TooltipColorSwatch","iterableColors","label","TooltipArrow","activePoints","hiddenData","dataLength","Array","from","_","i","filter","includes","map","point","pointsIndexes","pointIndex","lineIndex","pointRefArray","registerPoint","unregisterPoint","other","Point","ariaLabel","pathComponent","CustomPointComponent","tabIndex","useForceUpdate","useRef","useEffect","ref","forceUpdate","_ref","events","LineSegment","strokeOpacity","forwardRef","dataIndex","isHidden","onClick","name","focusCurrentLine","resetLineFocus","display","onMouseEnter","handleOnMouseEnterOrFocus","onMouseLeave","Checkbox","checked","containerStyle","alignItems","border","boxShadow","margin","inputStyle","neutral800","borderRadius","labelText","onBlur","onFocus","div","p","componentProps","xAxis","xAxisLabel","xTickLabels","yAxis","yAxisLabel","yTickLabels","lastFocusedScatterPoint","tabRef","xRest","xAxisOther","yRest","yAxisOther","I18nContext","setHiddenData","useState","setWidth","focusedLine","setFocusedLine","setShowTooltip","showXAxisLabel","setShowXAxisLabel","hoveringOnXAxisLine","setHoveringOnXAxisLine","updateWidth","window","addEventListener","handleEsc","removeEventListener","handleMouseMove","fontWeight","containerRef","current","clientWidth","event","key","item","concat","acc","parseInt","getAttribute","currentLineIndex","push","reduce","buildLineIndexes","currentPointIndex","lineIndexes","lowestLineIndex","highestLineIndex","length","shiftKey","find","preventDefault","focus","LineChartContainer","VictoryChartContainer","onKeyDown","document","activeElement","firstLegendButtonRef","findIndex","undefined","focusedPointIndex","_pointRefArray$curren","_pointRefArray$curren2","focusedPoint","buildLineIndexData","findPointToFocus","indexOf","nextLowestLineIndex","nextHighestLineIndex","VictoryChart","domainPadding","left","right","bottom","magmaTheme","containerComponent","VictoryVoronoiContainer","voronoiBlacklist","scatterNames","voronoiDimension","labelComponent","VictoryTooltip","flyoutComponent","AxisTooltip","voronoiPadding","VictoryAxis","dependentAxis","yAxisStyles","dataset","VictoryLine","setLineOpacity","parent","neutral400","xAxisStyles","gridComponent","CustomAxisComponent","VictoryScatter","target","eventHandlers","mutation","active","dataComponent","CustomScatterDataComponent","text","GraphTooltip","DataLegendsContainer","DataLegendsDescription","i18n","charts","dataLegendsLabel","legendButtonAriaLabel","replace","LegendButton","handleLegendClick","handleFirstLegendButtonKeydown","str","toLowerCase","ltr","toUpperCase","xData","keyValue","xKeyValue","tickFormat","xTickFormat","tickValues","xTickValues","yData","yKeyValue","yTickFormat","dataForTable","setDataForTable","columns","rows","toCamelCase","valuesArray","forEach","value","xTickValuesArray","field","xField","header","isRowHeader","agg","tick","isArray","tickValue","id","tableData","d","baseTableData","yValue","convertData","Card","Datagrid","hasPagination","Spinner","size04","bodyFont","Paragraph","TabsContainer","TabPanel","isOpen","spaceScale","spacing02","maxHeight","dropdown","content","spacing05","css","description","useDescendants","isKeyboardInstructionsOpen","setIsKeyboardInstructionsOpen","StyledTitle","StyledParagraph","visualStyle","TypographyVisualStyle","bodySmall","StyledTabsContainer","Tabs","Tab","chartTabLabel","dataTabLabel","marginLeft","Tooltip","keyboardInstructionsTooltip","keyboardInstructionsRef","IconButton","Boolean","icon","KeyboardIcon","prevOpen","variant","ButtonVariant","link","Announce","KeyboardInstructionsCard","headingXSmall","keyboardInstructionsHeader","keyboardInstructions","TabPanelsContainer","StyledTabPanel","LineChart","ChartDataTable","_other$componentProps","_other$componentProps2","_other$componentProps3","_other$componentProps4","_other$componentProps5","_other$componentProps6","Chart","BaseChart"],"mappings":"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"}
+{"version":3,"file":"charts.modern.js","sources":["../src/components/LineChart/magma-charts.ts","../src/components/LineChart/GraphTooltip.tsx","../src/components/LineChart/CustomPointComponent.tsx","../src/components/LineChart/CustomAxisComponent.tsx","../src/components/LineChart/LegendButton.tsx","../src/components/LineChart/LineChart.tsx","../src/components/LineChart/ChartDataTable.tsx","../src/components/LineChart/Chart.tsx"],"sourcesContent":["// *\n// * Colors\n// *\n// const yellow200 = '#FFF59D';\n// const deepOrange600 = '#F4511E';\n// const lime300 = '#DCE775';\n// const lightGreen500 = '#8BC34A';\n// const teal700 = '#00796B';\n// const cyan900 = '#006064';\n\n// const colors = [\n//   '#0085CC',\n//   '#E0004D',\n//   '#FA6600',\n//   '#48A200',\n//   '#B12FAD',\n//   '#00A393',\n// ];\n\nconst colors = [\n  '#00507A',\n  '#8F0033',\n  '#B84900',\n  '#255200',\n  '#711E6E',\n  '#005249',\n];\n\nconst blueGrey50 = '#DFDFDF';\nconst blueGrey300 = '#8F8F8F';\nconst blueGrey700 = '#3F3F3F';\nconst grey900 = 'pink';\n\n// *\n// * Typography\n// *\nconst sansSerif = '\"Work Sans\",Helvetica,sans-serif';\nconst letterSpacing = 'normal';\nconst fontSize = 12;\n\n// *\n// * Layout\n// *\nconst padding = 8;\nconst baseProps = {\n  width: 350,\n  height: 350,\n  padding: 50,\n};\n\n// *\n// * Labels\n// *\nconst baseLabelStyles = {\n  fontFamily: sansSerif,\n  fontSize,\n  letterSpacing,\n  padding,\n  fill: blueGrey700,\n  stroke: 'transparent',\n  strokeWidth: 0,\n};\n\nconst centeredLabelStyles = { textAnchor: 'middle', ...baseLabelStyles };\n// *\n// * Strokes\n// *\n// const strokeDasharray = '10, 5';\nconst strokeLinecap = 'round';\nconst strokeLinejoin = 'round';\n\nexport const magmaTheme: any = {\n  area: {\n    style: {\n      data: {\n        fill: grey900,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  axis: {\n    style: {\n      axis: {\n        fill: 'transparent',\n        stroke: blueGrey300,\n        strokeWidth: 1,\n        strokeLinecap,\n        strokeLinejoin,\n      },\n      axisLabel: {\n        ...centeredLabelStyles,\n        padding,\n        stroke: 'transparent',\n      },\n      grid: {\n        fill: 'none',\n        stroke: '#dfdfdf',\n        //strokeDasharray,\n        strokeLinecap,\n        strokeLinejoin,\n        pointerEvents: 'painted',\n      },\n      ticks: {\n        fill: 'transparent',\n        size: 0,\n        stroke: blueGrey300,\n        strokeWidth: 0,\n        strokeLinecap,\n        strokeLinejoin,\n      },\n      tickLabels: {\n        ...baseLabelStyles,\n        fill: blueGrey700,\n      },\n    },\n    ...baseProps,\n  },\n  polarDependentAxis: {\n    style: {\n      ticks: {\n        fill: 'transparent',\n        size: 1,\n        stroke: 'transparent',\n      },\n    },\n  },\n  bar: {\n    style: {\n      data: {\n        fill: blueGrey700,\n        padding,\n        strokeWidth: 0,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  boxplot: {\n    style: {\n      max: { padding, stroke: blueGrey700, strokeWidth: 1 },\n      maxLabels: { ...baseLabelStyles, padding: 3 },\n      median: { padding, stroke: blueGrey700, strokeWidth: 1 },\n      medianLabels: { ...baseLabelStyles, padding: 3 },\n      min: { padding, stroke: blueGrey700, strokeWidth: 1 },\n      minLabels: { ...baseLabelStyles, padding: 3 },\n      q1: { padding, fill: blueGrey700 },\n      q1Labels: { ...baseLabelStyles, padding: 3 },\n      q3: { padding, fill: blueGrey700 },\n      q3Labels: { ...baseLabelStyles, padding: 3 },\n    },\n    boxWidth: 20,\n    ...baseProps,\n  },\n  candlestick: {\n    style: {\n      data: {\n        stroke: blueGrey700,\n      },\n      labels: { ...baseLabelStyles, padding: 5 },\n    },\n    candleColors: {\n      positive: '#ffffff',\n      negative: blueGrey700,\n    },\n    ...baseProps,\n  },\n  chart: baseProps,\n  errorbar: {\n    borderWidth: 8,\n    style: {\n      data: {\n        fill: 'transparent',\n        opacity: 1,\n        stroke: blueGrey700,\n        strokeWidth: 2,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  group: {\n    colorScale: colors,\n    ...baseProps,\n  },\n  histogram: {\n    style: {\n      data: {\n        fill: blueGrey700,\n        stroke: grey900,\n        strokeWidth: 2,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  legend: {\n    colorScale: colors,\n    gutter: 10,\n    orientation: 'vertical',\n    titleOrientation: 'top',\n    style: {\n      data: {\n        type: 'circle',\n      },\n      labels: baseLabelStyles,\n      title: { ...baseLabelStyles, padding: 5 },\n    },\n  },\n  line: {\n    style: {\n      data: {\n        fill: 'transparent',\n        opacity: 1,\n        stroke: blueGrey700,\n        strokeWidth: 2,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  pie: {\n    colorScale: colors,\n    style: {\n      data: {\n        padding,\n        stroke: blueGrey50,\n        strokeWidth: 1,\n      },\n      labels: { ...baseLabelStyles, padding: 20 },\n    },\n    ...baseProps,\n  },\n  scatter: {\n    style: {\n      data: {\n        fill: blueGrey700,\n        opacity: 1,\n        stroke: 'transparent',\n        strokeWidth: 0,\n      },\n      labels: baseLabelStyles,\n    },\n    ...baseProps,\n  },\n  stack: {\n    colorScale: colors,\n    ...baseProps,\n  },\n  tooltip: {\n    style: { ...baseLabelStyles, padding: 0, pointerEvents: 'none' },\n    flyoutStyle: {\n      stroke: grey900,\n      strokeWidth: 1,\n      fill: '#f0f0f0',\n      pointerEvents: 'none',\n    },\n    flyoutPadding: 5,\n    cornerRadius: 5,\n    pointerLength: 10,\n  },\n  voronoi: {\n    style: {\n      data: {\n        fill: 'transparent',\n        stroke: 'transparent',\n        strokeWidth: 0,\n      },\n      labels: { ...baseLabelStyles, padding: 5, pointerEvents: 'none' },\n      flyout: {\n        stroke: grey900,\n        strokeWidth: 1,\n        fill: '#f0f0f0',\n        pointerEvents: 'none',\n      },\n    },\n    ...baseProps,\n  },\n};\n","import * as React from 'react';\nimport {\n  StyledTooltip,\n  ThemeContext,\n  TooltipArrow,\n  TooltipPosition,\n  ThemeInterface,\n  styled,\n} from 'react-magma-dom';\n\nconst StyledGraphTooltip = styled(StyledTooltip)`\n  background: ${(props: any) => props.theme.colors.neutral100};\n  border: 1px solid ${(props: any) => props.theme.colors.neutral300};\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);\n  box-sizing: border-box;\n  color: ${(props: any) => props.theme.colors.neutral};\n  font-size: ${(props: any) => props.theme.typeScale.size02.fontSize};\n  font-weight: normal;\n  line-height: ${(props: any) => props.theme.typeScale.size02.lineHeight};\n  margin: 0;\n  padding: 8px;\n  width: fit-content;\n  div {\n    margin-bottom: 8px;\n    display: flex;\n    align-items: flex-start;\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nconst TooltipColorSwatch = styled.span`\n  background: ${(props: any) => props.color};\n  border: ${(props: any) => (props.color ? 'none' : '3px solid black')};\n  border-radius: 4px;\n  height: 20px;\n  width: 20px;\n  margin-right: 8px;\n`;\n\nexport const GraphTooltip = (props: any) => {\n  const { datum, index, showTooltip, x, y } = props;\n\n  const theme: ThemeInterface = React.useContext(ThemeContext);\n  const linePointIndex = `${index}-${datum.index}`;\n\n  return showTooltip === linePointIndex ? (\n    <g style={{ pointerEvents: 'none' }}>\n      <foreignObject x={x} y={y} width=\"275\" height=\"100%\">\n        <StyledGraphTooltip\n          position={TooltipPosition.top}\n          role=\"tooltip\"\n          theme={theme}\n        >\n          <div>\n            <TooltipColorSwatch color={theme.iterableColors[index]} />\n            <span>{datum.label}</span>\n          </div>\n          <TooltipArrow theme={theme} />\n        </StyledGraphTooltip>\n      </foreignObject>\n    </g>\n  ) : null;\n};\n\nexport const AxisTooltip = (props: any) => {\n  const { x, y, activePoints, hiddenData, dataLength } = props;\n\n  const pointsIndexes = Array.from(\n    Array(dataLength - 0),\n    (_, i) => i + 0\n  ).filter(i => !hiddenData.includes(i));\n\n  const theme: ThemeInterface = React.useContext(ThemeContext);\n\n  return (\n    <g style={{ pointerEvents: 'none' }}>\n      <foreignObject x={x} y={y} width=\"275\" height=\"100%\">\n        <StyledGraphTooltip\n          data-testid=\"axis-tooltip\"\n          position={TooltipPosition.top}\n          role=\"tooltip\"\n          theme={theme}\n        >\n          {activePoints.map((point: any, i: number) => (\n            <div key={i}>\n              <TooltipColorSwatch\n                color={theme.iterableColors[pointsIndexes[i]]}\n              />\n              <span>{point.label}</span>\n            </div>\n          ))}\n          <TooltipArrow theme={theme} />\n        </StyledGraphTooltip>\n      </foreignObject>\n    </g>\n  );\n};\n","import * as React from 'react';\nimport { Point, PointProps } from 'victory';\nimport { useForceUpdate } from 'react-magma-dom';\n\nexport interface CustomScatterDataComponentInterface extends PointProps {\n  lineIndex: number;\n  pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n  registerPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  unregisterPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n}\n\nexport interface CustomPointComponentInterface {\n  lineIndex: number;\n  pointIndex: PointProps['index'];\n  pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n  registerPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  unregisterPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n}\n\nexport const CustomScatterDataComponent = (\n  props: CustomScatterDataComponentInterface\n) => {\n  const {\n    datum,\n    index: pointIndex,\n    lineIndex,\n    pointRefArray,\n    registerPoint,\n    unregisterPoint,\n    ...other\n  } = props;\n  return (\n    <Point\n      {...other}\n      ariaLabel={datum.label}\n      pathComponent={\n        <CustomPointComponent\n          lineIndex={lineIndex}\n          pointIndex={pointIndex}\n          pointRefArray={pointRefArray}\n          registerPoint={registerPoint}\n          unregisterPoint={unregisterPoint}\n        />\n      }\n      role=\"button\"\n      tabIndex={0}\n    />\n  );\n};\n\nexport const CustomPointComponent = (props: CustomPointComponentInterface) => {\n  const {\n    lineIndex,\n    pointRefArray,\n    pointIndex,\n    registerPoint,\n    unregisterPoint,\n    ...other\n  } = props;\n  const forceUpdate = useForceUpdate();\n  const ref = React.useRef<SVGPathElement | null>(null);\n\n  React.useEffect(() => {\n    registerPoint(pointRefArray, ref as React.MutableRefObject<Element>);\n\n    forceUpdate();\n\n    return () =>\n      unregisterPoint(pointRefArray, ref as React.MutableRefObject<Element>);\n  }, []);\n\n  return (\n    <path\n      ref={ref}\n      data-line-index={lineIndex}\n      data-point-index={pointIndex}\n      {...other}\n    />\n  );\n};\n","import * as React from 'react';\nimport { LineSegment, LineSegmentProps } from 'victory';\n\nexport const CustomAxisComponent: React.FunctionComponent<LineSegmentProps> = ({\n  events,\n  ...props\n}: any) => {\n  return (\n    <g>\n      <LineSegment\n        {...props}\n        events={events}\n        style={{\n          strokeWidth: '50px',\n          stroke: 'transparent',\n        }}\n      />\n      <LineSegment\n        {...props}\n        events={events}\n        style={{\n          strokeWidth: '1px',\n          stroke: 'black',\n          strokeOpacity: '0.2',\n        }}\n      />\n    </g>\n  );\n};\n","import * as React from 'react';\nimport { ThemeContext, Checkbox } from 'react-magma-dom';\n\nexport interface DataTableProps {\n  name?: string;\n  color?: string;\n}\n\nexport const LegendButton = React.forwardRef<HTMLButtonElement, any>(\n  (props, ref) => {\n    const {\n      children,\n      color,\n      dataIndex,\n      isHidden,\n      onClick,\n      name,\n      focusCurrentLine,\n      resetLineFocus,\n      ...other\n    } = props;\n\n    function handleClick() {\n      onClick && typeof onClick === 'function' && onClick(dataIndex);\n\n      if (!isHidden) {\n        resetLineFocus &&\n          typeof resetLineFocus === 'function' &&\n          resetLineFocus();\n      }\n    }\n\n    function handleOnMouseEnterOrFocus() {\n      if (!isHidden) {\n        focusCurrentLine &&\n          typeof focusCurrentLine === 'function' &&\n          focusCurrentLine(dataIndex);\n      }\n    }\n\n    const theme = React.useContext(ThemeContext);\n\n    return (\n      <div\n        style={{ display: 'inline-flex' }}\n        onMouseEnter={handleOnMouseEnterOrFocus}\n        onMouseLeave={resetLineFocus}\n      >\n        <Checkbox\n          checked={!isHidden}\n          color={color}\n          containerStyle={{\n            alignItems: 'center',\n            border: '0',\n            boxShadow: '0 0 0',\n            color: theme.colors.neutral,\n            display: 'inline-flex',\n            margin: '0 36px 20px 0',\n            padding: '0',\n          }}\n          inputStyle={{\n            border: color ? `none` : `2px solid ${theme.colors.neutral800}`,\n            borderRadius: '4px',\n          }}\n          labelText={name}\n          onBlur={resetLineFocus}\n          onClick={handleClick}\n          onFocus={handleOnMouseEnterOrFocus}\n          ref={ref}\n          theme={theme}\n          {...other}\n        />\n      </div>\n    );\n  }\n);\n","import * as React from 'react';\nimport {\n  VictoryAxis,\n  VictoryAxisProps,\n  VictoryChart,\n  VictoryChartProps,\n  VictoryLine,\n  VictoryLineProps,\n  VictoryScatter,\n  VictoryScatterProps,\n  VictoryTooltip,\n  VictoryVoronoiContainer,\n} from 'victory';\n\nimport {\n  I18nContext,\n  ThemeContext,\n  styled,\n  ThemeInterface,\n  I18nInterface,\n} from 'react-magma-dom';\n\nimport { magmaTheme } from './magma-charts';\nimport { AxisTooltip, GraphTooltip } from './GraphTooltip';\nimport { CustomScatterDataComponent } from './CustomPointComponent';\nimport { CustomAxisComponent } from './CustomAxisComponent';\nimport { LegendButton } from './LegendButton';\n\nexport type LineChartAxisStyle = VictoryAxisProps['style'];\nexport type DataGetterPropType = VictoryLineProps['x'];\n\nexport type ChartDataOptions =\n  | {\n      label: string;\n      x: string | number;\n      y: string | number;\n      [key: string]: any;\n    }\n  | { label: string; [key: string]: any }\n  | any;\n\nexport interface LineChartData<T> {\n  name: string;\n  data: T[];\n}\n\nexport interface LineChartComponentProps {\n  chart?: VictoryChartProps;\n  line?: VictoryLineProps;\n  scatter?: VictoryScatterProps;\n  xAxis?: VictoryAxisProps;\n  yAxis?: VictoryAxisProps;\n}\n\n// NOTE: These props are manually copied to line-chart.mdx\nexport interface LineChartProps<T extends ChartDataOptions> {\n  /**\n   * Props passed to each component that makes up the line chart. See `victory` for accepted props.\n   */\n  componentProps?: LineChartComponentProps;\n  /**\n   * Data used to build the chart\n   */\n  data?: LineChartData<T>[];\n  isMulti?: boolean;\n  /**\n   * @internal\n   */\n  lastFocusedScatterPoint: React.MutableRefObject<SVGPathElement | null>;\n  /**\n   * @internal\n   */\n  pointRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;\n  /**\n   * @internal\n   */\n  registerPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  /**\n   * @internal\n   */\n  tabRef: React.MutableRefObject<HTMLButtonElement | null>;\n  /**\n   * @internal\n   */\n  unregisterPoint: (\n    refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>,\n    ref: React.MutableRefObject<Element>\n  ) => void;\n  /**\n   * Value of x key in chart data\n   */\n  x?: keyof T;\n  /**\n   * Value of y key in chart data\n   */\n  y?: keyof T;\n}\n\nconst LineChartContainer = styled.div`\n  max-height: 600px;\n  max-width: 800px;\n  svg {\n    overflow: visible;\n  }\n`;\n\nconst VictoryChartContainer = styled.div``;\n\nconst DataLegendsContainer = styled.div`\n  padding-bottom: 24px;\n`;\n\nconst DataLegendsDescription = styled.p`\n  color: ${(props: any) => props.theme.colors.neutral};\n  font-size: ${(props: any) => props.theme.typeScale.size02.fontSize};\n`;\n\nexport function LineChart<T>(props: LineChartProps<T>) {\n  const {\n    componentProps: {\n      chart = {},\n      line = {},\n      scatter = {},\n      xAxis: {\n        style: {\n          axisLabel: xAxisLabel = undefined,\n          tickLabels: xTickLabels = undefined,\n          ...xRest\n        } = {},\n        ...xAxisOther\n      } = { style: {} },\n      yAxis: {\n        style: {\n          axisLabel: yAxisLabel = undefined,\n          tickLabels: yTickLabels = undefined,\n          ...yRest\n        } = {},\n        ...yAxisOther\n      } = { style: {} },\n    } = {},\n    data = [],\n    lastFocusedScatterPoint,\n    pointRefArray,\n    registerPoint,\n    unregisterPoint,\n    tabRef,\n    x,\n    y,\n  } = props;\n\n  const theme: ThemeInterface = React.useContext(ThemeContext);\n  const i18n: I18nInterface = React.useContext(I18nContext);\n\n  const [hiddenData, setHiddenData] = React.useState<number[]>([]);\n  const [width, setWidth] = React.useState<number>(800);\n  const [focusedLine, setFocusedLine] = React.useState<number | null>(null);\n  const [showTooltip, setShowTooltip] = React.useState<string | null>(null);\n  const [showXAxisLabel, setShowXAxisLabel] = React.useState<boolean>(true);\n  const [hoveringOnXAxisLine, setHoveringOnXAxisLine] =\n    React.useState<boolean>(false);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const firstLegendButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useEffect(() => {\n    updateWidth();\n\n    window.addEventListener('resize', updateWidth);\n    window.addEventListener('keydown', handleEsc);\n\n    return () => {\n      window.removeEventListener('resize', updateWidth);\n      window.removeEventListener('keydown', handleEsc);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    window.addEventListener('mousemove', handleMouseMove);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, [showTooltip]);\n\n  const scatterNames: string[] = data.map((_, i) => `scatter-${i}`);\n\n  const xAxisStyles = {\n    tickLabels: {\n      color: '#3f3f3f',\n      fontSize: 12,\n      ...xTickLabels,\n    },\n    axisLabel: {\n      color: '#3f3f3f',\n      padding: 44,\n      fontSize: 14,\n      fontWeight: 'bold',\n      ...xAxisLabel,\n    },\n    ...xRest,\n  };\n\n  const yAxisStyles = {\n    tickLabels: {\n      fontSize: 12,\n      ...yTickLabels,\n    },\n    axisLabel: {\n      color: '#3f3f3f',\n      padding: 64,\n      fontSize: 14,\n      fontWeight: 'bold',\n      ...yAxisLabel,\n    },\n    ...yRest,\n  };\n\n  function updateWidth() {\n    containerRef.current && setWidth(containerRef.current.clientWidth);\n  }\n\n  function handleEsc(event: KeyboardEvent): any {\n    if (event.key === 'Escape') {\n      setShowTooltip(null);\n      setShowXAxisLabel(false);\n    }\n  }\n\n  function handleMouseMove() {\n    !showTooltip && setShowXAxisLabel(true);\n  }\n\n  function setLineOpacity(index: number) {\n    return focusedLine === null ? 1 : focusedLine === index ? 1 : 0.1;\n  }\n\n  function handleLegendClick(dataIndex: number) {\n    if (hiddenData.includes(dataIndex)) {\n      setHiddenData(hiddenData.filter(item => item !== dataIndex));\n    } else {\n      setHiddenData(hiddenData.concat([dataIndex]));\n    }\n  }\n\n  function focusCurrentLine(dataIndex: number) {\n    setFocusedLine(dataIndex);\n  }\n\n  function resetLineFocus() {\n    setFocusedLine(null);\n  }\n\n  const buildLineIndexes = (\n    acc: number[],\n    point: React.MutableRefObject<Element>\n  ) => {\n    if (point.current) {\n      const currentLineIndex = parseInt(\n        point.current.getAttribute('data-line-index') as string,\n        10\n      );\n      !acc.includes(currentLineIndex) &&\n        acc.push(\n          parseInt(point.current.getAttribute('data-line-index') as string, 10)\n        );\n    }\n    return acc;\n  };\n\n  const buildLineIndexData = (point: React.MutableRefObject<Element>) => {\n    const currentLineIndex = parseInt(\n      point.current.getAttribute('data-line-index') as string,\n      10\n    );\n    const currentPointIndex = parseInt(\n      point.current.getAttribute('data-point-index') as string,\n      10\n    );\n    const lineIndexes = pointRefArray.current.reduce(buildLineIndexes, []);\n\n    const lowestLineIndex = lineIndexes[0];\n    const highestLineIndex = lineIndexes[lineIndexes.length - 1];\n\n    return {\n      currentLineIndex,\n      currentPointIndex,\n      lineIndexes,\n      lowestLineIndex,\n      highestLineIndex,\n    };\n  };\n\n  const findPointToFocus =\n    (lineIndex: number, pointIndex: number) =>\n    (point: React.MutableRefObject<Element>) =>\n      point.current &&\n      parseInt(point.current.getAttribute('data-line-index') as string, 10) ===\n        lineIndex &&\n      parseInt(point.current.getAttribute('data-point-index') as string, 10) ===\n        pointIndex;\n\n  // eslint-disable-next-line complexity\n  function handleChartContainerKeyDown(event: React.KeyboardEvent) {\n    const { key, shiftKey } = event;\n    switch (key) {\n      case 'Tab': {\n        event.preventDefault();\n        lastFocusedScatterPoint.current = (\n          pointRefArray.current.find(\n            point => point.current === document.activeElement\n          ) as React.MutableRefObject<Element>\n        ).current as SVGPathElement;\n        shiftKey\n          ? tabRef.current && tabRef.current.focus()\n          : firstLegendButtonRef.current &&\n            firstLegendButtonRef.current.focus();\n        break;\n      }\n      case 'ArrowRight': {\n        const focusedPointIndex = pointRefArray.current.findIndex(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPointIndex !== undefined) {\n          focusedPointIndex === pointRefArray.current.length - 1\n            ? (pointRefArray.current[0]?.current as HTMLButtonElement)?.focus()\n            : (\n                pointRefArray.current[focusedPointIndex + 1]\n                  .current as HTMLButtonElement\n              ).focus();\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        const focusedPointIndex = pointRefArray.current.findIndex(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPointIndex !== undefined) {\n          focusedPointIndex === 0\n            ? (\n                pointRefArray.current[pointRefArray.current.length - 1]\n                  .current as HTMLButtonElement\n              ).focus()\n            : (\n                pointRefArray.current[focusedPointIndex - 1]\n                  .current as HTMLButtonElement\n              ).focus();\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        const focusedPoint = pointRefArray.current.find(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPoint && focusedPoint.current) {\n          const {\n            currentLineIndex,\n            currentPointIndex,\n            lineIndexes,\n            lowestLineIndex,\n            highestLineIndex,\n          } = buildLineIndexData(focusedPoint);\n\n          switch (currentLineIndex) {\n            case lowestLineIndex: {\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(highestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n              break;\n            }\n            default: {\n              const nextLowestLineIndex =\n                lineIndexes[lineIndexes.indexOf(currentLineIndex) - 1];\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(nextLowestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowDown': {\n        event.preventDefault();\n        const focusedPoint = pointRefArray.current.find(\n          point => point.current === document.activeElement\n        );\n\n        if (focusedPoint && focusedPoint.current) {\n          const {\n            currentLineIndex,\n            currentPointIndex,\n            lineIndexes,\n            lowestLineIndex,\n            highestLineIndex,\n          } = buildLineIndexData(focusedPoint);\n\n          switch (currentLineIndex) {\n            case highestLineIndex: {\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(lowestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n              break;\n            }\n            default: {\n              const nextHighestLineIndex =\n                lineIndexes[lineIndexes.indexOf(currentLineIndex) + 1];\n              (\n                (\n                  pointRefArray.current.find(\n                    findPointToFocus(nextHighestLineIndex, currentPointIndex)\n                  ) as React.MutableRefObject<Element>\n                ).current as HTMLButtonElement\n              ).focus();\n            }\n          }\n        }\n        break;\n      }\n    }\n  }\n\n  function handleFirstLegendButtonKeydown(event: React.KeyboardEvent) {\n    const { key, shiftKey } = event;\n    switch (key) {\n      case 'Tab': {\n        if (\n          shiftKey &&\n          lastFocusedScatterPoint &&\n          lastFocusedScatterPoint.current &&\n          pointRefArray.current.find(\n            point => point.current === lastFocusedScatterPoint.current\n          )\n        ) {\n          event.preventDefault();\n          lastFocusedScatterPoint.current.focus();\n        }\n        break;\n      }\n    }\n  }\n\n  return (\n    <LineChartContainer ref={containerRef}>\n      <VictoryChartContainer onKeyDown={handleChartContainerKeyDown}>\n        <VictoryChart\n          domainPadding={32}\n          height={400}\n          padding={{ top: 0, left: 80, right: 0, bottom: 62 }}\n          theme={magmaTheme}\n          width={width}\n          containerComponent={\n            <VictoryVoronoiContainer\n              name=\"xAxisGroupLabel\"\n              voronoiBlacklist={scatterNames}\n              voronoiDimension=\"x\"\n              labels={\n                hoveringOnXAxisLine && showXAxisLabel ? () => ` ` : undefined\n              }\n              labelComponent={\n                showXAxisLabel ? (\n                  <VictoryTooltip\n                    flyoutComponent={\n                      <AxisTooltip\n                        dataLength={data.length}\n                        hiddenData={hiddenData}\n                      />\n                    }\n                  />\n                ) : undefined\n              }\n              role=\"presentation\"\n              voronoiPadding={32}\n            />\n          }\n          {...chart}\n        >\n          <VictoryAxis {...yAxisOther} dependentAxis style={yAxisStyles} />\n          {data.map(\n            ({ data: dataset }, i) =>\n              !hiddenData.includes(i) && (\n                <VictoryLine\n                  style={{\n                    data: {\n                      opacity: setLineOpacity(i),\n                      stroke: theme.iterableColors[i],\n                      strokeWidth: '3',\n                    },\n                    parent: { border: theme.colors.neutral400 },\n                  }}\n                  key={`line${i}`}\n                  data={dataset as unknown as any[]}\n                  labelComponent={<></>}\n                  x={x as DataGetterPropType}\n                  y={y as DataGetterPropType}\n                  {...line}\n                />\n              )\n          )}\n          <VictoryAxis\n            {...xAxisOther}\n            style={xAxisStyles}\n            gridComponent={\n              <CustomAxisComponent\n                events={{\n                  onMouseEnter: () => setHoveringOnXAxisLine(true),\n                  onMouseLeave: () => setHoveringOnXAxisLine(false),\n                }}\n              />\n            }\n          />\n          {data.map(\n            ({ data: dataset }, i) =>\n              !hiddenData.includes(i) && (\n                <VictoryScatter\n                  name={`scatter-${i}`}\n                  events={[\n                    {\n                      target: 'data',\n                      eventHandlers: {\n                        onBlur: () => {\n                          setShowXAxisLabel(true);\n                          setShowTooltip(null);\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: () => ({ active: undefined }),\n                            },\n                          ];\n                        },\n                        onClick: () => {\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: props => {\n                                setShowTooltip(\n                                  `${props.datum.lineIndex}-${props.datum.index}`\n                                );\n                                return { active: true };\n                              },\n                            },\n                          ];\n                        },\n                        onFocus: () => {\n                          setShowXAxisLabel(false);\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: props => {\n                                setShowTooltip(\n                                  `${props.datum.lineIndex}-${props.datum.index}`\n                                );\n                                return { active: true };\n                              },\n                            },\n                          ];\n                        },\n                        onMouseEnter: () => {\n                          setShowXAxisLabel(false);\n                          return [\n                            {\n                              target: 'labels',\n                              mutation: props => {\n                                setShowTooltip(\n                                  `${props.datum.lineIndex}-${props.datum.index}`\n                                );\n                                return { active: true };\n                              },\n                            },\n                          ];\n                        },\n                        onMouseLeave: () => {\n                          setShowTooltip(null);\n                          setShowXAxisLabel(true);\n                        },\n                      },\n                    },\n                  ]}\n                  style={{\n                    data: {\n                      fill: theme.colors.neutral100,\n                      opacity: setLineOpacity(i),\n                      stroke: theme.iterableColors[i],\n                      strokeWidth: 2,\n                    },\n                  }}\n                  size={5}\n                  data={\n                    dataset.map((datum, index) => ({\n                      index,\n                      lineIndex: i,\n                      ...datum,\n                    })) as unknown as any[]\n                  }\n                  dataComponent={\n                    <CustomScatterDataComponent\n                      lineIndex={i}\n                      pointRefArray={pointRefArray}\n                      registerPoint={registerPoint}\n                      unregisterPoint={unregisterPoint}\n                    />\n                  }\n                  labels={() => ''}\n                  labelComponent={\n                    <VictoryTooltip\n                      text=\"\"\n                      flyoutComponent={\n                        <GraphTooltip index={i} showTooltip={showTooltip} />\n                      }\n                    />\n                  }\n                  key={`scatter${i}`}\n                  x={x as DataGetterPropType}\n                  y={y as DataGetterPropType}\n                  {...scatter}\n                />\n              )\n          )}\n        </VictoryChart>\n      </VictoryChartContainer>\n\n      <DataLegendsContainer>\n        <DataLegendsDescription theme={theme}>\n          {i18n.charts.line.dataLegendsLabel}\n        </DataLegendsDescription>\n        {data.map(({ name }, i) => {\n          const legendButtonAriaLabel =\n            i18n.charts.line.legendButtonAriaLabel.replace(/\\{name\\}/g, name);\n\n          return (\n            <LegendButton\n              aria-label={legendButtonAriaLabel}\n              color={theme.iterableColors[i]}\n              dataIndex={i}\n              isHidden={hiddenData.includes(i)}\n              key={i}\n              name={name}\n              onClick={handleLegendClick}\n              onKeyDown={i === 0 ? handleFirstLegendButtonKeydown : undefined}\n              focusCurrentLine={focusCurrentLine}\n              ref={i === 0 ? firstLegendButtonRef : undefined}\n              resetLineFocus={resetLineFocus}\n            />\n          );\n        })}\n      </DataLegendsContainer>\n    </LineChartContainer>\n  );\n}\n","import * as React from 'react';\nimport { VictoryAxisProps } from 'victory';\n\nimport { Card, Datagrid, Spinner } from 'react-magma-dom';\n\nexport function toCamelCase(str: string) {\n  return str\n    .toLowerCase()\n    .replace(/[^a-z 0-9]/gi, '')\n    .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (ltr, index) =>\n      index === 0 ? ltr.toLowerCase() : ltr.toUpperCase()\n    )\n    .replace(/\\s+/g, '');\n}\n\nexport interface DataTableProps {\n  data?: any[];\n  xData: {\n    keyValue?: string | number | symbol;\n    label?: VictoryAxisProps['label'];\n    tickFormat?: Partial<VictoryAxisProps['tickFormat']>;\n    tickValues?: VictoryAxisProps['tickValues'];\n  };\n  yData: {\n    keyValue?: string | number | symbol;\n    tickFormat?: Partial<VictoryAxisProps['tickFormat']>;\n  };\n}\n\nexport const ChartDataTable = (props: DataTableProps) => {\n  const {\n    data = [],\n    xData: {\n      keyValue: xKeyValue,\n      label: xAxisLabel,\n      tickFormat: xTickFormat,\n      tickValues: xTickValues,\n    },\n    yData: { keyValue: yKeyValue, tickFormat: yTickFormat },\n  } = props;\n  const [dataForTable, setDataForTable] = React.useState({\n    columns: [],\n    rows: [],\n  });\n\n  React.useEffect(() => {\n    setDataForTable(convertData());\n  }, [data]);\n\n  function convertData() {\n    const xField = toCamelCase((xKeyValue || xAxisLabel || 'x') as string);\n    const xTickValuesArray = data.reduce((valuesArray, { data: dataset }) => {\n      dataset.forEach((datum: any) => {\n        const value = datum.x || (xKeyValue && datum[xKeyValue]);\n        !valuesArray.includes(value) && valuesArray.push(value);\n      });\n\n      return valuesArray;\n    }, []);\n\n    let baseTableData = {\n      columns:\n        xTickValuesArray.length > 0\n          ? [\n              {\n                field: xField,\n                header: xAxisLabel || xKeyValue || 'X',\n                isRowHeader: true,\n              },\n            ]\n          : [],\n      rows: xTickValuesArray.reduce(\n        (agg: any[], tick: number, index: number) => {\n          const tickValue =\n            xTickValues &&\n            typeof tick === 'number' &&\n            xTickValues.length === xTickValuesArray.length\n              ? xTickFormat && typeof xTickFormat === 'function'\n                ? xTickFormat(xTickValues[tick - 1])\n                : xTickValues[tick - 1]\n              : xTickFormat && Array.isArray(xTickFormat)\n              ? xTickFormat[tick - 1]\n              : xTickFormat && typeof xTickFormat === 'function'\n              ? xTickFormat(tick)\n              : tick;\n          agg.push({\n            [xField]: tickValue,\n            id: index,\n          });\n\n          return agg;\n        },\n        []\n      ),\n    };\n\n    return data.reduce((tableData, datum) => {\n      const { name: header, data: dataset } = datum;\n      const field = toCamelCase(header);\n\n      tableData.columns.push({\n        field,\n        header,\n      });\n\n      dataset.forEach((d: any, i: number) => {\n        const yValue =\n          d.y || d.y === 0 ? d.y : undefined || (yKeyValue && d[yKeyValue]);\n        tableData.rows[i] = {\n          ...tableData.rows[i],\n          id: baseTableData.rows.length > 0 ? i + 1 : i,\n          [field]:\n            yTickFormat && typeof yTickFormat === 'function'\n              ? yTickFormat(yValue)\n              : yValue,\n        };\n      });\n\n      return tableData;\n    }, baseTableData);\n  }\n\n  return (\n    <Card>\n      {dataForTable.rows.length > 0 ? (\n        <Datagrid\n          hasPagination={false}\n          columns={dataForTable.columns}\n          rows={dataForTable.rows}\n        />\n      ) : (\n        <Spinner />\n      )}\n    </Card>\n  );\n};\n","import * as React from 'react';\nimport {\n  I18nContext,\n  styled,\n  ThemeContext,\n  useDescendants,\n} from 'react-magma-dom';\nimport { css } from '@emotion/core';\nimport { KeyboardIcon } from 'react-magma-icons';\n\nimport { LineChart, LineChartProps } from './LineChart';\nimport { ChartDataTable } from './ChartDataTable';\nimport {\n  Announce,\n  ButtonVariant,\n  Card,\n  IconButton,\n  Paragraph,\n  TabsContainer,\n  Tabs,\n  Tab,\n  TabPanelsContainer,\n  TabPanel,\n  Tooltip,\n  TypographyVisualStyle,\n} from 'react-magma-dom';\n\ninterface BaseChartProps {\n  /**\n   * Description of what the line chart data represents placed above the chart\n   */\n  description?: string;\n  /**\n   * @internal\n   */\n  testId?: string;\n  /**\n   * Title of the line chart\n   */\n  title: string;\n  /**\n   * Type of chart - for now just 'line' is accepted\n   */\n  type: string;\n}\nexport interface ChartProps<T extends any>\n  extends BaseChartProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,\n    LineChartProps<T> {}\n\nconst StyledTitle = styled.span`\n  color: ${props => props.theme.colors.neutral};\n  font-size: ${props => props.theme.typeScale.size04.fontSize};\n  font-weight: 600;\n  font-family: ${props => props.theme.bodyFont};\n  line-height: ${props => props.theme.typeScale.size04.lineHeight};\n  margin: 0 0 12px 0;\n`;\n\nconst StyledParagraph = styled(Paragraph)`\n  font-size: ${props => props.theme.typeScale.size02.fontSize};\n  margin: 0 0 18px 0;\n`;\n\nconst StyledTabsContainer = styled(TabsContainer)`\n  width: 800px;\n  ul {\n    box-shadow: inset 0 -1px 0 ${props => props.theme.colors.neutral300};\n  }\n`;\n\nconst StyledTabPanel = styled(TabPanel)`\n  padding: 22px 0;\n`;\n\nconst KeyboardInstructionsCard = styled(Card)<{\n  isOpen?: boolean;\n  maxHeight?: string;\n  width?: string;\n}>`\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  display: ${props => (props.isOpen ? 'block' : 'none')};\n  right: ${props => props.theme.spaceScale.spacing02};\n  max-height: ${props =>\n    props.maxHeight ? props.maxHeight : props.theme.dropdown.content.maxHeight};\n  opacity: ${props => (props.isOpen ? '1' : '0')};\n  outline: 0;\n  overflow-y: auto;\n  padding: ${props => props.theme.spaceScale.spacing05}\n    ${props => props.theme.spaceScale.spacing05};\n  position: absolute;\n  transition: opacity 0.3s;\n  white-space: nowrap;\n  z-index: 2;\n\n  ${props =>\n    props.width &&\n    css`\n      white-space: normal;\n      width: ${props.width};\n    `}\n`;\n\nfunction BaseChart<T>(props: ChartProps<T>, ref: React.Ref<HTMLDivElement>) {\n  const { description, title, testId, type, ...other } = props;\n  const keyboardInstructionsRef = React.useRef<HTMLButtonElement>(null);\n  const lastFocusedScatterPoint = React.useRef<SVGPathElement>(null);\n  const theme = React.useContext(ThemeContext);\n  const i18n = React.useContext(I18nContext);\n\n  const [pointRefArray, registerPoint, unregisterPoint] = useDescendants();\n\n  const [isKeyboardInstructionsOpen, setIsKeyboardInstructionsOpen] =\n    React.useState<boolean>(false);\n\n  function handleKeyboardInstructionsButtonBlur() {\n    setIsKeyboardInstructionsOpen(false);\n  }\n\n  function handleKeyboardInstructionsButtonClick() {\n    setIsKeyboardInstructionsOpen(prevOpen => !prevOpen);\n  }\n\n  function handleKeyboardInstructionsButtonKeydown(event: { preventDefault?: any; key?: any; shiftKey?: any; }) {\n    const { key, shiftKey } = event;\n\n    switch (key) {\n      case 'Escape': {\n        setIsKeyboardInstructionsOpen(false);\n        break;\n      }\n      case 'Tab': {\n        if (\n          !shiftKey &&\n          lastFocusedScatterPoint &&\n          lastFocusedScatterPoint.current &&\n          pointRefArray.current.find(\n            point => point.current === lastFocusedScatterPoint.current\n          )\n        ) {\n          event.preventDefault();\n          lastFocusedScatterPoint.current.focus();\n        }\n        break;\n      }\n    }\n  }\n\n  return (\n    <div ref={ref}>\n      <StyledTitle theme={theme}>{title}</StyledTitle>\n      {description && (\n        <StyledParagraph\n          theme={theme}\n          visualStyle={TypographyVisualStyle.bodySmall}\n        >\n          {description}\n        </StyledParagraph>\n      )}\n      <StyledTabsContainer theme={theme}>\n        <Tabs>\n          <Tab>{i18n.charts.line.chartTabLabel}</Tab>\n          <Tab>{i18n.charts.line.dataTabLabel}</Tab>\n          <div\n            onBlur={handleKeyboardInstructionsButtonBlur}\n            style={{\n              display: 'inline-block',\n              marginLeft: 'auto',\n            }}\n          >\n            <Tooltip\n              content={i18n.charts.line.keyboardInstructionsTooltip}\n              ref={keyboardInstructionsRef}\n            >\n              <IconButton\n                aria-controls=\"keyboardInstructions\"\n                aria-label={i18n.charts.line.keyboardInstructionsTooltip}\n                aria-expanded={Boolean(isKeyboardInstructionsOpen)}\n                icon={<KeyboardIcon />}\n                onClick={handleKeyboardInstructionsButtonClick}\n                onKeyDown={handleKeyboardInstructionsButtonKeydown}\n                variant={ButtonVariant.link}\n              />\n            </Tooltip>\n            <Announce>\n              <KeyboardInstructionsCard\n                id=\"keyboardInstructions\"\n                isOpen={isKeyboardInstructionsOpen}\n                theme={theme}\n                width=\"350px\"\n              >\n                <Paragraph\n                  visualStyle={TypographyVisualStyle.headingXSmall}\n                  style={{ margin: '0 0 16px' }}\n                >\n                  {i18n.charts.line.keyboardInstructionsHeader}\n                </Paragraph>\n                {i18n.charts.line.keyboardInstructions}\n              </KeyboardInstructionsCard>\n            </Announce>\n          </div>\n        </Tabs>\n        <TabPanelsContainer>\n          <StyledTabPanel theme={theme}>\n            {type === 'line' && (\n              <LineChart<T>\n                {...other}\n                lastFocusedScatterPoint={lastFocusedScatterPoint}\n                pointRefArray={pointRefArray}\n                registerPoint={registerPoint}\n                tabRef={keyboardInstructionsRef}\n                unregisterPoint={unregisterPoint}\n              />\n            )}\n          </StyledTabPanel>\n          <StyledTabPanel theme={theme}>\n            <ChartDataTable\n              data={other.data}\n              xData={{\n                keyValue: other.x,\n                label: other.componentProps?.xAxis?.label,\n                tickFormat: other.componentProps?.xAxis?.tickFormat,\n              }}\n              yData={{\n                keyValue: other.y,\n                tickFormat: other.componentProps?.yAxis?.tickFormat,\n              }}\n            />\n          </StyledTabPanel>\n        </TabPanelsContainer>\n      </StyledTabsContainer>\n    </div>\n  );\n}\n\nexport const Chart = React.forwardRef(BaseChart) as <T>(\n  props: ChartProps<T> & { ref?: React.MutableRefObject<HTMLDivElement> }\n) => ReturnType<typeof BaseChart>;\n"],"names":["width","height","padding","fontFamily","fontSize","letterSpacing","fill","stroke","strokeWidth","textAnchor","baseLabelStyles","area","style","data","labels","baseProps","axis","strokeLinecap","strokeLinejoin","axisLabel","centeredLabelStyles","grid","pointerEvents","ticks","size","tickLabels","polarDependentAxis","bar","boxplot","max","maxLabels","median","medianLabels","min","minLabels","q1","q1Labels","q3","q3Labels","boxWidth","candlestick","candleColors","positive","negative","chart","errorbar","borderWidth","opacity","group","colorScale","colors","histogram","legend","gutter","orientation","titleOrientation","type","title","line","pie","scatter","stack","tooltip","flyoutStyle","flyoutPadding","cornerRadius","pointerLength","voronoi","flyout","styled","StyledTooltip","props","theme","neutral100","neutral300","neutral","typeScale","size02","lineHeight","span","color","datum","index","showTooltip","x","y","React","useContext","ThemeContext","_jsx","_jsxs","StyledGraphTooltip","position","TooltipPosition","top","role","TooltipColorSwatch","iterableColors","label","TooltipArrow","activePoints","hiddenData","dataLength","Array","from","_","i","filter","includes","map","point","pointsIndexes","pointIndex","lineIndex","pointRefArray","registerPoint","unregisterPoint","other","Point","ariaLabel","pathComponent","CustomPointComponent","tabIndex","useForceUpdate","useRef","useEffect","ref","forceUpdate","_ref","events","LineSegment","strokeOpacity","forwardRef","dataIndex","isHidden","onClick","name","focusCurrentLine","resetLineFocus","display","onMouseEnter","handleOnMouseEnterOrFocus","onMouseLeave","Checkbox","checked","containerStyle","alignItems","border","boxShadow","margin","inputStyle","neutral800","borderRadius","labelText","onBlur","onFocus","div","p","componentProps","xAxis","xAxisLabel","xTickLabels","yAxis","yAxisLabel","yTickLabels","lastFocusedScatterPoint","tabRef","xRest","xAxisOther","yRest","yAxisOther","I18nContext","setHiddenData","useState","setWidth","focusedLine","setFocusedLine","setShowTooltip","showXAxisLabel","setShowXAxisLabel","hoveringOnXAxisLine","setHoveringOnXAxisLine","updateWidth","window","addEventListener","handleEsc","removeEventListener","handleMouseMove","fontWeight","containerRef","current","clientWidth","event","key","item","concat","acc","parseInt","getAttribute","currentLineIndex","push","reduce","buildLineIndexes","currentPointIndex","lineIndexes","lowestLineIndex","highestLineIndex","length","shiftKey","find","preventDefault","focus","LineChartContainer","VictoryChartContainer","onKeyDown","document","activeElement","firstLegendButtonRef","findIndex","undefined","focusedPointIndex","_pointRefArray$curren","_pointRefArray$curren2","focusedPoint","buildLineIndexData","findPointToFocus","indexOf","nextLowestLineIndex","nextHighestLineIndex","VictoryChart","domainPadding","left","right","bottom","magmaTheme","containerComponent","VictoryVoronoiContainer","voronoiBlacklist","scatterNames","voronoiDimension","labelComponent","VictoryTooltip","flyoutComponent","AxisTooltip","voronoiPadding","VictoryAxis","dependentAxis","yAxisStyles","dataset","VictoryLine","setLineOpacity","parent","neutral400","xAxisStyles","gridComponent","CustomAxisComponent","VictoryScatter","target","eventHandlers","mutation","active","dataComponent","CustomScatterDataComponent","text","GraphTooltip","DataLegendsContainer","DataLegendsDescription","i18n","charts","dataLegendsLabel","legendButtonAriaLabel","replace","LegendButton","handleLegendClick","handleFirstLegendButtonKeydown","str","toLowerCase","ltr","toUpperCase","xData","keyValue","xKeyValue","tickFormat","xTickFormat","tickValues","xTickValues","yData","yKeyValue","yTickFormat","dataForTable","setDataForTable","columns","rows","toCamelCase","valuesArray","forEach","value","xTickValuesArray","field","xField","header","isRowHeader","agg","tick","isArray","tickValue","id","tableData","d","baseTableData","yValue","convertData","Card","Datagrid","hasPagination","Spinner","size04","bodyFont","Paragraph","TabsContainer","TabPanel","isOpen","spaceScale","spacing02","maxHeight","dropdown","content","spacing05","css","description","useDescendants","isKeyboardInstructionsOpen","setIsKeyboardInstructionsOpen","StyledTitle","StyledParagraph","visualStyle","TypographyVisualStyle","bodySmall","StyledTabsContainer","Tabs","Tab","chartTabLabel","dataTabLabel","marginLeft","Tooltip","keyboardInstructionsTooltip","keyboardInstructionsRef","IconButton","Boolean","icon","KeyboardIcon","prevOpen","variant","ButtonVariant","link","Announce","KeyboardInstructionsCard","headingXSmall","keyboardInstructionsHeader","keyboardInstructions","TabPanelsContainer","StyledTabPanel","LineChart","ChartDataTable","_other$componentProps","_other$componentProps2","_other$componentProps3","_other$componentProps4","_other$componentProps5","_other$componentProps6","Chart","BaseChart"],"mappings":"gkCAmBA,QAAe,CACb,UACA,UACA,UACA,UACA,UACA,aAmBgB,CAChBA,MAAO,IACPC,OAAQ,IACRC,QAAS,MAMa,CACtBC,WAlBgB,mCAmBhBC,SAjBe,GAkBfC,cAnBoB,SAoBpBH,QAdc,EAedI,KA5BkB,UA6BlBC,OAAQ,cACRC,YAAa,QAGeC,WAAY,UAAaC,KAQxB,CAC7BC,QACEC,MAAO,CACLC,KAAM,CACJP,KA5CQ,QA8CVQ,OAAQJ,IAEPK,GAELC,QACEJ,MAAO,CACLI,KAAM,CACJV,KAAM,cACNC,OAxDY,UAyDZC,YAAa,EACbS,cAnBc,QAoBdC,eAnBe,SAqBjBC,eACKC,GACHlB,QAjDQ,EAkDRK,OAAQ,gBAEVc,KAAM,CACJf,KAAM,OACNC,OAAQ,UAERU,cA/Bc,QAgCdC,eA/Be,QAgCfI,cAAe,WAEjBC,MAAO,CACLjB,KAAM,cACNkB,KAAM,EACNjB,OA7EY,UA8EZC,YAAa,EACbS,cAxCc,QAyCdC,eAxCe,SA0CjBO,gBACKf,GACHJ,KAnFY,cAsFbS,GAELW,mBAAoB,CAClBd,MAAO,CACLW,MAAO,CACLjB,KAAM,cACNkB,KAAM,EACNjB,OAAQ,iBAIdoB,OACEf,MAAO,CACLC,KAAM,CACJP,KApGY,UAqGZJ,QAxFQ,EAyFRM,YAAa,GAEfM,OAAQJ,IAEPK,GAELa,WACEhB,MAAO,CACLiB,IAAK,CAAE3B,QAjGG,EAiGMK,OA9GF,UA8GuBC,YAAa,GAClDsB,eAAgBpB,GAAiBR,QAAS,IAC1C6B,OAAQ,CAAE7B,QAnGA,EAmGSK,OAhHL,UAgH0BC,YAAa,GACrDwB,kBAAmBtB,GAAiBR,QAAS,IAC7C+B,IAAK,CAAE/B,QArGG,EAqGMK,OAlHF,UAkHuBC,YAAa,GAClD0B,eAAgBxB,GAAiBR,QAAS,IAC1CiC,GAAI,CAAEjC,QAvGI,EAuGKI,KApHD,WAqHd8B,cAAe1B,GAAiBR,QAAS,IACzCmC,GAAI,CAAEnC,QAzGI,EAyGKI,KAtHD,WAuHdgC,cAAe5B,GAAiBR,QAAS,KAE3CqC,SAAU,IACPxB,GAELyB,eACE5B,MAAO,CACLC,KAAM,CACJN,OA/HY,WAiIdO,YAAaJ,GAAiBR,QAAS,KAEzCuC,aAAc,CACZC,SAAU,UACVC,SArIc,YAuIb5B,GAEL6B,MAAO7B,EACP8B,YACEC,YAAa,EACblC,MAAO,CACLC,KAAM,CACJP,KAAM,cACNyC,QAAS,EACTxC,OAhJY,UAiJZC,YAAa,GAEfM,OAAQJ,IAEPK,GAELiC,SACEC,WAAYC,GACTnC,GAELoC,aACEvC,MAAO,CACLC,KAAM,CACJP,KA9JY,UA+JZC,OA9JQ,OA+JRC,YAAa,GAEfM,OAAQJ,IAEPK,GAELqC,OAAQ,CACNH,WAAYC,EACZG,OAAQ,GACRC,YAAa,WACbC,iBAAkB,MAClB3C,MAAO,CACLC,KAAM,CACJ2C,KAAM,UAER1C,OAAQJ,EACR+C,WAAY/C,GAAiBR,QAAS,MAG1CwD,QACE9C,MAAO,CACLC,KAAM,CACJP,KAAM,cACNyC,QAAS,EACTxC,OAxLY,UAyLZC,YAAa,GAEfM,OAAQJ,IAEPK,GAEL4C,OACEV,WAAYC,EACZtC,MAAO,CACLC,KAAM,CACJX,QAtLQ,EAuLRK,OAtMW,UAuMXC,YAAa,GAEfM,YAAaJ,GAAiBR,QAAS,OAEtCa,GAEL6C,WACEhD,MAAO,CACLC,KAAM,CACJP,KA9MY,UA+MZyC,QAAS,EACTxC,OAAQ,cACRC,YAAa,GAEfM,OAAQJ,IAEPK,GAEL8C,SACEZ,WAAYC,GACTnC,GAEL+C,QAAS,CACPlD,WAAYF,GAAiBR,QAAS,EAAGoB,cAAe,SACxDyC,YAAa,CACXxD,OA7NU,OA8NVC,YAAa,EACbF,KAAM,UACNgB,cAAe,QAEjB0C,cAAe,EACfC,aAAc,EACdC,cAAe,IAEjBC,WACEvD,MAAO,CACLC,KAAM,CACJP,KAAM,cACNC,OAAQ,cACRC,YAAa,GAEfM,YAAaJ,GAAiBR,QAAS,EAAGoB,cAAe,SACzD8C,OAAQ,CACN7D,OA/OQ,OAgPRC,YAAa,EACbF,KAAM,UACNgB,cAAe,UAGhBP,mBC1QP,QAA2BsD,EAAOC,EAAPD;;;;;;;;;;;;;;;;;;;;GACVE,GAAeA,EAAMC,MAAMtB,OAAOuB,WAC5BF,GAAeA,EAAMC,MAAMtB,OAAOwB,WAG7CH,GAAeA,EAAMC,MAAMtB,OAAOyB,QAC9BJ,GAAeA,EAAMC,MAAMI,UAAUC,OAAOzE,SAE1CmE,GAAeA,EAAMC,MAAMI,UAAUC,OAAOC,cAcnCT,EAAOU;;;;;;;GACjBR,GAAeA,EAAMS,MACzBT,GAAgBA,EAAMS,MAAQ,OAAS,qBAOvBT,IAC3B,MAAMU,MAAEA,EAAKC,MAAEA,EAAKC,YAAEA,EAAWC,EAAEA,EAACC,EAAEA,GAAMd,IAEde,EAAMC,WAAWC,GAG/C,cAF0BN,KAASD,EAAMC,QAGvCO,OAAG7E,MAAO,CAAEU,cAAe,iBACzBmE,mBAAeL,EAAGA,EAAGC,EAAGA,EAAGrF,MAAM,MAAMC,OAAO,gBAC5CyF,EAACC,GACCC,SAAUC,EAAgBC,IAC1BC,KAAK,UACLvB,MAAOA,YAEPkB,mBACED,EAACO,GAAmBhB,MAAOR,EAAMyB,eAAef,KAChDO,mBAAOR,EAAMiB,WAEfT,EAACU,GAAa3B,MAAOA,WAIzB,QAGsBD,IAC1B,MAAMa,EAAEA,EAACC,EAAEA,EAACe,aAAEA,EAAYC,WAAEA,EAAUC,WAAEA,GAAe/B,IAEjCgC,MAAMC,KAC1BD,MAAMD,EAAa,GACnB,CAACG,EAAGC,IAAMA,EAAI,GACdC,OAAOD,IAAML,EAAWO,SAASF,MAELpB,EAAMC,WAAWC,GAE/C,OACEC,OAAG7E,MAAO,CAAEU,cAAe,iBACzBmE,mBAAeL,EAAGA,EAAGC,EAAGA,EAAGrF,MAAM,MAAMC,OAAO,gBAC5CyF,EAACC,GACC,cAAY,eACZC,SAAUC,EAAgBC,IAC1BC,KAAK,UACLvB,MAAOA,YAEN4B,EAAaS,IAAI,CAACC,EAAYJ,IAC7BhB,mBACED,EAACO,GACChB,MAAOR,EAAMyB,eAAec,EAAcL,MAE5CjB,mBAAOqB,EAAMZ,UAJLQ,IAOZjB,EAACU,GAAa3B,MAAOA,+KC7D7BD,IAEA,MAAMU,MACJA,EACAC,MAAO8B,EAAUC,UACjBA,EAASC,cACTA,EAAaC,cACbA,EAAaC,gBACbA,GAEE7C,EADC8C,IACD9C,KACJ,OACEkB,EAAC6B,OACKD,GACJE,UAAWtC,EAAMiB,MACjBsB,cACE/B,EAACgC,IACCR,UAAWA,EACXD,WAAYA,EACZE,cAAeA,EACfC,cAAeA,EACfC,gBAAiBA,IAGrBrB,KAAK,SACL2B,SAAU,SAKqBnD,IACnC,MAAM0C,UACJA,EAASC,cACTA,EAAaF,WACbA,EAAUG,cACVA,EAAaC,gBACbA,GAEE7C,EADC8C,IACD9C,OACgBoD,MACRrC,EAAMsC,OAA8B,MAWhD,OATAtC,EAAMuC,UAAU,KACdV,EAAcD,EAAeY,GAE7BC,IAEO,IACLX,EAAgBF,EAAeY,IAChC,IAGDrC,YACEqC,IAAKA,EACL,kBAAiBb,EACjB,mBAAkBD,GACdK,sBCrFoEW,QAACC,OAC7EA,KACG1D,UAEH,OACEmB,iBACED,EAACyC,OACK3D,GACJ0D,OAAQA,EACRrH,MAAO,CACLJ,YAAa,OACbD,OAAQ,kBAGZkF,EAACyC,OACK3D,GACJ0D,OAAQA,EACRrH,MAAO,CACLJ,YAAa,MACbD,OAAQ,QACR4H,cAAe,qHCfG7C,EAAM8C,WAChC,CAAC7D,EAAOuD,KACN,MAAM9C,MAEJA,EAAKqD,UACLA,EAASC,SACTA,EAAQC,QACRA,EAAOC,KACPA,EAAIC,iBACJA,EAAgBC,eAChBA,GAEEnE,EADC8C,IACD9C,MAYJ,aACO+D,GACHG,GAC8B,sBAC5BA,EAAiBJ,EAEvB,CAEA,QAAc/C,EAAMC,WAAWC,GAE/B,OACEC,SACE7E,MAAO,CAAE+H,QAAS,eAClBC,aAAcC,EACdC,aAAcJ,WAEdjD,EAACsD,KACCC,SAAUV,EACVtD,MAAOA,EACPiE,eAAgB,CACdC,WAAY,SACZC,OAAQ,IACRC,UAAW,QACXpE,MAAOR,EAAMtB,OAAOyB,QACpBgE,QAAS,cACTU,OAAQ,gBACRnJ,QAAS,KAEXoJ,WAAY,CACVH,OAAQnE,sBAA8BR,EAAMtB,OAAOqG,aACnDC,aAAc,OAEhBC,UAAWjB,EACXkB,OAAQhB,EACRH,QA5CN,WACEA,GAA8B,sBAAcA,EAAQF,GAE/CC,GACHI,GAC4B,sBAC1BA,GAEN,EAqCMiB,QAASd,EACTf,IAAKA,EACLtD,MAAOA,GACH6C,sHC+Bd,SAA2BhD,EAAOuF;;;;;;OAQJvF,EAAOuF,sBAERvF,EAAOuF;;OAILvF,EAAOwF;;;GAC1BtF,GAAeA,EAAMC,MAAMtB,OAAOyB,QAC9BJ,GAAeA,EAAMC,MAAMI,UAAUC,OAAOzE,sBAG/BmE,GAC3B,MACEuF,gBAAgBlH,MACdA,EAAQ,GAAEc,KACVA,EAAO,GAAEE,QACTA,EAAU,GACVmG,OACEnJ,OACEO,UAAW6I,EACXvI,WAAYwI,GAEV,IAEF,CAAErJ,MAAO,IACbsJ,OACEtJ,OACEO,UAAWgJ,EACX1I,WAAY2I,GAEV,IAEF,CAAExJ,MAAO,KACX,GAAEC,KACNA,EAAO,GAAEwJ,wBACTA,EAAuBnD,cACvBA,EAAaC,cACbA,EAAaC,gBACbA,EAAekD,OACfA,EAAMlF,EACNA,EAACC,GAECd,EArBOgG,IAqBPhG,EA7BFuF,eAIEC,MACEnJ,UAKG4J,IAmBLjG,EA7BFuF,eAIEC,UAYOU,IAaPlG,EA7BFuF,eAYEI,MACEtJ,UAKG8J,IAWLnG,EA7BFuF,eAYEI,YAmB0B5E,EAAMC,WAAWC,KACnBF,EAAMC,WAAWoF,IAEtCtE,EAAYuE,GAAiBtF,EAAMuF,SAAmB,KACtD7K,EAAO8K,GAAYxF,EAAMuF,SAAiB,MAC1CE,EAAaC,GAAkB1F,EAAMuF,SAAwB,OAC7D1F,EAAa8F,GAAkB3F,EAAMuF,SAAwB,OAC7DK,EAAgBC,GAAqB7F,EAAMuF,UAAkB,IAC7DO,EAAqBC,GAC1B/F,EAAMuF,UAAkB,KAELvF,EAAMsC,OAAuB,QACrBtC,EAAMsC,OAA0B,MAE7DtC,EAAMuC,UAAU,KACdyD,KAEAC,OAAOC,iBAAiB,SAAUF,IAClCC,OAAOC,iBAAiB,UAAWC,IAE5B,KACLF,OAAOG,oBAAoB,SAAUJ,IACrCC,OAAOG,oBAAoB,UAAWD,MAEvC,IAEHnG,EAAMuC,UAAU,KACd0D,OAAOC,iBAAiB,YAAaG,IAE9B,KACLJ,OAAOG,oBAAoB,YAAaC,MAEzC,CAACxG,IAEJ,SAA+BtE,EAAKgG,IAAI,CAACJ,EAAGC,eAAiBA,WAG3DjF,cACEuD,MAAO,UACP5E,SAAU,IACP6J,GAEL9I,aACE6D,MAAO,UACP9E,QAAS,GACTE,SAAU,GACVwL,WAAY,QACT5B,IAEFO,SAIH9I,cACErB,SAAU,IACPgK,GAELjJ,aACE6D,MAAO,UACP9E,QAAS,GACTE,SAAU,GACVwL,WAAY,QACTzB,IAEFM,GAGL,cACEoB,EAAaC,SAAWhB,EAASe,EAAaC,QAAQC,YACxD,CAEA,YAAmBC,GACC,WAAdA,EAAMC,MACRhB,EAAe,MACfE,GAAkB,GAEtB,CAEA,eACGhG,GAAegG,GAAkB,EACpC,CAEA,YAAwBjG,GACtB,OAAuB,UAAW6F,IAAgB7F,EAApB,EAAgC,EAChE,CAEA,YAA2BmD,GACrBhC,EAAWO,SAASyB,GACtBuC,EAAcvE,EAAWM,OAAOuF,GAAQA,IAAS7D,IAEjDuC,EAAcvE,EAAW8F,OAAO,CAAC9D,IAErC,CAEA,YAA0BA,GACxB2C,EAAe3C,EACjB,CAEA,cACE2C,EAAe,KACjB,CAEA,SAAyB,CACvBoB,EACAtF,KAEA,GAAIA,EAAMgF,QAAS,CACjB,QAAyBO,SACvBvF,EAAMgF,QAAQQ,aAAa,mBAC3B,KAEDF,EAAIxF,SAAS2F,IACZH,EAAII,KACFH,SAASvF,EAAMgF,QAAQQ,aAAa,mBAA8B,KAGxE,aAG0BxF,IAC1B,QAAyBuF,SACvBvF,EAAMgF,QAAQQ,aAAa,mBAC3B,MAEwBD,SACxBvF,EAAMgF,QAAQQ,aAAa,oBAC3B,MAEkBpF,EAAc4E,QAAQW,OAAOC,GAAkB,IAKnE,MAAO,CACLH,mBACAI,oBACAC,cACAC,gBAPsBD,EAAY,GAQlCE,iBAPuBF,EAAYA,EAAYG,OAAS,QAY1D,CAAC9F,EAAmBD,IACnBF,GACCA,EAAMgF,SACNO,SAASvF,EAAMgF,QAAQQ,aAAa,mBAA8B,MAChErF,GACFoF,SAASvF,EAAMgF,QAAQQ,aAAa,oBAA+B,MACjEtF,EAyIN,YAAwCgF,GACtC,MAAMC,IAAEA,EAAGe,SAAEA,GAAahB,EAEnB,QADCC,GAGFe,GACA3C,GACAA,EAAwByB,SACxB5E,EAAc4E,QAAQmB,KACpBnG,GAASA,EAAMgF,UAAYzB,EAAwByB,WAGrDE,EAAMkB,iBACN7C,EAAwByB,QAAQqB,QAKxC,CAEA,OACEzH,EAAC0H,IAAmBtF,IAAK+D,YACvBpG,EAAC4H,IAAsBC,UA5J3B,SAAqCtB,GACnC,MAAMC,IAAEA,EAAGe,SAAEA,GAAahB,EAC1B,OAAQC,GACN,IAAK,MACHD,EAAMkB,iBACN7C,EAAwByB,QACtB5E,EAAc4E,QAAQmB,KACpBnG,GAASA,EAAMgF,UAAYyB,SAASC,eAEtC1B,QACFkB,EACI1C,EAAOwB,SAAWxB,EAAOwB,QAAQqB,QACjCM,EAAqB3B,SACrB2B,EAAqB3B,QAAQqB,QACjC,MAEF,IAAK,aAAc,CACjB,QAA0BjG,EAAc4E,QAAQ4B,UAC9C5G,GAASA,EAAMgF,UAAYyB,SAASC,4BAGZG,IAAtBC,IACFA,IAAsB1G,EAAc4E,QAAQiB,OAAS,WAChD7F,EAAc4E,QAAQ,cAAtB+B,EAA0B/B,UAA1BgC,EAAyDX,QAExDjG,EAAc4E,QAAQ8B,EAAoB,GACvC9B,QACHqB,SAER,MAEF,IAAK,YAAa,CAChB,QAA0BjG,EAAc4E,QAAQ4B,UAC9C5G,GAASA,EAAMgF,UAAYyB,SAASC,oBAGZG,IAAtBC,IACoB,IAAtBA,EAEM1G,EAAc4E,QAAQ5E,EAAc4E,QAAQiB,OAAS,GAClDjB,QACHqB,QAEAjG,EAAc4E,QAAQ8B,EAAoB,GACvC9B,QACHqB,SAER,MAEF,IAAK,UAAW,CACdnB,EAAMkB,iBACN,QAAqBhG,EAAc4E,QAAQmB,KACzCnG,GAASA,EAAMgF,UAAYyB,SAASC,eAGtC,GAAIO,GAAgBA,EAAajC,QAAS,CACxC,MAAMS,iBACJA,EAAgBI,kBAChBA,EAAiBC,YACjBA,EAAWC,gBACXA,EAAeC,iBACfA,GACEkB,GAAmBD,GAEvB,GAAQxB,MAIArF,EAAc4E,QAAQmB,KACpBgB,GAAiBnB,EAAkBH,IAErCb,QACFqB,YAGK,CACP,QACEP,EAAYA,EAAYsB,QAAQ3B,GAAoB,GAGlDrF,EAAc4E,QAAQmB,KACpBgB,GAAiBE,EAAqBxB,IAExCb,QACFqB,SAIR,MAEF,IAAK,YAAa,CAChBnB,EAAMkB,iBACN,QAAqBhG,EAAc4E,QAAQmB,KACzCnG,GAASA,EAAMgF,UAAYyB,SAASC,eAGtC,GAAIO,GAAgBA,EAAajC,QAAS,CACxC,MAAMS,iBACJA,EAAgBI,kBAChBA,EAAiBC,YACjBA,EAAWC,gBACXA,EAAeC,iBACfA,GACEkB,GAAmBD,GAEvB,GAAQxB,MAIArF,EAAc4E,QAAQmB,KACpBgB,GAAiBpB,EAAiBF,IAEpCb,QACFqB,YAGK,CACP,QACEP,EAAYA,EAAYsB,QAAQ3B,GAAoB,GAGlDrF,EAAc4E,QAAQmB,KACpBgB,GAAiBG,EAAsBzB,IAEzCb,QACFqB,SAIR,OAGN,WAyBMzH,EAAC2I,KACCC,cAAe,GACfrO,OAAQ,IACRC,QAAS,CAAE4F,IAAK,EAAGyI,KAAM,GAAIC,MAAO,EAAGC,OAAQ,IAC/CjK,MAAOkK,EACP1O,MAAOA,EACP2O,mBACElJ,EAACmJ,GACCpG,KAAK,kBACLqG,iBAAkBC,GAClBC,iBAAiB,IACjBjO,OACEsK,GAAuBF,EAAiB,aAAYyC,EAEtDqB,eACE9D,EACEzF,EAACwJ,GACCC,gBACEzJ,EAAC0J,GACC7I,WAAYzF,EAAKkM,OACjB1G,WAAYA,WAIhBsH,EAEN5H,KAAK,eACLqJ,eAAgB,MAGhBxM,aAEJ6C,EAAC4J,OAAgB3E,GAAY4E,iBAAc1O,MAAO2O,MACjD1O,EAAKgG,IACJ,EAAGhG,KAAM2O,GAAW9I,KACjBL,EAAWO,SAASF,IACnBjB,EAACgK,KACC7O,MAAO,CACLC,KAAM,CACJkC,QAAS2M,GAAehJ,GACxBnG,OAAQiE,EAAMyB,eAAeS,GAC7BlG,YAAa,KAEfmP,OAAQ,CAAExG,OAAQ3E,EAAMtB,OAAO0M,aAGjC/O,KAAM2O,EACNR,eAAgBvJ,QAChBL,EAAGA,EACHC,GACI3B,UALQgD,MASpBjB,EAAC4J,OACK7E,GACJ5J,MAAOiP,GACPC,cACErK,EAACsK,IACC9H,OAAQ,CACNW,aAAc,IAAMyC,GAAuB,GAC3CvC,aAAc,IAAMuC,GAAuB,SAKlDxK,EAAKgG,IACJ,EAAGhG,KAAM2O,GAAW9I,KACjBL,EAAWO,SAASF,IACnBjB,EAACuK,KACCxH,gBAAiB9B,IACjBuB,OAAQ,CACN,CACEgI,OAAQ,OACRC,cAAe,CACbxG,OAAQ,KACNyB,GAAkB,GAClBF,EAAe,MACR,CACL,CACEgF,OAAQ,SACRE,SAAU,MAASC,YAAQzC,OAIjCpF,QAAS,IACA,CACL,CACE0H,OAAQ,SACRE,SAAU5L,IACR0G,KACK1G,EAAMU,MAAMgC,aAAa1C,EAAMU,MAAMC,SAEnC,CAAEkL,QAAQ,MAKzBzG,QAAS,KACPwB,GAAkB,GACX,CACL,CACE8E,OAAQ,SACRE,SAAU5L,IACR0G,KACK1G,EAAMU,MAAMgC,aAAa1C,EAAMU,MAAMC,SAEnC,CAAEkL,QAAQ,OAKzBxH,aAAc,KACZuC,GAAkB,GACX,CACL,CACE8E,OAAQ,SACRE,SAAU5L,IACR0G,KACK1G,EAAMU,MAAMgC,aAAa1C,EAAMU,MAAMC,SAEnC,CAAEkL,QAAQ,OAKzBtH,aAAc,KACZmC,EAAe,MACfE,GAAkB,OAK1BvK,MAAO,CACLC,KAAM,CACJP,KAAMkE,EAAMtB,OAAOuB,WACnB1B,QAAS2M,GAAehJ,GACxBnG,OAAQiE,EAAMyB,eAAeS,GAC7BlG,YAAa,IAGjBgB,KAAM,EACNX,KACE2O,EAAQ3I,IAAI,CAAC5B,EAAOC,OAClBA,QACA+B,UAAWP,GACRzB,IAGPoL,cACE5K,EAAC6K,GACCrJ,UAAWP,EACXQ,cAAeA,EACfC,cAAeA,EACfC,gBAAiBA,IAGrBtG,OAAQ,IAAM,GACdkO,eACEvJ,EAACwJ,GACCsB,KAAK,GACLrB,gBACEzJ,EAAC+K,GAAatL,MAAOwB,EAAGvB,YAAaA,MAK3CC,EAAGA,EACHC,GACIzB,aAHW8C,YAU3BhB,EAAC+K,cACChL,EAACiL,IAAuBlM,MAAOA,WAC5BmM,EAAKC,OAAOlN,KAAKmN,mBAEnBhQ,EAAKgG,IAAI,EAAG2B,QAAQ9B,KACnB,QACEiK,EAAKC,OAAOlN,KAAKoN,sBAAsBC,QAAQ,YAAavI,GAE9D,OACE/C,EAACuL,IACC,aAAYF,EACZ9L,MAAOR,EAAMyB,eAAeS,GAC5B2B,UAAW3B,EACX4B,SAAUjC,EAAWO,SAASF,GAE9B8B,KAAMA,EACND,QAAS0I,GACT3D,UAAiB,IAAN5G,EAAUwK,QAAiCvD,EACtDlF,iBAAkBA,GAClBX,IAAW,IAANpB,EAAU+G,OAAuBE,EACtCjF,eAAgBA,IANXhC,EAAC,QAapB,aCppB4ByK,GAC1B,SACGC,cACAL,QAAQ,eAAgB,IACxBA,QAAQ,sBAAuB,CAACM,EAAKnM,IAC1B,IAAVA,EAAcmM,EAAID,cAAgBC,EAAIC,eAEvCP,QAAQ,OAAQ,GACrB,UAgB+BxM,IAC7B,MAAM1D,KACJA,EAAO,GACP0Q,OACEC,SAAUC,EACVvL,MAAO8D,EACP0H,WAAYC,EACZC,WAAYC,GAEdC,OAASN,SAAUO,EAAWL,WAAYM,IACxCzN,GACG0N,EAAcC,GAAmB5M,EAAMuF,SAAS,CACrDsH,QAAS,GACTC,KAAM,KAgFR,OA7EA9M,EAAMuC,UAAU,KACdqK,EAGF,WACE,QAAeG,GAAaZ,GAAazH,GAAc,OAC9BnJ,EAAK4L,OAAO,CAAC6F,GAAezR,KAAM2O,MACzDA,EAAQ+C,QAAStN,IACf,QAAcA,EAAMG,GAAMqM,GAAaxM,EAAMwM,IAC5Ca,EAAY1L,SAAS4L,IAAUF,EAAY9F,KAAKgG,QAIlD,IAEH,MAAoB,CAClBL,QACEM,EAAiB1F,OAAS,EACtB,CACE,CACE2F,MAAOC,EACPC,OAAQ5I,GAAcyH,GAAa,IACnCoB,aAAa,IAGjB,GACNT,KAAMK,EAAiBhG,OACrB,CAACqG,EAAYC,EAAc7N,KACzB,QACE2M,GACgB,oBAChBA,EAAY9E,SAAW0F,EAAiB1F,OACpC4E,GAAsC,qBACpCA,EAAYE,EAAYkB,EAAO,IAC/BlB,EAAYkB,EAAO,GACrBpB,GAAepL,MAAMyM,QAAQrB,GAC7BA,EAAYoB,EAAO,GACnBpB,GAAsC,qBACtCA,EAAYoB,GACZA,EAMN,OALAD,EAAItG,KAAK,CACPmG,CAACA,GAASM,EACVC,GAAIhO,OAKR,KAIJ,SAAYuH,OAAO,CAAC0G,EAAWlO,KAC7B,MAAQuD,KAAMoK,EAAQ/R,KAAM2O,GAAYvK,IAC1BoN,GAAYO,GAoB1B,OAlBAO,EAAUhB,QAAQ3F,KAAK,CACrBkG,QACAE,WAGFpD,EAAQ+C,QAAQ,CAACa,EAAQ1M,KACvB,QACE0M,EAAE/N,GAAa,IAAR+N,EAAE/N,EAAU+N,EAAE/N,EAAkB0M,GAAaqB,EAAErB,GACxDoB,EAAUf,KAAK1L,QACVyM,EAAUf,KAAK1L,IAClBwM,GAAIG,EAAcjB,KAAKrF,OAAS,EAAIrG,EAAI,EAAIA,EAC5CgM,CAACA,GACCV,GAAsC,qBAClCA,EAAYsB,GACZA,SAKTD,EACL,CA1EkBE,KACf,CAAC1S,IA4EF4E,EAAC+N,YACEvB,EAAaG,KAAKrF,OAAS,EAC1BtH,EAACgO,GACCC,eAAe,EACfvB,QAASF,EAAaE,QACtBC,KAAMH,EAAaG,OAGrB3M,EAACkO,kFCjFT,SAAoBtP,EAAOU;;;;;;;GAChBR,GAASA,EAAMC,MAAMtB,OAAOyB,QACxBJ,GAASA,EAAMC,MAAMI,UAAUgP,OAAOxT,SAEpCmE,GAASA,EAAMC,MAAMqP,SACrBtP,GAASA,EAAMC,MAAMI,UAAUgP,OAAO9O,eAI/BT,EAAOyP,EAAPzP;;;GACTE,GAASA,EAAMC,MAAMI,UAAUC,OAAOzE,aAIzBiE,EAAO0P,EAAP1P;;;;;GAGKE,GAASA,EAAMC,MAAMtB,OAAOwB,eAItCL,EAAO2P,EAAP3P;;OAIUA,EAAOmP,EAAPnP;;;;;;;;;;;;;;;;GAMpBE,GAAUA,EAAM0P,OAAS,QAAU,OACrC1P,GAASA,EAAMC,MAAM0P,WAAWC,UAC3B5P,GACZA,EAAM6P,UAAY7P,EAAM6P,UAAY7P,EAAMC,MAAM6P,SAASC,QAAQF,UACxD7P,GAAUA,EAAM0P,OAAS,IAAM,IAG/B1P,GAASA,EAAMC,MAAM0P,WAAWK,UACvChQ,GAASA,EAAMC,MAAM0P,WAAWK,UAMlChQ,GACAA,EAAMvE,OACNwU;;;OAEWjQ,EAAMvE,QAIrB,YAAsBuE,EAAsBuD,mBAC1C,MAAM2M,YAAEA,EAAWhR,MAAEA,EAAKD,KAAUA,GAAmBe,EAAV8C,IAAU9C,QACvBe,EAAMsC,OAA0B,QAChCtC,EAAMsC,OAAuB,QAC/CtC,EAAMC,WAAWC,KAClBF,EAAMC,WAAWoF,IAEvBzD,EAAeC,EAAeC,GAAmBsN,KAEjDC,EAA4BC,GACjCtP,EAAMuF,UAAkB,GAmC1B,OACEnF,SAAKoC,IAAKA,YACRrC,EAACoP,IAAYrQ,MAAOA,WAAQf,IAC3BgR,GACChP,EAACqP,IACCtQ,MAAOA,EACPuQ,YAAaC,EAAsBC,mBAElCR,IAGL/O,EAACwP,IAAoB1Q,MAAOA,YAC1BkB,EAACyP,aACC1P,EAAC2P,YAAKzE,EAAKC,OAAOlN,KAAK2R,gBACvB5P,EAAC2P,YAAKzE,EAAKC,OAAOlN,KAAK4R,eACvB5P,SACEgE,OAjDV,WACEkL,GAA8B,EAChC,EAgDUhU,MAAO,CACL+H,QAAS,eACT4M,WAAY,kBAGd9P,EAAC+P,GACClB,QAAS3D,EAAKC,OAAOlN,KAAK+R,4BAC1B3N,IAAK4N,WAELjQ,EAACkQ,GACC,gBAAc,uBACd,aAAYhF,EAAKC,OAAOlN,KAAK+R,4BAC7B,gBAAeG,QAAQjB,GACvBkB,KAAMpQ,EAACqQ,MACPvN,QA5Dd,WACEqM,EAA8BmB,IAAaA,EAC7C,EA2DczI,UAzDd,SAAiDtB,GAC/C,MAAMC,IAAEA,EAAGe,SAAEA,GAAahB,EAE1B,OAAQC,GACN,IAAK,SACH2I,GAA8B,GAC9B,MAEF,IAAK,OAEA5H,GACD3C,GACAA,EAAwByB,SACxB5E,EAAc4E,QAAQmB,KACpBnG,GAASA,EAAMgF,UAAYzB,EAAwByB,WAGrDE,EAAMkB,iBACN7C,EAAwByB,QAAQqB,SAKxC,EAmCc6I,QAASC,EAAcC,SAG3BzQ,EAAC0Q,YACCzQ,EAAC0Q,IACClD,GAAG,uBACHe,OAAQU,EACRnQ,MAAOA,EACPxE,MAAM,kBAENyF,EAACqO,GACCiB,YAAaC,EAAsBqB,cACnCzV,MAAO,CAAEyI,OAAQ,qBAEhBsH,EAAKC,OAAOlN,KAAK4S,6BAEnB3F,EAAKC,OAAOlN,KAAK6S,gCAK1B7Q,EAAC8Q,aACC/Q,EAACgR,IAAejS,MAAOA,WACX,SAAThB,GACCiC,EAACiR,QACKrP,GACJgD,wBAAyBA,EACzBnD,cAAeA,EACfC,cAAeA,EACfmD,OAAQoL,EACRtO,gBAAiBA,OAIvB3B,EAACgR,IAAejS,MAAOA,WACrBiB,EAACkR,IACC9V,KAAMwG,EAAMxG,KACZ0Q,MAAO,CACLC,SAAUnK,EAAMjC,EAChBc,eAAOmB,EAAMyC,0BAAN8M,EAAsB7M,cAAtB8M,EAA6B3Q,MACpCwL,oBAAYrK,EAAMyC,0BAANgN,EAAsB/M,cAAtBgN,EAA6BrF,YAE3CI,MAAO,CACLN,SAAUnK,EAAMhC,EAChBqM,oBAAYrK,EAAMyC,0BAANkN,EAAsB9M,cAAtB+M,EAA6BvF,wBAQzD,CAEawF,SAAQ5R,EAAM8C,WAAW+O"}