@embeddable.com/remarkable-ui 0.1.49 → 0.1.51

package/dist/bars.utils-vXPRJDGQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bars.utils-vXPRJDGQ.js","sources":["../src/remarkable-ui/charts/bars/bars.utils.ts","../src/remarkable-ui/charts/bars/BarChart.tsx","../src/remarkable-pro/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { ChartData, ChartOptions } from 'chart.js';\nimport { chartContrastColors } from '../charts.constants';\nimport { getStyle, getStyleNumber } from '../../styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { BarChartConfigurationProps, BarChartHorizontalConfigurationProps } from './bars.types';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport {\n  chartjsAxisOptions,\n  chartjsAxisOptionsLayoutPadding,\n} from '../chartjs.cartesian.constants';\n\nexport const getBarChartData = (data: ChartData<'bar'>): ChartData<'bar'> => {\n  return {\n    ...data,\n    datasets: data.datasets?.map((dataset, index) => {\n      const colors = chartContrastColors[index % chartContrastColors.length];\n      const defaultDataset = {\n        ...dataset,\n        backgroundColor: colors,\n        borderColor: colors,\n      };\n\n      return mergician(defaultDataset, dataset) as typeof dataset;\n    }),\n  };\n};\n\nconst getDatalabelTotalDisplay = (context: Context, showTotalLabels: boolean | undefined) =>\n  showTotalLabels && context.datasetIndex === context.chart.data.datasets.length - 1\n    ? 'auto'\n    : false;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getDatalabelTotalFormatter = (_value: any, context: Context) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return total > 0 ? total : '';\n};\n\nconst getBarVerticalChartOptions = (\n  config: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'x',\n    layout: {\n      padding: {\n        top: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'top' : 'bottom';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseXAxis,\n      },\n      y: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.yAxisRangeMin,\n        max: config.yAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n    },\n  };\n};\n\nconst getBarHorizontalChartOptions = (\n  config: BarChartHorizontalConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  return {\n    indexAxis: 'y',\n    layout: {\n      padding: {\n        right: (config.stacked ? config.showTotalLabels : config.showValueLabels)\n          ? chartjsAxisOptionsLayoutPadding\n          : 0,\n      },\n    },\n    plugins: {\n      datalabels: {\n        labels: {\n          total: {\n            align: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n          value: {\n            align: (context) => {\n              if (config.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'right' : 'left';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        grid: { display: true },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-muted'),\n        },\n        min: config.xAxisRangeMin,\n        max: config.xAxisRangeMax,\n        type: config.showLogarithmicScale ? 'logarithmic' : 'linear',\n      },\n      y: {\n        grid: { display: false },\n        ticks: {\n          color: getStyle('--em-chart-grid-font-color-default'),\n        },\n        reverse: config.reverseYAxis,\n      },\n    },\n  };\n};\n\nexport const getBarChartOptions = (\n  options: BarChartConfigurationProps,\n): Partial<ChartOptions<'bar'>> => {\n  const baseBarChartOptions: Partial<ChartOptions<'bar'>> = {\n    elements: {\n      bar: {\n        borderRadius: getStyleNumber('--em-chart-style-border-radius-default'),\n      },\n    },\n    plugins: {\n      legend: { display: options.showLegend },\n      tooltip: {\n        enabled: options.showTooltips,\n      },\n      datalabels: {\n        display: (context) => {\n          return options.showValueLabels && context.dataset.data[context.dataIndex] !== 0\n            ? 'auto'\n            : false;\n        },\n        labels: {\n          total: {\n            display: (context) => getDatalabelTotalDisplay(context, options.showTotalLabels),\n            formatter: getDatalabelTotalFormatter,\n            anchor: (context) => {\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n          value: {\n            anchor: (context) => {\n              if (options.stacked) {\n                return 'center';\n              }\n              const value = context.dataset.data[context.dataIndex] as number;\n              return value >= 0 ? 'end' : 'start';\n            },\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.xAxisLabel),\n          text: options.xAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n      y: {\n        stacked: Boolean(options.stacked),\n        title: {\n          display: Boolean(options.yAxisLabel),\n          text: options.yAxisLabel ?? '',\n        },\n        ticks: { display: true },\n      },\n    },\n  };\n\n  const getVerticalHorizontalOptions = options.horizontal\n    ? getBarHorizontalChartOptions\n    : getBarVerticalChartOptions;\n\n  const verticalHorizontalOptions = getVerticalHorizontalOptions(options);\n\n  return mergician(chartjsAxisOptions, baseBarChartOptions, verticalHorizontalOptions);\n};\n","import { FC, useRef } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport {\n  Chart as ChartJS,\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  Title,\n  Tooltip,\n  Legend,\n  LogarithmicScale,\n} from 'chart.js';\nimport { BaseBarChartProps } from './bars.types';\nimport { getSegmentIndexClicked } from '../chartjs.utils';\nimport { getBarChartData, getBarChartOptions } from './bars.utils';\nimport styles from '../charts.module.css';\nimport { mergician } from 'mergician';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  LogarithmicScale,\n  Title,\n  Tooltip,\n  Legend,\n  ChartDataLabels,\n);\n\nexport type BarChartProps = BaseBarChartProps;\n\nexport const BarChart: FC<BarChartProps> = ({ data, onSegmentClick, options = {}, ...props }) => {\n  const chartRef = useRef(null);\n\n  const barChartOptions = mergician(getBarChartOptions(props), options);\n\n  const handleSegmentClick = (event: React.MouseEvent<HTMLCanvasElement>) => {\n    const indexClicked = getSegmentIndexClicked(event, chartRef);\n    onSegmentClick?.(indexClicked);\n  };\n\n  return (\n    <div className={styles.chartContainer}>\n      <Bar\n        ref={chartRef}\n        data={getBarChartData(data)}\n        options={barChartOptions}\n        onClick={handleSegmentClick}\n      />\n    </div>\n  );\n};\n","import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { chartContrastColors } from '../../../../remarkable-ui/charts/charts.constants';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter(Boolean))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter(Boolean);\n\n  const themeKey = getObjectStableKey(theme);\n\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarChartData","data","_a","dataset","index","colors","chartContrastColors","defaultDataset","mergician","getDatalabelTotalDisplay","context","showTotalLabels","getDatalabelTotalFormatter","_value","datasets","i","total","sum","ds","val","getBarVerticalChartOptions","config","chartjsAxisOptionsLayoutPadding","getStyle","getBarHorizontalChartOptions","getBarChartOptions","options","baseBarChartOptions","getStyleNumber","verticalHorizontalOptions","chartjsAxisOptions","ChartJS","CategoryScale","LinearScale","BarElement","LogarithmicScale","Title","Tooltip","Legend","ChartDataLabels","BarChart","onSegmentClick","props","chartRef","useRef","barChartOptions","handleSegmentClick","event","indexClicked","getSegmentIndexClicked","jsx","styles","Bar","getBarStackedChartProData","theme","themeFormatter","getThemeFormatter","dimension","groupDimension","measure","axis","d","groupDimensionName","groupBy","themeKey","getObjectStableKey","groupByItem","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","chartColors","getBarChartProDatalabelTotalFormatter","formatter","getBarChartProOptions","onBarClicked","measures","horizontal","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}