@pie-lib/charting 5.36.1 → 5.37.0-mui-update.0

package/lib/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.jsx"],"names":["translator","Translator","log","Chart","props","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","autoFocus","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","categoryDefaultLabel","defineChart","categoryDefaults","language","length","title","t","lng","text","count","onConfirm","handleAlertDialog","inDefineChart","label","value","deletable","editable","interactive","filter","_","i","map","d","actionsAnchorEl","maskUid","generateMaskId","Math","random","toFixed","classes","className","domain","range","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","mathMlOptions","labelsCharactersLimit","correctData","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","rootCommon","isPlotEvaluation","needsExtraHeight","chartBox","r","resetAutoFocus","changeData","changeCategory","display","justifyContent","addCategory","deleteCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","step","labelStep","array","func","any","bool","theme","styles","graphBox","transform","svg","overflow","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport { Root, createGraphProps } from '@pie-lib/plot';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport chartTypes from './chart-types';\nimport ActionsButton from './actions-button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n      actionsAnchorEl: null,\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    categoryDefaults: PropTypes.object,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    language: PropTypes.string,\n    mathMlOptions: PropTypes.object,\n    labelsCharactersLimit: PropTypes.number,\n    correctData: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n    autoFocus: false,\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = () => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults, language } = this.props;\n\n    if ((data || []).length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: translator.t('common:warning', { lng: language }),\n          text: translator.t('charting.reachedLimit_other', { count: 20, lng: language }),\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.setState({ autoFocus: true });\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          label: categoryDefaultLabel || translator.t('charting.newLabel', { lng: language }),\n          value: 0,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  deleteCategory = (index) => {\n    const { data, onDataChange } = this.props;\n\n    if (typeof index !== 'number' || index < 0) {\n      return;\n    }\n\n    if (data && data.length > 0) {\n      onDataChange(data.filter((_, i) => i !== index));\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  resetAutoFocus = () => {\n    this.setState({ autoFocus: false });\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      chartingOptions,\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      showPixelGuides,\n      error,\n      mathMlOptions = {},\n      language,\n      labelsCharactersLimit,\n      correctData,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -75, width: width + 20, height: height + 130 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    // for plot evaluations we need extra space because we render correctness icon below x axis\n    const isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && correctData?.length;\n    const needsExtraHeight = isPlotEvaluation && labels.bottom;\n\n    if (needsExtraHeight) {\n      rootCommon.graphProps.size.height += 25;\n    }\n\n    return (\n      <div className={classNames(classes.chart, classes.chartBox, className)}>\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          mathMlOptions={mathMlOptions}\n          labelsCharactersLimit={labelsCharactersLimit}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            autoFocus={this.state.autoFocus}\n            onAutoFocusUsed={this.resetAutoFocus}\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            chartingOptions={chartingOptions}\n            changeInteractiveEnabled={changeInteractiveEnabled}\n            changeEditableEnabled={changeEditableEnabled}\n            top={top}\n            error={error}\n            showCorrectness={chartType === 'linePlot' || chartType === 'dotPlot'}\n          />\n          {addCategoryEnabled ? (\n            <foreignObject x={width} y={height - 16} width={width} height={height}>\n              <div xmlns=\"http://www.w3.org/1999/xhtml\" style={{ display: 'flex', justifyContent: 'flex-start' }}>\n                <ActionsButton\n                  categories={categories}\n                  addCategory={this.addCategory}\n                  deleteCategory={this.deleteCategory}\n                  language={language}\n                />\n              </div>\n            </foreignObject>\n          ) : null}\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            <ChartComponent\n              {...common}\n              data={categories}\n              height={rootCommon.graphProps.size.height}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n              correctData={correctData}\n            />\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)',\n  },\n  svg: {\n    overflow: 'visible',\n  },\n\n  chartBox: {\n    width: 'min-content',\n  },\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}
+{"version":3,"file":"chart.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_cloneDeep","_plot","_configUi","_grid","_axes","_utils","_chartTypes","_actionsButton","_translator","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","translator","Translator","log","debug","StyledChartContainer","styled","width","Chart","exports","_React$Component","props","_this","_classCallCheck2","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","autoFocus","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","_this$props","_this$props2","categoryDefaultLabel","defineChart","categoryDefaults","language","title","lng","text","count","onConfirm","handleAlertDialog","concat","_toConsumableArray2","inDefineChart","label","value","deletable","editable","interactive","_this$props3","_","i","_this$props4","map","d","actionsAnchorEl","maskUid","generateMaskId","_inherits2","_createClass2","key","Math","random","toFixed","render","_this2","_this$props5","className","_this$props5$domain","domain","_this$props5$range","range","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","_this$props5$mathMlOp","mathMlOptions","labelsCharactersLimit","correctData","_ref","height","labels","left","bottom","_this$getChart","getChart","categories","getFilteredCategories","correctValues","getDomainAndRangeByChartType","_getGridLinesAndAxisB","getGridLinesAndAxisByChartType","verticalLines","horizontalLines","leftAxis","common","graphProps","createGraphProps","rootNode","maskSize","x","y","scale","xBand","dataToXBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","getTopPadding","rootCommon","cloneDeep","isPlotEvaluation","needsExtraHeight","createElement","Root","_extends2","disabledTitle","showTitle","showLabels","disabledLabels","isChart","rootRef","rowTickValues","columnTickValues","onAutoFocusUsed","resetAutoFocus","onChange","changeData","onChangeCategory","changeCategory","showCorrectness","xmlns","style","display","justifyContent","addCategory","deleteCategory","id","fill","mask","AlertDialog","onClose","React","PropTypes","string","isRequired","shape","number","min","axisLabel","arrayOf","step","labelStep","array","object","func","any","bool","theme","_default"],"sources":["../src/chart.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport { Root, createGraphProps } from '@pie-lib/plot';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport chartTypes from './chart-types';\nimport ActionsButton from './actions-button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-lib:charts:chart');\n\nconst StyledChartContainer = styled('div')(() => ({\n  width: 'min-content',\n}));\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n      actionsAnchorEl: null,\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    categoryDefaults: PropTypes.object,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    language: PropTypes.string,\n    mathMlOptions: PropTypes.object,\n    labelsCharactersLimit: PropTypes.number,\n    correctData: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n    autoFocus: false,\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = () => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults, language } = this.props;\n\n    if ((data || []).length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: translator.t('common:warning', { lng: language }),\n          text: translator.t('charting.reachedLimit_other', { count: 20, lng: language }),\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.setState({ autoFocus: true });\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          label: categoryDefaultLabel || translator.t('charting.newLabel', { lng: language }),\n          value: 0,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  deleteCategory = (index) => {\n    const { data, onDataChange } = this.props;\n\n    if (typeof index !== 'number' || index < 0) {\n      return;\n    }\n\n    if (data && data.length > 0) {\n      onDataChange(data.filter((_, i) => i !== index));\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  resetAutoFocus = () => {\n    this.setState({ autoFocus: false });\n  };\n\n  render() {\n    const {\n      className,\n      domain = {},\n      range = {},\n      chartingOptions,\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      showPixelGuides,\n      error,\n      mathMlOptions = {},\n      language,\n      labelsCharactersLimit,\n      correctData,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -75, width: width + 20, height: height + 130 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    // for plot evaluations we need extra space because we render correctness icon below x axis\n    const isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && correctData?.length;\n    const needsExtraHeight = isPlotEvaluation && labels.bottom;\n\n    if (needsExtraHeight) {\n      rootCommon.graphProps.size.height += 25;\n    }\n\n    return (\n      <StyledChartContainer className={className}>\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          mathMlOptions={mathMlOptions}\n          labelsCharactersLimit={labelsCharactersLimit}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            autoFocus={this.state.autoFocus}\n            onAutoFocusUsed={this.resetAutoFocus}\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            chartingOptions={chartingOptions}\n            changeInteractiveEnabled={changeInteractiveEnabled}\n            changeEditableEnabled={changeEditableEnabled}\n            top={top}\n            error={error}\n            showCorrectness={chartType === 'linePlot' || chartType === 'dotPlot'}\n          />\n          {addCategoryEnabled ? (\n            <foreignObject x={width} y={height - 16} width={width} height={height}>\n              <div xmlns=\"http://www.w3.org/1999/xhtml\" style={{ display: 'flex', justifyContent: 'flex-start' }}>\n                <ActionsButton\n                  categories={categories}\n                  addCategory={this.addCategory}\n                  deleteCategory={this.deleteCategory}\n                  language={language}\n                />\n              </div>\n            </foreignObject>\n          ) : null}\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            <ChartComponent\n              {...common}\n              data={categories}\n              height={rootCommon.graphProps.size.height}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n              correctData={correctData}\n            />\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </StyledChartContainer>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":"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","ignoreList":[]}

package/lib/common/correctness-indicators.js

@@ -1,99 +1,121 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TickCorrectnessIndicator = exports.SmallCorrectPointIndicator = exports.CorrectnessIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var CorrectnessIndicator = function CorrectnessIndicator(_ref) {
-  var scale = _ref.scale,
-      x = _ref.x,
-      y = _ref.y,
-      classes = _ref.classes,
-      r = _ref.r,
-      correctness = _ref.correctness,
-      interactive = _ref.interactive;
+var _styles = require("@mui/material/styles");
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _renderUi = require("@pie-lib/render-ui");
+var StyledCorrectIcon = (0, _styles.styled)(_Check["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    width: '16px',
+    height: '16px',
+    padding: '2px',
+    border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+    stroke: 'initial',
+    boxSizing: 'unset',
+    // to override the default border-box in IBX
+    backgroundColor: _renderUi.color.correct(),
+    display: 'block',
+    '&.small': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(_Close["default"])(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    width: '16px',
+    height: '16px',
+    padding: '2px',
+    border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+    stroke: 'initial',
+    boxSizing: 'unset',
+    // to override the default border-box in IBX
+    backgroundColor: _renderUi.color.incorrectWithIcon(),
+    display: 'block',
+    '&.small': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var CorrectnessIndicator = exports.CorrectnessIndicator = function CorrectnessIndicator(_ref3) {
+  var scale = _ref3.scale,
+    x = _ref3.x,
+    y = _ref3.y,
+    r = _ref3.r,
+    correctness = _ref3.correctness,
+    interactive = _ref3.interactive;
   if (!correctness || !interactive) return null;
   var cx = scale ? scale.x(x) : x;
   var cy = scale ? scale.y(y) : y;
   var isCorrect = correctness.value === 'correct';
-  var iconClass = isCorrect ? classes.correctIcon : classes.incorrectIcon; // the icon is 16px + 2px padding + 1px border, so total size is 22px
 
+  // the icon is 16px + 2px padding + 1px border, so total size is 22px
   return /*#__PURE__*/_react["default"].createElement("foreignObject", {
     x: cx - 11,
     y: cy - 11,
     width: 22,
     height: 22
-  }, isCorrect ? /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, iconClass),
+  }, isCorrect ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     title: correctness.label
-  }) : /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, iconClass),
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
     title: correctness.label
   }));
 };
-
-exports.CorrectnessIndicator = CorrectnessIndicator;
-
-var SmallCorrectPointIndicator = function SmallCorrectPointIndicator(_ref2) {
-  var scale = _ref2.scale,
-      x = _ref2.x,
-      r = _ref2.r,
-      correctness = _ref2.correctness,
-      classes = _ref2.classes,
-      correctData = _ref2.correctData,
-      label = _ref2.label;
-
+var SmallCorrectPointIndicator = exports.SmallCorrectPointIndicator = function SmallCorrectPointIndicator(_ref4) {
+  var scale = _ref4.scale,
+    x = _ref4.x,
+    r = _ref4.r,
+    correctness = _ref4.correctness,
+    correctData = _ref4.correctData,
+    label = _ref4.label;
   if (correctness && correctness.value === 'incorrect') {
     var _correctData$find;
-
     var correctVal = parseFloat((_correctData$find = correctData.find(function (d) {
       return d.label === label;
     })) === null || _correctData$find === void 0 ? void 0 : _correctData$find.value);
     if (isNaN(correctVal)) return null;
     var correctPxY = scale.y(correctVal);
     var yToRender = correctPxY - 7.5;
-    var xToRender = scale.x(x) - 7.5; // small circle has 10px font + 2px padding + 1px border, so total size is 15px
+    var xToRender = scale.x(x) - 7.5;
 
+    // small circle has 10px font + 2px padding + 1px border, so total size is 15px
     return /*#__PURE__*/_react["default"].createElement("foreignObject", {
       x: xToRender,
       y: yToRender,
       width: 15,
       height: 15
-    }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-      className: (0, _classnames["default"])(classes.correctnessIcon, classes.correctIcon, classes.smallIcon),
+    }, /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+      className: "small",
       title: correctness.label
     }));
   }
-
   return null;
 };
-
-exports.SmallCorrectPointIndicator = SmallCorrectPointIndicator;
-
-var TickCorrectnessIndicator = function TickCorrectnessIndicator(_ref3) {
-  var classes = _ref3.classes,
-      correctness = _ref3.correctness,
-      interactive = _ref3.interactive;
+var TickCorrectnessIndicator = exports.TickCorrectnessIndicator = function TickCorrectnessIndicator(_ref5) {
+  var correctness = _ref5.correctness,
+    interactive = _ref5.interactive;
   if (!correctness || !interactive) return null;
-  return correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.correctIcon),
+  return correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     title: correctness.label
-  }) : /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.incorrectIcon),
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
     title: correctness.label
   });
 };
-
-exports.TickCorrectnessIndicator = TickCorrectnessIndicator;
 //# sourceMappingURL=correctness-indicators.js.map

package/lib/common/correctness-indicators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/correctness-indicators.jsx"],"names":["CorrectnessIndicator","scale","x","y","classes","r","correctness","interactive","cx","cy","isCorrect","value","iconClass","correctIcon","incorrectIcon","correctnessIcon","label","SmallCorrectPointIndicator","correctData","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","smallIcon","TickCorrectnessIndicator"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\n\nexport const CorrectnessIndicator = ({ scale, x, y, classes, r, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n  const cx = scale ? scale.x(x) : x;\n  const cy = scale ? scale.y(y) : y;\n  const isCorrect = correctness.value === 'correct';\n  const iconClass = isCorrect ? classes.correctIcon : classes.incorrectIcon;\n\n  // the icon is 16px + 2px padding + 1px border, so total size is 22px\n  return (\n    <foreignObject x={cx - 11} y={cy - 11} width={22} height={22}>\n      {isCorrect ? (\n        <Check className={classNames(classes.correctnessIcon, iconClass)} title={correctness.label} />\n      ) : (\n        <Close className={classNames(classes.correctnessIcon, iconClass)} title={correctness.label} />\n      )}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, r, correctness, classes, correctData, label }) => {\n  if (correctness && correctness.value === 'incorrect') {\n    const correctVal = parseFloat(correctData.find((d) => d.label === label)?.value);\n    if (isNaN(correctVal)) return null;\n    const correctPxY = scale.y(correctVal);\n    const yToRender = correctPxY - 7.5;\n    const xToRender = scale.x(x) - 7.5;\n\n    // small circle has 10px font + 2px padding + 1px border, so total size is 15px\n    return (\n      <foreignObject x={xToRender} y={yToRender} width={15} height={15}>\n        <Check\n          className={classNames(classes.correctnessIcon, classes.correctIcon, classes.smallIcon)}\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ classes, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return correctness.value === 'correct' ? (\n    <Check className={classNames(classes.correctnessIcon, classes.correctIcon)} title={correctness.label} />\n  ) : (\n    <Close className={classNames(classes.correctnessIcon, classes.incorrectIcon)} title={correctness.label} />\n  );\n};\n"],"file":"correctness-indicators.js"}
+{"version":3,"file":"correctness-indicators.js","names":["_react","_interopRequireDefault","require","_styles","_Check","_Close","_renderUi","StyledCorrectIcon","styled","Check","_ref","theme","borderRadius","spacing","color","enumColor","defaults","WHITE","fontSize","width","height","padding","border","concat","stroke","boxSizing","backgroundColor","correct","display","StyledIncorrectIcon","Close","_ref2","incorrectWithIcon","CorrectnessIndicator","exports","_ref3","scale","x","y","r","correctness","interactive","cx","cy","isCorrect","value","createElement","title","label","SmallCorrectPointIndicator","_ref4","correctData","_correctData$find","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","className","TickCorrectnessIndicator","_ref5"],"sources":["../../src/common/correctness-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color as enumColor } from '@pie-lib/render-ui';\n\nconst StyledCorrectIcon = styled(Check)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.correct(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nconst StyledIncorrectIcon = styled(Close)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.incorrectWithIcon(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nexport const CorrectnessIndicator = ({ scale, x, y, r, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n  const cx = scale ? scale.x(x) : x;\n  const cy = scale ? scale.y(y) : y;\n  const isCorrect = correctness.value === 'correct';\n\n  // the icon is 16px + 2px padding + 1px border, so total size is 22px\n  return (\n    <foreignObject x={cx - 11} y={cy - 11} width={22} height={22}>\n      {isCorrect ? (\n        <StyledCorrectIcon title={correctness.label} />\n      ) : (\n        <StyledIncorrectIcon title={correctness.label} />\n      )}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, r, correctness, correctData, label }) => {\n  if (correctness && correctness.value === 'incorrect') {\n    const correctVal = parseFloat(correctData.find((d) => d.label === label)?.value);\n    if (isNaN(correctVal)) return null;\n    const correctPxY = scale.y(correctVal);\n    const yToRender = correctPxY - 7.5;\n    const xToRender = scale.x(x) - 7.5;\n\n    // small circle has 10px font + 2px padding + 1px border, so total size is 15px\n    return (\n      <foreignObject x={xToRender} y={yToRender} width={15} height={15}>\n        <StyledCorrectIcon\n          className=\"small\"\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return correctness.value === 'correct' ? (\n    <StyledCorrectIcon title={correctness.label} />\n  ) : (\n    <StyledIncorrectIcon title={correctness.label} />\n  );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAMK,iBAAiB,GAAG,IAAAC,cAAM,EAACC,iBAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,YAAY,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC9BC,KAAK,EAAEC,eAAS,CAACC,QAAQ,CAACC,KAAK;IAC/BC,QAAQ,EAAE,MAAM;IAChBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,KAAK;IACdC,MAAM,eAAAC,MAAA,CAAeR,eAAS,CAACC,QAAQ,CAACC,KAAK,CAAE;IAC/CO,MAAM,EAAE,SAAS;IACjBC,SAAS,EAAE,OAAO;IAAE;IACpBC,eAAe,EAAEX,eAAS,CAACY,OAAO,CAAC,CAAC;IACpCC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;MACTV,QAAQ,EAAE,MAAM;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMS,mBAAmB,GAAG,IAAArB,cAAM,EAACsB,iBAAK,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGpB,KAAK,GAAAoB,KAAA,CAALpB,KAAK;EAAA,OAAQ;IACxDC,YAAY,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC9BC,KAAK,EAAEC,eAAS,CAACC,QAAQ,CAACC,KAAK;IAC/BC,QAAQ,EAAE,MAAM;IAChBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,KAAK;IACdC,MAAM,eAAAC,MAAA,CAAeR,eAAS,CAACC,QAAQ,CAACC,KAAK,CAAE;IAC/CO,MAAM,EAAE,SAAS;IACjBC,SAAS,EAAE,OAAO;IAAE;IACpBC,eAAe,EAAEX,eAAS,CAACiB,iBAAiB,CAAC,CAAC;IAC9CJ,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;MACTV,QAAQ,EAAE,MAAM;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC,CAAC;AAEI,IAAMa,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAAE,KAAA,EAAqD;EAAA,IAA/CC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,CAAC,GAAAF,KAAA,CAADE,CAAC;IAAEC,CAAC,GAAAH,KAAA,CAADG,CAAC;IAAEC,CAAC,GAAAJ,KAAA,CAADI,CAAC;IAAEC,WAAW,GAAAL,KAAA,CAAXK,WAAW;IAAEC,WAAW,GAAAN,KAAA,CAAXM,WAAW;EAC7E,IAAI,CAACD,WAAW,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAC7C,IAAMC,EAAE,GAAGN,KAAK,GAAGA,KAAK,CAACC,CAAC,CAACA,CAAC,CAAC,GAAGA,CAAC;EACjC,IAAMM,EAAE,GAAGP,KAAK,GAAGA,KAAK,CAACE,CAAC,CAACA,CAAC,CAAC,GAAGA,CAAC;EACjC,IAAMM,SAAS,GAAGJ,WAAW,CAACK,KAAK,KAAK,SAAS;;EAEjD;EACA,oBACE7C,MAAA,YAAA8C,aAAA;IAAeT,CAAC,EAAEK,EAAE,GAAG,EAAG;IAACJ,CAAC,EAAEK,EAAE,GAAG,EAAG;IAACxB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,GAC1DwB,SAAS,gBACR5C,MAAA,YAAA8C,aAAA,CAACvC,iBAAiB;IAACwC,KAAK,EAAEP,WAAW,CAACQ;EAAM,CAAE,CAAC,gBAE/ChD,MAAA,YAAA8C,aAAA,CAACjB,mBAAmB;IAACkB,KAAK,EAAEP,WAAW,CAACQ;EAAM,CAAE,CAErC,CAAC;AAEpB,CAAC;AAEM,IAAMC,0BAA0B,GAAAf,OAAA,CAAAe,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAAC,KAAA,EAAyD;EAAA,IAAnDd,KAAK,GAAAc,KAAA,CAALd,KAAK;IAAEC,CAAC,GAAAa,KAAA,CAADb,CAAC;IAAEE,CAAC,GAAAW,KAAA,CAADX,CAAC;IAAEC,WAAW,GAAAU,KAAA,CAAXV,WAAW;IAAEW,WAAW,GAAAD,KAAA,CAAXC,WAAW;IAAEH,KAAK,GAAAE,KAAA,CAALF,KAAK;EACvF,IAAIR,WAAW,IAAIA,WAAW,CAACK,KAAK,KAAK,WAAW,EAAE;IAAA,IAAAO,iBAAA;IACpD,IAAMC,UAAU,GAAGC,UAAU,EAAAF,iBAAA,GAACD,WAAW,CAACI,IAAI,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACR,KAAK,KAAKA,KAAK;IAAA,EAAC,cAAAI,iBAAA,uBAA1CA,iBAAA,CAA4CP,KAAK,CAAC;IAChF,IAAIY,KAAK,CAACJ,UAAU,CAAC,EAAE,OAAO,IAAI;IAClC,IAAMK,UAAU,GAAGtB,KAAK,CAACE,CAAC,CAACe,UAAU,CAAC;IACtC,IAAMM,SAAS,GAAGD,UAAU,GAAG,GAAG;IAClC,IAAME,SAAS,GAAGxB,KAAK,CAACC,CAAC,CAACA,CAAC,CAAC,GAAG,GAAG;;IAElC;IACA,oBACErC,MAAA,YAAA8C,aAAA;MAAeT,CAAC,EAAEuB,SAAU;MAACtB,CAAC,EAAEqB,SAAU;MAACxC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,gBAC/DpB,MAAA,YAAA8C,aAAA,CAACvC,iBAAiB;MAChBsD,SAAS,EAAC,OAAO;MACjBd,KAAK,EAAEP,WAAW,CAACQ;IAAM,CAC1B,CACY,CAAC;EAEpB;EAEA,OAAO,IAAI;AACb,CAAC;AAEM,IAAMc,wBAAwB,GAAA5B,OAAA,CAAA4B,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAAC,KAAA,EAAqC;EAAA,IAA/BvB,WAAW,GAAAuB,KAAA,CAAXvB,WAAW;IAAEC,WAAW,GAAAsB,KAAA,CAAXtB,WAAW;EACjE,IAAI,CAACD,WAAW,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAE7C,OAAOD,WAAW,CAACK,KAAK,KAAK,SAAS,gBACpC7C,MAAA,YAAA8C,aAAA,CAACvC,iBAAiB;IAACwC,KAAK,EAAEP,WAAW,CAACQ;EAAM,CAAE,CAAC,gBAE/ChD,MAAA,YAAA8C,aAAA,CAACjB,mBAAmB;IAACkB,KAAK,EAAEP,WAAW,CAACQ;EAAM,CAAE,CACjD;AACH,CAAC","ignoreList":[]}

package/lib/common/drag-handle.js

@@ -1,76 +1,94 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DragHandle = exports.D = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
+var _styles = require("@mui/material/styles");
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _plot = require("@pie-lib/plot");
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _styles2 = require("./styles");
-
 var _utils = require("../utils");
-
 var _dragIcon = _interopRequireDefault(require("./drag-icon"));
-
-var _excluded = ["x", "y", "width", "graphProps", "classes", "className", "interactive", "defineChart", "isHovered", "correctness", "color", "isPlot"];
-
+var _excluded = ["x", "y", "width", "graphProps", "className", "interactive", "defineChart", "isHovered", "correctness", "color", "isPlot"];
+var StyledSvg = (0, _styles.styled)('svg')(function () {
+  return {
+    overflow: 'visible !important'
+  };
+});
+var StyledEllipse = (0, _styles.styled)('ellipse')(function () {
+  return {
+    fill: 'transparent',
+    clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)'
+  };
+});
+var StyledCorrectIcon = (0, _styles.styled)(_Check["default"])(function () {
+  return {
+    backgroundColor: _renderUi.color.correct(),
+    borderRadius: '16px',
+    // equivalent to theme.spacing(2) for most themes
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    padding: '2px',
+    border: "4px solid ".concat(_renderUi.color.defaults.WHITE),
+    width: '16px',
+    height: '16px',
+    boxSizing: 'unset' // to override the default border-box in IBX
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(_Close["default"])(function () {
+  return {
+    backgroundColor: _renderUi.color.incorrectWithIcon(),
+    borderRadius: '16px',
+    // equivalent to theme.spacing(2) for most themes
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    padding: '2px',
+    border: "4px solid ".concat(_renderUi.color.defaults.WHITE),
+    width: '16px',
+    height: '16px',
+    boxSizing: 'unset' // to override the default border-box in IBX
+  };
+});
 var RawDragHandle = function RawDragHandle(_ref) {
   var _getScale;
-
   var x = _ref.x,
-      y = _ref.y,
-      width = _ref.width,
-      graphProps = _ref.graphProps,
-      classes = _ref.classes,
-      className = _ref.className,
-      interactive = _ref.interactive,
-      defineChart = _ref.defineChart,
-      isHovered = _ref.isHovered,
-      correctness = _ref.correctness,
-      color = _ref.color,
-      isPlot = _ref.isPlot,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    y = _ref.y,
+    width = _ref.width,
+    graphProps = _ref.graphProps,
+    className = _ref.className,
+    interactive = _ref.interactive,
+    defineChart = _ref.defineChart,
+    isHovered = _ref.isHovered,
+    correctness = _ref.correctness,
+    color = _ref.color,
+    isPlot = _ref.isPlot,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var scale = graphProps.scale;
   var scaleValue = (_getScale = (0, _utils.getScale)(width)) === null || _getScale === void 0 ? void 0 : _getScale.scale;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
+  return /*#__PURE__*/_react["default"].createElement(StyledSvg, {
     x: x,
     y: scale.y(y) - 10,
     width: width,
-    overflow: "visible",
-    className: classes.svgOverflowVisible
+    overflow: "visible"
   }, isHovered && !correctness && interactive && /*#__PURE__*/_react["default"].createElement(_dragIcon["default"], {
     width: width,
     scaleValue: scaleValue,
-    color: _renderUi.color.defaults.BORDER_GRAY,
-    classes: classes
-  }), interactive && !correctness && /*#__PURE__*/_react["default"].createElement("ellipse", (0, _extends2["default"])({
+    color: _renderUi.color.defaults.BORDER_GRAY
+  }), interactive && !correctness && /*#__PURE__*/_react["default"].createElement(StyledEllipse, (0, _extends2["default"])({
     cx: width / 2,
     cy: 10,
-    rx: width / 2 // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area
+    rx: width / 2
+    // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area
     ,
     ry: 66,
-    className: (0, _classnames["default"])(classes.transparentHandle, className)
+    className: className
   }, rest)), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
     id: "bottomShadow",
     x: "0",
@@ -96,21 +114,17 @@ var RawDragHandle = function RawDragHandle(_ref) {
     y: 0,
     width: 40,
     height: 40
-  }, correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.correctIcon),
+  }, correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
     title: correctness.label
-  }) : /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    className: (0, _classnames["default"])(classes.correctnessIcon, classes.incorrectIcon),
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
     title: correctness.label
   })));
 };
-
 RawDragHandle.propTypes = {
   x: _propTypes["default"].number.isRequired,
   y: _propTypes["default"].number.isRequired,
   width: _propTypes["default"].number,
   graphProps: _plot.types.GraphPropsType.isRequired,
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   interactive: _propTypes["default"].bool,
   isHovered: _propTypes["default"].bool,
@@ -120,68 +134,18 @@ RawDragHandle.propTypes = {
   }),
   color: _propTypes["default"].string
 };
-var DragHandle = (0, _styles.withStyles)(function (theme) {
-  return {
-    handle: {
-      height: '10px',
-      fill: 'transparent',
-      transition: 'fill 200ms linear, height 200ms linear',
-      '&.correct': (0, _styles2.correct)('fill'),
-      '&.incorrect': (0, _styles2.incorrect)('fill'),
-      '&.non-interactive': (0, _styles2.disabled)('fill')
-    },
-    transparentHandle: {
-      fill: 'transparent',
-      clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)'
-    },
-    handleContainer: {
-      height: 30,
-      '&:hover': {
-        '& .handle': {
-          fill: _renderUi.color.secondaryDark(),
-          height: '16px'
-        }
-      },
-      '&.non-interactive': (0, _styles2.disabled)('fill'),
-      '&.incorrect': (0, _styles2.incorrect)('fill'),
-      '&.correct': (0, _styles2.correct)('fill')
-    },
-    svgOverflowVisible: {
-      overflow: 'visible !important'
-    },
-    correctIcon: {
-      backgroundColor: _renderUi.color.correct()
-    },
-    incorrectIcon: {
-      backgroundColor: _renderUi.color.incorrectWithIcon()
-    },
-    correctnessIcon: {
-      borderRadius: theme.spacing.unit * 2,
-      color: _renderUi.color.defaults.WHITE,
-      fontSize: '16px',
-      padding: '2px',
-      border: "4px solid ".concat(_renderUi.color.defaults.WHITE),
-      width: '16px',
-      height: '16px',
-      boxSizing: 'unset' // to override the default border-box in IBX
-
-    }
-  };
-})(RawDragHandle);
-exports.DragHandle = DragHandle;
-var D = (0, _plot.gridDraggable)({
+var DragHandle = exports.DragHandle = RawDragHandle;
+var D = exports.D = (0, _plot.gridDraggable)({
   axis: 'y',
   fromDelta: function fromDelta(props, delta) {
     //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.
     delta.x = 0;
-
     var newPoint = _plot.utils.point(props).add(_plot.utils.point(delta));
-
     return newPoint.y;
   },
   bounds: function bounds(props, _ref2) {
     var domain = _ref2.domain,
-        range = _ref2.range;
+      range = _ref2.range;
     var area = {
       left: 0,
       top: props.y,
@@ -197,7 +161,5 @@ var D = (0, _plot.gridDraggable)({
     };
   }
 })(DragHandle);
-exports.D = D;
-var _default = D;
-exports["default"] = _default;
+var _default = exports["default"] = D;
 //# sourceMappingURL=drag-handle.js.map