@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/histogram/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/histogram/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLogarithmic, ScaleOrdinal } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSymlog } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame, RowIndex } from '../DataFrame';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_COMMON_AES, LEGEND_OFFSET } from '../scatterplot/constants';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { AesItem, ColumnName, ContinuousAesHistogram, InheritAesHistogram } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, ChartsScales, HistogramLegendInfo, Margins } from './components/types';\nimport {\n    DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, FACET_TITLE_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    TICK_OFFSET,\n    TITLE_LINE\n} from './constants';\nimport type { GroupedHistogramData } from './getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from './HistogramSettingsImpl';\n\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    lastInRow: boolean,\n    facetSettings?: HistogramSettingsImpl['facetSettings']\n) {\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.yAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n\n    const xCaptions = captionsSizes.xAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks;\n    const bottomAxisElements = xTicks + xCaptions + xAxisTitle;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements + 8 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction isInheritedAes(v: InheritAesHistogram | unknown): v is InheritAesHistogram {\n    return typeof v === 'object' && v !== null && 'type' in v && 'value' in v && v.type === 'grouping';\n}\nfunction isContinuousAes(v: ContinuousAesHistogram | unknown): v is ContinuousAesHistogram {\n    return typeof v === 'object' && v !== null && 'range' in v;\n}\nfunction createAesGetter(dataFrame: DataFrame, aesData: HistogramSettingsImpl['inheritedAes'], field: keyof AesItem, defaultDomain:number[]) {\n    return function (aesItem: string | InheritAesHistogram | ContinuousAesHistogram, idx: RowIndex, height:number) {\n        if (isContinuousAes(aesItem)) {\n            const {domain = defaultDomain, range, type = 'linear'} = aesItem;\n            const scale = getContinuousColorScale(range as string[], domain, type);\n            scale.clamp(true);\n            return scale(height);\n        }\n        if (isInheritedAes(aesItem)) {\n            const columnId = aesItem.value;\n            const mapping = aesData[columnId];\n            return (mapping?.[String(dataFrame.getColumnValue(columnId, idx))] ?? DEFAULT_COMMON_AES)?.[field] as string;\n        }\n        return aesItem;\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: HistogramSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                getFacetRows(facetKeys, this.rowsCount, this.columnsCount)[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        size: HistogramSettingsImpl['chartSettings']['size'],\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let maxYAll = -Infinity;\n        const histogramExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const histogramData = histogramDataByFacets[key];\n            const {minX, maxX, maxCount, maxCountFromGroups} = histogramData;\n            minXAll = Math.min(minXAll, minX);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, groupingStack === 'vertical' ? maxCount : maxCountFromGroups);\n            res[key] = {minX, maxX, maxY: groupingStack === 'vertical' ? maxCount : maxCountFromGroups};\n            return res;\n        }, {});\n\n        facetKeys.forEach(key => {\n            const scaleX: ChartScales['x'] = xAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n\n            const extents = histogramExtentsByKeys[key];\n            const minX = facetSettings.sharedX ? minXAll : extents.minX;\n            const maxX = facetSettings.sharedX ? maxXAll : extents.maxX;\n\n            (scaleX.domain([minX, maxX]) as ChartScales['x']).range([0, this.chartSizes.chartWidth]);\n            this.scales.x[key] = scaleX;\n        });\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n            const extents = histogramExtentsByKeys[key];\n\n            const minY = 0;\n            const maxY = facetSettings.sharedY ? maxYAll : extents.maxY;\n\n            const rangeV = [this.chartSizes.chartHeight, 0];\n            // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n            const tempY: ChartScales['y'] = (scaleY.copy().domain([minY, maxY]) as ChartScales['y']).range([\n                this.chartSizes.chartHeight,\n                size.innerOffset,\n            ]) as ChartScales['y'];\n            (scaleY.domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)]) as ChartScales['y']).range(\n                rangeV\n            );\n            this.scales.y[key] = scaleY;\n        });\n    }\n\n    updateCaptionsSize(\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        let maxYTick = 0;\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        if (!yAxis.hiddenLabels) {\n            Object.values(this.scales.y).forEach(scale => {\n                const {ticks, format} = getTicksAndFormat(scale as ScaleLogarithmic<number, number>, false);\n                maxYTick = Math.max(maxYTick, getMaxTickWidth(ticks.map(format)));\n            });\n        }\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: HistogramSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    updateLegendSize(\n        legend: HistogramSettingsImpl['chartSettings']['legend'],\n        legendInfo: HistogramLegendInfo,\n        grouping: ColumnName | null,\n        layers: HistogramLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        layers.forEach(layer => {\n            if (isInheritedAes(layer.aes.fillColor) && grouping) {\n                const columnId = layer.aes.fillColor.value;\n                const info = legendInfo[grouping.value];\n                const title = grouping.label ?? grouping.value;\n                const scale:ScaleOrdinal<string, string> = scaleOrdinal<string, string>()\n                    .domain(info.values)\n                    .range(info.values.map(value => info.aesMap[value]?.fillColor ?? DEFAULT_COMMON_AES.fillColor));\n                legendItems.push({...emptySizes, id: columnId, type: 'discreteColor', title, scale, values: info.values, labels: info.labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n\n        const maxRightEdge = items.reduce((max, item) => Math.max(max, item.left + item.width), 0);\n        const legendWidth = maxRightEdge + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    updateMargins(size:HistogramSettingsImpl['chartSettings']['size']) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n\n        const minMargin = size.outerOffset;\n\n        this.margins = {\n            top: Math.max(titleHeight, minMargin),\n            bottom: minMargin,\n            left: minMargin,\n            right: this.legend.width + minMargin,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: HistogramSettingsImpl['chartSettings'],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        legendInfo: HistogramLegendInfo,\n        layers: HistogramLayer[],\n        inheritedAes: HistogramSettingsImpl['inheritedAes'],\n        grouping: ColumnName | null,\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n        groupingDirection: HistogramSettingsImpl['groupingDirection'],\n        onTooltipHintSwitch: (v:boolean) => void,\n    ) {\n        const {xAxis, yAxis, size, title} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, histogramDataByFacets, size, groupingStack);\n        this.updateCaptionsSize(xAxis, yAxis);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.createMainTitle(facetKeys, title);\n        this.updateLegendSize(chartSettings.legend, legendInfo, grouping, layers);\n        this.updateMargins(size);\n        const minHeight = facetKeys.reduce((v, key) => {\n            return Math.min(v, histogramDataByFacets[key].minX);\n        }, Infinity);\n        const maxHeight = facetKeys.reduce((v, key) => {\n            return Math.max(v, histogramDataByFacets[key].maxX);\n        }, -Infinity);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    columnsCount={this.columnsCount}\n                    margins={this.margins}\n                    mainTitle={this.mainTitle}\n                    facetTitles={this.facetTitles}\n                    captionsSizes={this.captionsSizes}\n                    histogramDataByFacets={histogramDataByFacets}\n                    layers={layers}\n                    aesColorGetter={createAesGetter(dataFrame, inheritedAes, 'fillColor', [minHeight, maxHeight])}\n                    groupingDirection={groupingDirection}\n                    groupingStack={groupingStack}\n                    groupingLabels={grouping ? legendInfo[grouping.value].labels : {}}\n                    legend={this.legend}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","lastInRow","facetSettings","needLeftAxis","needBottomAxis","needBottomAxisTitle","yCaptions","TICK_OFFSET","yTicks","DEFAULT_TICKS_SIZE","xCaptions","xTicks","xAxisTitle","TITLE_LINE","leftAxisElements","bottomAxisElements","facetTitlesLinesCount","key","MIN_PADDING","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getFacetRows","facetKeys","nRows","nColumns","result","i","getRowColumn","idx","row","column","isInheritedAes","v","isContinuousAes","createAesGetter","dataFrame","aesData","field","defaultDomain","aesItem","height","domain","range","type","scale","getContinuousColorScale","columnId","mapping","_a","DEFAULT_COMMON_AES","ChartRenderer","__publicField","jsx","Fragment","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","node","createRoot","size","chartWidth","chartHeight","currentLeft","currentTop","res","currentRow","currentColumn","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","histogramDataByFacets","groupingStack","facetCount","maxNRows","maxNCols","minXAll","maxXAll","maxYAll","histogramExtentsByKeys","histogramData","minX","maxX","maxCount","maxCountFromGroups","scaleX","scaleSymlog","extents","scaleY","minY","maxY","rangeV","tempY","textMeasurer","TextMeasurer","maxYTick","getMaxTickWidth","ticks","format","getTicksAndFormat","title","firstChart","lastChart","splitTextByWidth","facetLabels","legend","legendInfo","grouping","layers","legendItems","emptySizes","layer","info","scaleOrdinal","value","items","arrangeLegendParts","legendWidth","max","item","LEGEND_OFFSET","legendHeight","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","minMargin","settingsId","chartSettings","inheritedAes","groupingDirection","onTooltipHintSwitch","minHeight","maxHeight","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","names":[],"sources":["../../src/histogram/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLogarithmic, ScaleOrdinal } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSymlog } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame, RowIndex } from '../DataFrame';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_COMMON_AES, LEGEND_OFFSET } from '../scatterplot/constants';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { AesItem, ColumnName, ContinuousAesHistogram, InheritAesHistogram } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, ChartsScales, HistogramLegendInfo, Margins } from './components/types';\nimport {\n    DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, FACET_TITLE_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    TICK_OFFSET,\n    TITLE_LINE\n} from './constants';\nimport type { GroupedHistogramData } from './getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from './HistogramSettingsImpl';\n\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    lastInRow: boolean,\n    facetSettings?: HistogramSettingsImpl['facetSettings']\n) {\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.yAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n\n    const xCaptions = captionsSizes.xAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks;\n    const bottomAxisElements = xTicks + xCaptions + xAxisTitle;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements + 8 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction isInheritedAes(v: InheritAesHistogram | unknown): v is InheritAesHistogram {\n    return typeof v === 'object' && v !== null && 'type' in v && 'value' in v && v.type === 'grouping';\n}\nfunction isContinuousAes(v: ContinuousAesHistogram | unknown): v is ContinuousAesHistogram {\n    return typeof v === 'object' && v !== null && 'range' in v;\n}\nfunction createAesGetter(dataFrame: DataFrame, aesData: HistogramSettingsImpl['inheritedAes'], field: keyof AesItem, defaultDomain:number[]) {\n    return function (aesItem: string | InheritAesHistogram | ContinuousAesHistogram, idx: RowIndex, height:number) {\n        if (isContinuousAes(aesItem)) {\n            const {domain = defaultDomain, range, type = 'linear'} = aesItem;\n            const scale = getContinuousColorScale(range as string[], domain, type);\n            scale.clamp(true);\n            return scale(height);\n        }\n        if (isInheritedAes(aesItem)) {\n            const columnId = aesItem.value;\n            const mapping = aesData[columnId];\n            return (mapping?.[String(dataFrame.getColumnValue(columnId, idx))] ?? DEFAULT_COMMON_AES)?.[field] as string;\n        }\n        return aesItem;\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: HistogramSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                getFacetRows(facetKeys, this.rowsCount, this.columnsCount)[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        size: HistogramSettingsImpl['chartSettings']['size'],\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let maxYAll = -Infinity;\n        const histogramExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const histogramData = histogramDataByFacets[key];\n            const {minX, maxX, maxCount, maxCountFromGroups} = histogramData;\n            minXAll = Math.min(minXAll, minX);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, groupingStack === 'vertical' ? maxCount : maxCountFromGroups);\n            res[key] = {minX, maxX, maxY: groupingStack === 'vertical' ? maxCount : maxCountFromGroups};\n            return res;\n        }, {});\n\n        facetKeys.forEach(key => {\n            const scaleX: ChartScales['x'] = xAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n\n            const extents = histogramExtentsByKeys[key];\n            const minX = facetSettings.sharedX ? minXAll : extents.minX;\n            const maxX = facetSettings.sharedX ? maxXAll : extents.maxX;\n\n            (scaleX.domain([minX, maxX]) as ChartScales['x']).range([0, this.chartSizes.chartWidth]);\n            this.scales.x[key] = scaleX;\n        });\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n            const extents = histogramExtentsByKeys[key];\n\n            const minY = 0;\n            const maxY = facetSettings.sharedY ? maxYAll : extents.maxY;\n\n            const rangeV = [this.chartSizes.chartHeight, 0];\n            // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n            const tempY: ChartScales['y'] = (scaleY.copy().domain([minY, maxY]) as ChartScales['y']).range([\n                this.chartSizes.chartHeight,\n                size.innerOffset,\n            ]) as ChartScales['y'];\n            (scaleY.domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)]) as ChartScales['y']).range(\n                rangeV\n            );\n            this.scales.y[key] = scaleY;\n        });\n    }\n\n    updateCaptionsSize(\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        let maxYTick = 0;\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        if (!yAxis.hiddenLabels) {\n            Object.values(this.scales.y).forEach(scale => {\n                const {ticks, format} = getTicksAndFormat(scale as ScaleLogarithmic<number, number>, false);\n                maxYTick = Math.max(maxYTick, getMaxTickWidth(ticks.map(format)));\n            });\n        }\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: HistogramSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    updateLegendSize(\n        legend: HistogramSettingsImpl['chartSettings']['legend'],\n        legendInfo: HistogramLegendInfo,\n        grouping: ColumnName | null,\n        layers: HistogramLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        layers.forEach(layer => {\n            if (isInheritedAes(layer.aes.fillColor) && grouping) {\n                const columnId = layer.aes.fillColor.value;\n                const info = legendInfo[grouping.value];\n                const title = grouping.label ?? grouping.value;\n                const scale:ScaleOrdinal<string, string> = scaleOrdinal<string, string>()\n                    .domain(info.values)\n                    .range(info.values.map(value => info.aesMap[value]?.fillColor ?? DEFAULT_COMMON_AES.fillColor));\n                legendItems.push({...emptySizes, id: columnId, type: 'discreteColor', title, scale, values: info.values, labels: info.labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n\n        const maxRightEdge = items.reduce((max, item) => Math.max(max, item.left + item.width), 0);\n        const legendWidth = maxRightEdge + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    updateMargins(size:HistogramSettingsImpl['chartSettings']['size']) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n\n        const minMargin = size.outerOffset;\n\n        this.margins = {\n            top: Math.max(titleHeight, minMargin),\n            bottom: minMargin,\n            left: minMargin,\n            right: this.legend.width + minMargin,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: HistogramSettingsImpl['chartSettings'],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        legendInfo: HistogramLegendInfo,\n        layers: HistogramLayer[],\n        inheritedAes: HistogramSettingsImpl['inheritedAes'],\n        grouping: ColumnName | null,\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n        groupingDirection: HistogramSettingsImpl['groupingDirection'],\n        onTooltipHintSwitch: (v:boolean) => void,\n    ) {\n        const {xAxis, yAxis, size, title} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, histogramDataByFacets, size, groupingStack);\n        this.updateCaptionsSize(xAxis, yAxis);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.createMainTitle(facetKeys, title);\n        this.updateLegendSize(chartSettings.legend, legendInfo, grouping, layers);\n        this.updateMargins(size);\n        const minHeight = facetKeys.reduce((v, key) => {\n            return Math.min(v, histogramDataByFacets[key].minX);\n        }, Infinity);\n        const maxHeight = facetKeys.reduce((v, key) => {\n            return Math.max(v, histogramDataByFacets[key].maxX);\n        }, -Infinity);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    columnsCount={this.columnsCount}\n                    margins={this.margins}\n                    mainTitle={this.mainTitle}\n                    facetTitles={this.facetTitles}\n                    captionsSizes={this.captionsSizes}\n                    histogramDataByFacets={histogramDataByFacets}\n                    layers={layers}\n                    aesColorGetter={createAesGetter(dataFrame, inheritedAes, 'fillColor', [minHeight, maxHeight])}\n                    groupingDirection={groupingDirection}\n                    groupingStack={groupingStack}\n                    groupingLabels={grouping ? legendInfo[grouping.value].labels : {}}\n                    legend={this.legend}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"mappings":"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"}

package/dist/histogram/HistogramSettingsImpl.js

@@ -1,106 +1,93 @@
-var A = Object.defineProperty;
-var y = (i, r, o) => r in i ? A(i, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[r] = o;
-var e = (i, r, o) => y(i, typeof r != "symbol" ? r + "" : r, o);
-import x from "../_virtual/lodash.js";
-import { DEFAULT_HEIGHT_SMALL as L, DEFAULT_HEIGHT as S, DEFAULT_WIDTH_SMALL as w, DEFAULT_WIDTH as T, BLACK as C } from "../constants.js";
-import "../types/common.js";
-import "../types/discrete.js";
-import "../types/scatterplot.js";
-import "../types/heatmap.js";
-import "../types/dendro.js";
-import { HistogramSettingsSchema as D } from "../types/histogram.js";
-import "../types/bubble.js";
-import { exhaustive as b } from "../utils/index.js";
-import { PADDINGS as B, MIN_MARGIN as I } from "./constants.js";
-const O = 10;
-class _ {
-  constructor(r) {
-    e(this, "type", "bins");
-    e(this, "aes", {
-      fillColor: "white",
-      lineColor: C,
-      opacity: 1
-    });
-    this.aes = {
-      ...this.aes,
-      ...r.aes
-    };
-  }
-}
-class v {
-  constructor(r) {
-    e(this, "type", "binsLine");
-    e(this, "aes", {
-      opacity: 1
-    });
-    this.aes = {
-      ...this.aes,
-      ...r.aes
-    };
-  }
-}
-class K {
-  constructor(r) {
-    e(this, "id");
-    e(this, "type", "histogram");
-    e(this, "valueColumn");
-    e(this, "binsCount");
-    e(this, "facetSettings");
-    e(this, "facetBy");
-    e(this, "grouping");
-    e(this, "groupingStack");
-    e(this, "groupingDirection");
-    e(this, "groupingOrder");
-    e(this, "chartSettings");
-    e(this, "inheritedAes");
-    e(this, "layers");
-    var o, l, h, t, u, c, n, p, f, m, d, s;
-    D.parse(r), this.id = x.uniqueId("settings"), this.facetSettings = { sharedX: !0, sharedY: !0, titlePosition: "left", order: ((o = r.facetSettings) == null ? void 0 : o.order) ?? null, ...r.facetSettings }, this.valueColumn = r.valueColumn, this.binsCount = r.binsCount ?? O, this.facetBy = r.facetBy ?? [], this.grouping = r.grouping ?? null, this.groupingStack = r.groupingStack ?? "vertical", this.groupingDirection = r.groupingDirection ?? "straight", this.groupingOrder = r.groupingOrder ?? null, this.chartSettings = {
-      size: {
-        width: ((l = r == null ? void 0 : r.size) == null ? void 0 : l.width) ?? (this.facetBy.length ? w : T),
-        height: ((h = r == null ? void 0 : r.size) == null ? void 0 : h.height) ?? (this.facetBy.length ? L : S),
-        outerOffset: ((t = r == null ? void 0 : r.size) == null ? void 0 : t.outerOffset) ?? I,
-        innerOffset: ((u = r == null ? void 0 : r.size) == null ? void 0 : u.innerOffset) ?? B.TOP
-      },
-      title: {
-        position: "center",
-        show: !0,
-        ...r.title,
-        name: ((c = r.title) == null ? void 0 : c.name) ?? "Chart"
-      },
-      yAxis: {
-        showGrid: !0,
-        showTicks: !0,
-        scale: ((n = r.xAxis) == null ? void 0 : n.scale) ?? "linear",
-        hiddenLabels: !1,
-        ...r.yAxis
-      },
-      xAxis: {
-        title: r.valueColumn.label ?? r.valueColumn.value ?? "",
-        scale: ((p = r.xAxis) == null ? void 0 : p.scale) ?? "linear",
-        showGrid: ((f = r.xAxis) == null ? void 0 : f.showGrid) ?? !0,
-        showTicks: ((m = r.xAxis) == null ? void 0 : m.showTicks) ?? !0,
-        hiddenLabels: ((d = r.xAxis) == null ? void 0 : d.hiddenLabels) ?? !1,
-        ...r.xAxis
-      },
-      frame: { type: ((s = r.frame) == null ? void 0 : s.type) ?? "full" },
-      legend: {
-        show: !0,
-        position: "right",
-        ...r.legend
-      }
-    }, this.inheritedAes = r.inheritedAes ?? {}, this.layers = r.layers.map((a) => {
-      if (a.type === "bins")
-        return new _(a);
-      if (a.type === "binsLine")
-        return new v(a);
-      b(a, "Unknown layer type");
-    }).filter(Boolean);
-  }
-}
-export {
-  _ as BinsLayer,
-  v as BinsLineLayer,
-  K as HistogramSettingsImpl
+import { BLACK as e } from "../constants.js";
+import { HistogramSettingsSchema as t } from "../types/histogram.js";
+import "../types/index.js";
+import { exhaustive as n } from "../utils/index.js";
+import { PADDINGS as r } from "./constants.js";
+import i from "lodash";
+var a = 10, o = class {
+	type = "bins";
+	aes = {
+		fillColor: "white",
+		lineColor: e,
+		opacity: 1
+	};
+	constructor(e) {
+		this.aes = {
+			...this.aes,
+			...e.aes
+		};
+	}
+}, s = class {
+	type = "binsLine";
+	aes = { opacity: 1 };
+	constructor(e) {
+		this.aes = {
+			...this.aes,
+			...e.aes
+		};
+	}
+}, c = class {
+	id;
+	type = "histogram";
+	valueColumn;
+	binsCount;
+	facetSettings;
+	facetBy;
+	grouping;
+	groupingStack;
+	groupingDirection;
+	groupingOrder;
+	chartSettings;
+	inheritedAes;
+	layers;
+	constructor(e) {
+		t.parse(e), this.id = i.uniqueId("settings"), this.facetSettings = {
+			sharedX: !0,
+			sharedY: !0,
+			titlePosition: "left",
+			order: e.facetSettings?.order ?? null,
+			...e.facetSettings
+		}, this.valueColumn = e.valueColumn, this.binsCount = e.binsCount ?? a, this.facetBy = e.facetBy ?? [], this.grouping = e.grouping ?? null, this.groupingStack = e.groupingStack ?? "vertical", this.groupingDirection = e.groupingDirection ?? "straight", this.groupingOrder = e.groupingOrder ?? null, this.chartSettings = {
+			size: {
+				width: e?.size?.width ?? (this.facetBy.length ? 400 : 600),
+				height: e?.size?.height ?? (this.facetBy.length ? 250 : 350),
+				outerOffset: e?.size?.outerOffset ?? 24,
+				innerOffset: e?.size?.innerOffset ?? r.TOP
+			},
+			title: {
+				position: "center",
+				show: !0,
+				...e.title,
+				name: e.title?.name ?? "Chart"
+			},
+			yAxis: {
+				showGrid: !0,
+				showTicks: !0,
+				scale: e.xAxis?.scale ?? "linear",
+				hiddenLabels: !1,
+				...e.yAxis
+			},
+			xAxis: {
+				title: e.valueColumn.label ?? e.valueColumn.value ?? "",
+				scale: e.xAxis?.scale ?? "linear",
+				showGrid: e.xAxis?.showGrid ?? !0,
+				showTicks: e.xAxis?.showTicks ?? !0,
+				hiddenLabels: e.xAxis?.hiddenLabels ?? !1,
+				...e.xAxis
+			},
+			frame: { type: e.frame?.type ?? "full" },
+			legend: {
+				show: !0,
+				position: "right",
+				...e.legend
+			}
+		}, this.inheritedAes = e.inheritedAes ?? {}, this.layers = e.layers.map((e) => {
+			if (e.type === "bins") return new o(e);
+			if (e.type === "binsLine") return new s(e);
+			n(e, "Unknown layer type");
+		}).filter(Boolean);
+	}
 };
-//# sourceMappingURL=HistogramSettingsImpl.js.map
+export { c as HistogramSettingsImpl };
+
+//# sourceMappingURL=HistogramSettingsImpl.js.map

package/dist/histogram/HistogramSettingsImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistogramSettingsImpl.js","sources":["../../src/histogram/HistogramSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    ColumnName,\n    FrameType,\n    HistogramSettings,\n    InheritAesHistogram,\n    LegendPosition,\n    BinsLayer as OuterBinsLayer,\n    BinsLineLayer as OuterLineLayer,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport { type AesRecord, type ContinuousAesHistogram, HistogramSettingsSchema } from '../types';\nimport { exhaustive } from '../utils';\nimport { MIN_MARGIN, PADDINGS } from './constants';\n\nconst DEFAULT_BINS_COUNT = 10;\n\nexport class BinsLayer {\n    readonly type = 'bins';\n    readonly aes: {\n        fillColor: InheritAesHistogram | string | ContinuousAesHistogram;\n        lineColor: string,\n        opacity: number;\n    } = {\n        fillColor: 'white',\n        lineColor: BLACK,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterBinsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class BinsLineLayer {\n    readonly type = 'binsLine';\n    readonly aes: {\n        opacity: number;\n    } = {\n        opacity: 1,\n    };\n\n    constructor(layer: OuterLineLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type HistogramLayer = BinsLayer;\n\nexport class HistogramSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'histogram';\n    readonly valueColumn: ColumnName;\n    readonly binsCount: number;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n        order: string[] | null;\n    };\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName | null;\n    readonly groupingStack: 'vertical' | 'horizontal';\n    readonly groupingDirection: 'straight' | 'reverse';\n    readonly groupingOrder: string[] | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number, innerOffset: number, outerOffset: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; scale: 'linear' | 'log'};\n        readonly xAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; title: string | ColumnName; scale: 'linear' | 'log'};\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n    };\n    readonly inheritedAes: Record<string, AesRecord>;\n    readonly layers: HistogramLayer[];\n\n    constructor(settings: HistogramSettings) {\n        HistogramSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', order: settings.facetSettings?.order ?? null, ...settings.facetSettings};\n        this.valueColumn = settings.valueColumn;\n        this.binsCount = settings.binsCount ?? DEFAULT_BINS_COUNT;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? null;\n        this.groupingStack = settings.groupingStack ?? 'vertical';\n        this.groupingDirection = settings.groupingDirection ?? 'straight';\n        this.groupingOrder = settings.groupingOrder ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                outerOffset: settings?.size?.outerOffset ?? MIN_MARGIN,\n                innerOffset: settings?.size?.innerOffset ?? PADDINGS.TOP\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                showGrid: true,\n                showTicks: true,\n                scale: settings.xAxis?.scale ?? 'linear',\n                hiddenLabels: false,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.valueColumn.label ?? settings.valueColumn.value ?? '',\n                scale: settings.xAxis?.scale ?? 'linear',\n                showGrid: settings.xAxis?.showGrid ?? true,\n                showTicks: settings.xAxis?.showTicks ?? true,\n                hiddenLabels: settings.xAxis?.hiddenLabels ?? false,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'bins') {\n                    return new BinsLayer(layer);\n                }\n                if (layer.type === 'binsLine') {\n                    return new BinsLineLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as HistogramLayer[];\n    }\n}\n"],"names":["DEFAULT_BINS_COUNT","BinsLayer","layer","__publicField","BLACK","BinsLineLayer","HistogramSettingsImpl","settings","HistogramSettingsSchema","lodash","_a","_b","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_c","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_d","MIN_MARGIN","_e","PADDINGS","_f","_g","_h","_i","_j","_k","_l","exhaustive"],"mappings":"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"}
+{"version":3,"file":"HistogramSettingsImpl.js","names":[],"sources":["../../src/histogram/HistogramSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    ColumnName,\n    FrameType,\n    HistogramSettings,\n    InheritAesHistogram,\n    LegendPosition,\n    BinsLayer as OuterBinsLayer,\n    BinsLineLayer as OuterLineLayer,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport { type AesRecord, type ContinuousAesHistogram, HistogramSettingsSchema } from '../types';\nimport { exhaustive } from '../utils';\nimport { MIN_MARGIN, PADDINGS } from './constants';\n\nconst DEFAULT_BINS_COUNT = 10;\n\nexport class BinsLayer {\n    readonly type = 'bins';\n    readonly aes: {\n        fillColor: InheritAesHistogram | string | ContinuousAesHistogram;\n        lineColor: string,\n        opacity: number;\n    } = {\n        fillColor: 'white',\n        lineColor: BLACK,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterBinsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class BinsLineLayer {\n    readonly type = 'binsLine';\n    readonly aes: {\n        opacity: number;\n    } = {\n        opacity: 1,\n    };\n\n    constructor(layer: OuterLineLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type HistogramLayer = BinsLayer;\n\nexport class HistogramSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'histogram';\n    readonly valueColumn: ColumnName;\n    readonly binsCount: number;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n        order: string[] | null;\n    };\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName | null;\n    readonly groupingStack: 'vertical' | 'horizontal';\n    readonly groupingDirection: 'straight' | 'reverse';\n    readonly groupingOrder: string[] | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number, innerOffset: number, outerOffset: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; scale: 'linear' | 'log'};\n        readonly xAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; title: string | ColumnName; scale: 'linear' | 'log'};\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n    };\n    readonly inheritedAes: Record<string, AesRecord>;\n    readonly layers: HistogramLayer[];\n\n    constructor(settings: HistogramSettings) {\n        HistogramSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', order: settings.facetSettings?.order ?? null, ...settings.facetSettings};\n        this.valueColumn = settings.valueColumn;\n        this.binsCount = settings.binsCount ?? DEFAULT_BINS_COUNT;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? null;\n        this.groupingStack = settings.groupingStack ?? 'vertical';\n        this.groupingDirection = settings.groupingDirection ?? 'straight';\n        this.groupingOrder = settings.groupingOrder ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                outerOffset: settings?.size?.outerOffset ?? MIN_MARGIN,\n                innerOffset: settings?.size?.innerOffset ?? PADDINGS.TOP\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                showGrid: true,\n                showTicks: true,\n                scale: settings.xAxis?.scale ?? 'linear',\n                hiddenLabels: false,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.valueColumn.label ?? settings.valueColumn.value ?? '',\n                scale: settings.xAxis?.scale ?? 'linear',\n                showGrid: settings.xAxis?.showGrid ?? true,\n                showTicks: settings.xAxis?.showTicks ?? true,\n                hiddenLabels: settings.xAxis?.hiddenLabels ?? false,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'bins') {\n                    return new BinsLayer(layer);\n                }\n                if (layer.type === 'binsLine') {\n                    return new BinsLineLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as HistogramLayer[];\n    }\n}\n"],"mappings":";;;;;;AAiBA,IAAM,IAAqB,IAEd,IAAb,MAAuB;CACnB,OAAgB;CAChB,MAII;EACA,WAAW;EACX,WAAW;EACX,SAAS;EACZ;CAED,YAAY,GAAuB;AAC/B,OAAK,MAAM;GACP,GAAG,KAAK;GACR,GAAG,EAAM;GACZ;;GAII,IAAb,MAA2B;CACvB,OAAgB;CAChB,MAEI,EACA,SAAS,GACZ;CAED,YAAY,GAAuB;AAC/B,OAAK,MAAM;GACP,GAAG,KAAK;GACR,GAAG,EAAM;GACZ;;GAMI,IAAb,MAAgE;CAC5D;CACA,OAAgB;CAChB;CACA;CACA;CAQA;CACA;CACA;CACA;CACA;CACA;CAQA;CACA;CAEA,YAAY,GAA6B;AAiDrC,EAhDA,EAAwB,MAAM,EAAS,EACvC,KAAK,KAAK,EAAO,SAAS,WAAW,EACrC,KAAK,gBAAgB;GAAC,SAAS;GAAM,SAAS;GAAM,eAAe;GAAQ,OAAO,EAAS,eAAe,SAAS;GAAM,GAAG,EAAS;GAAc,EACnJ,KAAK,cAAc,EAAS,aAC5B,KAAK,YAAY,EAAS,aAAa,GACvC,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,WAAW,EAAS,YAAY,MACrC,KAAK,gBAAgB,EAAS,iBAAiB,YAC/C,KAAK,oBAAoB,EAAS,qBAAqB,YACvD,KAAK,gBAAgB,EAAS,iBAAiB,MAC/C,KAAK,gBAAgB;GACjB,MAAM;IACF,OAAO,GAAU,MAAM,UAAU,KAAK,QAAQ,SAAA,MAAA;IAC9C,QAAQ,GAAU,MAAM,WAAW,KAAK,QAAQ,SAAA,MAAA;IAChD,aAAa,GAAU,MAAM,eAAA;IAC7B,aAAa,GAAU,MAAM,eAAe,EAAS;IACxD;GACD,OAAO;IACH,UAAU;IACV,MAAM;IACN,GAAG,EAAS;IACZ,MAAM,EAAS,OAAO,QAAQ;IACjC;GACD,OAAO;IACH,UAAU;IACV,WAAW;IACX,OAAO,EAAS,OAAO,SAAS;IAChC,cAAc;IACd,GAAG,EAAS;IACf;GACD,OAAO;IACH,OAAO,EAAS,YAAY,SAAS,EAAS,YAAY,SAAS;IACnE,OAAO,EAAS,OAAO,SAAS;IAChC,UAAU,EAAS,OAAO,YAAY;IACtC,WAAW,EAAS,OAAO,aAAa;IACxC,cAAc,EAAS,OAAO,gBAAgB;IAC9C,GAAG,EAAS;IACf;GACD,OAAO,EAAC,MAAM,EAAS,OAAO,QAAQ,QAAO;GAC7C,QAAQ;IACJ,MAAM;IACN,UAAU;IACV,GAAG,EAAS;IACf;GACJ,EAED,KAAK,eAAe,EAAS,gBAAgB,EAAE,EAE/C,KAAK,SAAS,EAAS,OAClB,KAAI,MAAS;AACV,OAAI,EAAM,SAAS,OACf,QAAO,IAAI,EAAU,EAAM;AAE/B,OAAI,EAAM,SAAS,WACf,QAAO,IAAI,EAAc,EAAM;AAEnC,KAAW,GAAO,qBAAqB;IACzC,CACD,OAAO,QAAQ"}