{"version":3,"file":"ChartContainer-OAgOD9i9.js","sources":["../../../app/javascript/entrypoints/components/ChartContainer.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useEffect, useState } from 'react';\nimport Chart from './Chart';\nimport { Fragment } from 'react';\nimport { Options } from 'highcharts';\nimport * as React from 'react';\n// import { media } from '../styles/variables';\n\ninterface Props {\n  indices: string;\n  period: string;\n  config: Options;\n  maxDefault?: number;\n  children: React.ReactNode;\n}\n\nconst ChartContainer: React.FC<Props> = ({\n  indices,\n  period,\n  config,\n  maxDefault = null,\n  children,\n}): JSX.Element => {\n  const [max, setMax] = useState<any>();\n  const id = `${indices}-${period}`;\n\n  useEffect((): void => {\n    setMax(maxDefault);\n  }, [maxDefault]);\n\n  return (\n    <Fragment>\n      <h5 style={header}>{children}</h5>\n      <div className=\"col-7 chart-container\" style={container}>\n        <Chart idStr={id} config={config} max={max} />\n      </div>\n      <div className=\"chart-operator\">\n        <div>{indicesName(indices)}の最大値</div>\n        <select\n          onChange={(e): void => {\n            setMax(maxValue(e));\n          }}\n          className=\"form-control chart-select-max\"\n        >\n          {selectOptions(indices, max)}\n        </select>\n      </div>\n    </Fragment>\n  );\n};\n\nfunction indicesName(indices: string): string {\n  if (indices == 'fcf-ratio') {\n    return 'FCF倍率';\n  } else {\n    return indices.toUpperCase();\n  }\n}\n\nfunction selectOptions(indices: string, max?: any): JSX.Element[] {\n  let values;\n\n  if (indices == 'per') {\n    values = [undefined, 10, 15, 20, 30, 50, 100];\n  } else if (indices == 'pbr') {\n    values = [undefined, 1, 2, 3, 5, 10, 20];\n  } else {\n    values = [undefined, 10, 20, 50, 100, 200, 500];\n  }\n  return values.map(\n    (v, i): JSX.Element => (\n      <option value={v} key={i} selected={v === max}>\n        {v}\n      </option>\n    ),\n  );\n}\n\nfunction maxValue(e: React.ChangeEvent<HTMLSelectElement>): number | null {\n  const select = e.currentTarget;\n  const val = select.options[select.selectedIndex].value; // IE 11\n  return val ? parseInt(val) : null;\n}\n\nconst header = {\n  marginTop: '20px',\n};\n\nconst container: any = {\n  boxSizing: 'border-box',\n  height: '400px',\n  marginBottom: '20px',\n  padding: '20px 10px 15px 10px',\n  border: '1px solid #ddd',\n  background: '#fff',\n  boxShadow: '0 3px 10px rgba(0, 0, 0, 0.1)',\n};\n\nexport default ChartContainer;\n/* eslint-enable */\n"],"names":["ChartContainer","indices","period","config","maxDefault","children","max","setMax","useState","id","useEffect","Fragment","jsx","header","container","Chart","jsxs","indicesName","e","maxValue","selectOptions","values","v","i","select","val"],"mappings":"0MAgBA,MAAMA,EAAkC,CAAC,CACvC,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,WAAAC,EAAa,KACb,SAAAC,CACF,IAAmB,CACjB,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAc,SAAA,EAC9BC,EAAK,GAAGR,CAAO,IAAIC,CAAM,GAE/BQ,OAAAA,EAAAA,UAAU,IAAY,CACpBH,EAAOH,CAAU,CAAA,EAChB,CAACA,CAAU,CAAC,SAGZO,WACC,CAAA,SAAA,CAACC,EAAAA,IAAA,KAAA,CAAG,MAAOC,EAAS,SAAAR,CAAS,CAAA,EAC5BO,EAAA,IAAA,MAAA,CAAI,UAAU,wBAAwB,MAAOE,EAC5C,SAACF,EAAA,IAAAG,EAAA,CAAM,MAAON,EAAI,OAAAN,EAAgB,IAAAG,CAAU,CAAA,EAC9C,EACAU,EAAAA,KAAC,MAAI,CAAA,UAAU,iBACb,SAAA,CAAAA,OAAC,MAAK,CAAA,SAAA,CAAAC,EAAYhB,CAAO,EAAE,MAAA,EAAI,EAC/BW,EAAA,IAAC,SAAA,CACC,SAAWM,GAAY,CACdX,EAAAY,EAASD,CAAC,CAAC,CACpB,EACA,UAAU,gCAET,SAAAE,EAAcnB,EAASK,CAAG,CAAA,CAC7B,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,EAEA,SAASW,EAAYhB,EAAyB,CAC5C,OAAIA,GAAW,YACN,QAEAA,EAAQ,aAEnB,CAEA,SAASmB,EAAcnB,EAAiBK,EAA0B,CAC5D,IAAAe,EAEJ,OAAIpB,GAAW,MACboB,EAAS,CAAC,OAAW,GAAI,GAAI,GAAI,GAAI,GAAI,GAAG,EACnCpB,GAAW,MACpBoB,EAAS,CAAC,OAAW,EAAG,EAAG,EAAG,EAAG,GAAI,EAAE,EAEvCA,EAAS,CAAC,OAAW,GAAI,GAAI,GAAI,IAAK,IAAK,GAAG,EAEzCA,EAAO,IACZ,CAACC,EAAGC,IACDX,EAAA,IAAA,SAAA,CAAO,MAAOU,EAAW,SAAUA,IAAMhB,EACvC,SAAAgB,CAAA,EADoBC,CAEvB,CAAA,CAGN,CAEA,SAASJ,EAAS,EAAwD,CACxE,MAAMK,EAAS,EAAE,cACXC,EAAMD,EAAO,QAAQA,EAAO,aAAa,EAAE,MAC1C,OAAAC,EAAM,SAASA,CAAG,EAAI,IAC/B,CAEA,MAAMZ,EAAS,CACb,UAAW,MACb,EAEMC,EAAiB,CACrB,UAAW,aACX,OAAQ,QACR,aAAc,OACd,QAAS,sBACT,OAAQ,iBACR,WAAY,OACZ,UAAW,+BACb"}