npm - @milaboratories/miplots4 - Versions diffs - 1.0.176 → 1.0.178 - Mend

@milaboratories/miplots4 1.0.176 → 1.0.178

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2544) hide show

package/dist/discrete/components/Chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chart.js","sources":["../../../src/discrete/components/Chart.tsx"],"sourcesContent":["import type {TooltipsData} from '../../common/Tooltip';\nimport {BLACK} from '../../constants';\nimport {BandAxis} from '../../common/BandAxis';\nimport {BarElement} from './layers/BarElement';\nimport {BinnedDotsElement} from './layers/BinnedDotsElement';\nimport {BoxElement} from './layers/BoxElement';\nimport {DotsGroupElement} from './layers/DotsGroupElement';\nimport {ErrorBarElement} from './layers/ErrorBarElement';\nimport {LineElement} from './layers/LineElement';\nimport {LogoElement} from './layers/LogoElement';\nimport {PairedPointsElement} from './layers/PairedPointsElement';\nimport {SinaElement} from './layers/SinaElement';\nimport {StackedAreaElement} from './layers/StackedAreaElement';\nimport {StackedBarElement} from './layers/StackedBarElement';\nimport {StatsPValue} from './layers/StatsPValue';\nimport {NumberAxis} from './NumberAxis';\nimport type {ChartDimensionsData, ChartScales, ChartSizes, Margins} from './types';\nimport type {DiscreteSettingsImpl} from '../DiscreteSettingsImpl';\nimport {getPairwiseStatLevelsCount} from '../utils/statsPValue';\nimport {ViolinElement} from './layers/ViolinElement';\nimport {DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, P_VALUE_LINE_HEIGHT, TITLE_LINE} from '../constants';\nimport type {\n BarsData,\n BinnedDotsData,\n BoxesData,\n DotsData,\n ErrorBarsData,\n LayerData,\n LinesData, LogoPlotData,\n PairedPointsData,\n SinaData, StackedAreaData,\n StackedBarsData,\n StatsData,\n ViolinsData,\n} from '../layers/types';\nimport type {GroupingData} from '../../types';\nimport type {ColumnName, FrameType, Orientation} from '../../types';\nimport {Grid} from './Grid';\nimport React, {useState} from 'react';\n\ninterface ChartProps {\n facetSettings?: DiscreteSettingsImpl['facetSettings'];\n chartSizes: ChartSizes;\n dimensions: ChartDimensionsData;\n margins: Margins;\n scales: ChartScales;\n orientation: Orientation;\n facetKey: string;\n facetTitle: string[]; // can be multiline\n layersData: LayerData[];\n statsData: StatsData[];\n xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'];\n yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'];\n frameType: FrameType;\n keyColumn: ColumnName \| null;\n tooltips: DiscreteSettingsImpl['chartSettings']['tooltips'];\n tooltipsContainer?: Element;\n xLabels: Record<string, string[]>;\n onlyPositive: boolean;\n secondaryGrouping: GroupingData;\n tooltipsData: TooltipsData<unknown>;\n}\n\nfunction getYShiftsForStats(statsData: StatsData[], primaryKeys: string[], facetKey: string) {\n if (!statsData.length) {\n return [];\n }\n const yShifts = [0];\n for (let i = 0; i < statsData.length - 1; i++) {\n const stat = statsData[i];\n if (stat.meta.statType === 'pairwise') {\n const lineCount = getPairwiseStatLevelsCount(\n stat.values[facetKey],\n primaryKeys,\n stat.meta.significanceLevels,\n stat.meta.ns\n );\n yShifts.push(yShifts[yShifts.length - 1] + P_VALUE_LINE_HEIGHT * lineCount);\n } else {\n yShifts.push(yShifts[yShifts.length - 1] + P_VALUE_LINE_HEIGHT);\n }\n }\n return yShifts;\n}\n\nfunction getAxisTitle(title: string \| ColumnName): string {\n if (typeof title === 'string') {\n return title;\n }\n return title.value;\n}\n\nexport function Chart({\n facetSettings,\n facetTitle,\n dimensions,\n scales,\n orientation,\n layersData,\n statsData,\n facetKey,\n xAxis,\n yAxis,\n frameType,\n tooltips,\n tooltipsContainer,\n keyColumn,\n chartSizes,\n margins,\n xLabels,\n onlyPositive,\n secondaryGrouping,\n tooltipsData,\n}: ChartProps) {\n const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n const isVertical = orientation === 'vertical';\n const yShifts = getYShiftsForStats(statsData, scales.xPrimary.domain(), facetKey);\n const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const xTitle = getAxisTitle(xAxis.title);\n const yTitle = getAxisTitle(yAxis.title);\n const needLeftAxis =\n dimensions.chartEdgeSides.includes('left') \|\|\n (isVertical && !facetSettings?.sharedY) \|\|\n (!isVertical && !facetSettings?.sharedX);\n const needBottomAxis =\n dimensions.chartEdgeSides.includes('bottom') \|\|\n (isVertical && !facetSettings?.sharedX) \|\|\n (!isVertical && !facetSettings?.sharedY);\n const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n\n const {width, height} = dimensions.inner;\n const {left, top, padding} = dimensions;\n\n const sideDistances = {\n left: margins.left + left + padding.left,\n right: chartSizes.totalWidth - (margins.left + left + padding.left),\n top: margins.top + top + padding.top,\n bottom: chartSizes.totalHeight - (margins.top + top + padding.top),\n };\n\n const chartTransform = `translate(${left + padding.left},${top + padding.top})`;\n\n const debug = false;\n return (\n <g transform={chartTransform}>\n {debug && (\n <g>\n <rect width={width} height={padding.top} x={0} y={-padding.top} fill=\"none\" stroke=\"black\" />\n <rect width={width} height={padding.bottom} x={0} y={height} fill=\"none\" stroke=\"black\" />\n <rect width={padding.left} height={height} x={-padding.left} y={0} fill=\"none\" stroke=\"black\" />\n <rect width={padding.right} height={height} x={width} y={0} fill=\"none\" stroke=\"black\" />\n </g>\n )}\n {facetTitle.length && (\n <g>\n {frameType === 'full' && <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />}\n {facetTitle.map((titleLine, idx) => {\n const linesCount = facetTitle.length;\n const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n return (\n <text\n key={idx}\n fontSize=\"14px\"\n fontWeight=\"500\"\n fill={BLACK}\n x={width / 2}\n dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n y={idx * FACET_TITLE_LINE}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n >\n {titleLine}\n </text>\n );\n })}\n </g>\n )}\n <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n {needBottomAxisTitle && (\n <text x={width / 2} y={height + padding.bottom - TITLE_LINE / 2}>\n {isVertical ? xTitle : yTitle}\n </text>\n )}\n {needBottomAxisTitle && debug && (\n <rect\n x=\"0\"\n y={height + padding.bottom - TITLE_LINE}\n width={width}\n height={TITLE_LINE}\n fill=\"none\"\n stroke=\"black\"\n />\n )}\n {needLeftAxisTitle && (\n <text\n x={-padding.left + TITLE_LINE / 2}\n y={height / 2}\n transform={`rotate(-90,${-padding.left + TITLE_LINE / 2},${height / 2})`}\n >\n {isVertical ? yTitle : xTitle}\n </text>\n )}\n {needLeftAxisTitle && debug && (\n <rect x={-padding.left} y=\"0\" width={TITLE_LINE} height={height} fill=\"none\" stroke=\"black\" />\n )}\n </g>\n <Grid\n orientation={orientation}\n width={width}\n height={height}\n scaleX={scales.xPrimary}\n scaleY={scales.y}\n axisX={xAxis}\n axisY={yAxis}\n frameType={frameType}\n />\n {needBottomAxis && (\n <g transform={`translate(0,${height})`}>\n {isVertical ? (\n <BandAxis\n scale={scales.xPrimary}\n orient=\"bottom\"\n labelsPosition={xAxis.labelsPosition}\n tickSize={tickSizeX}\n labels={xLabels}\n />\n ) : (\n <NumberAxis scale={scales.y} onlyPositive={onlyPositive} orient=\"bottom\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n )}\n </g>\n )}\n {needLeftAxis && (\n <g>\n {isVertical ? (\n <NumberAxis scale={scales.y} onlyPositive={onlyPositive} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n ) : (\n <BandAxis\n scale={scales.xPrimary}\n orient=\"left\"\n labelsPosition={xAxis.labelsPosition}\n tickSize={tickSizeX}\n labels={xLabels}\n />\n )}\n </g>\n )}\n <g>\n {layersData.map(layerData => (\n <g key={layerData.type}>\n {layerData.type === 'box' &&\n (layerData as BoxesData).geoms[facetKey].map(box => (\n <BoxElement\n key={box.key}\n facetKey={facetKey}\n box={box}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n aes={(layerData as BoxesData).aes}\n hasKeyFromColumn={keyColumn !== null}\n sideDistances={sideDistances}\n showTooltips={tooltips.box.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'violin' &&\n (layerData as ViolinsData).geoms[facetKey].map(violin => (\n <ViolinElement\n key={violin.key}\n facetKey={facetKey}\n violin={violin}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n maxViolinDensity={(layerData as ViolinsData).meta.maxDensity}\n aes={(layerData as ViolinsData).aes}\n sideDistances={sideDistances}\n showTooltips={tooltips.violin.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'dot' &&\n (layerData as DotsData).geoms[facetKey].map(dotsGroup => (\n <DotsGroupElement\n key={dotsGroup.key}\n facetKey={facetKey}\n geom={dotsGroup}\n scales={scales}\n orientation={orientation}\n aes={(layerData as DotsData).aes}\n hasKeyFromColumn={keyColumn !== null}\n sideDistances={sideDistances}\n showTooltips={tooltips.dot.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'line' &&\n (layerData as LinesData).geoms[facetKey].map(line => (\n <LineElement\n key={line.key}\n facetKey={facetKey}\n line={line}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n aes={(layerData as LinesData).aes}\n showTooltips={tooltips.line.show ?? true}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'errorbar' &&\n (layerData as ErrorBarsData).geoms[facetKey].map(errorBar => (\n <ErrorBarElement\n key={errorBar.key}\n facetKey={facetKey}\n errorBar={errorBar}\n scales={scales}\n orientation={orientation}\n aes={(layerData as ErrorBarsData).aes}\n sideDistances={sideDistances}\n showTooltips={tooltips.errorBar.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'bar' &&\n (layerData as BarsData).geoms[facetKey].map(bar => (\n <BarElement\n key={bar.key}\n bar={bar}\n scales={scales}\n orientation={orientation}\n aes={(layerData as BarsData).aes}\n />\n ))}\n {layerData.type === 'stackedBar' &&\n (layerData as StackedBarsData).geoms[facetKey].map(geom => (\n <StackedBarElement\n key={geom.key}\n facetKey={facetKey}\n geom={geom}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n aes={(layerData as StackedBarsData).aes}\n normalize={(layerData as StackedBarsData).meta.normalize}\n sideDistances={sideDistances}\n showTooltips={tooltips.stackedBar.show ?? true}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'stackedArea' && (\n <StackedAreaElement\n key='stackedArea'\n facetKey={facetKey}\n layerData={layerData as StackedAreaData}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n showTooltips={tooltips.stackedBar.show ?? true}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n )}\n {layerData.type === 'binnedDots' &&\n (layerData as BinnedDotsData).geoms[facetKey].map(geom => (\n <BinnedDotsElement\n key={geom.key}\n facetKey={facetKey}\n geom={geom}\n scales={scales}\n orientation={orientation}\n aes={(layerData as BinnedDotsData).aes}\n binsCount={(layerData as BinnedDotsData).meta.binsCount}\n min={(layerData as BinnedDotsData).meta.minY}\n max={(layerData as BinnedDotsData).meta.maxY}\n hasKeyFromColumn={(layerData as BinnedDotsData).meta.hasKeyFromColumn}\n sideDistances={sideDistances}\n showTooltips={tooltips.stackedBar.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'pairedPoints' &&\n (layerData as PairedPointsData).geoms[facetKey].map(geom => (\n <PairedPointsElement\n key={geom.id}\n facetKey={facetKey}\n geom={geom}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n aes={(layerData as PairedPointsData).aes}\n showTooltips={tooltips.pairedPoints.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'sina' &&\n (layerData as SinaData).geoms[facetKey].map(geom => (\n <SinaElement\n key={geom.key}\n geom={geom}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n aes={(layerData as SinaData).aes}\n hasKeyFromColumn={keyColumn !== null}\n showTooltips={false}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'logo' &&\n (layerData as LogoPlotData).geoms[facetKey].map(geom => (\n <LogoElement\n key={geom.key}\n facetKey={facetKey}\n geom={geom}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n aes={(layerData as LogoPlotData).aes}\n normalize={(layerData as LogoPlotData).meta.normalize}\n sideDistances={sideDistances}\n showTooltips={tooltips.logo.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n </g>\n ))}\n {statsData.map((statsLayer, idx) => (\n <StatsPValue\n yShift={yShifts[idx]}\n scales={scales}\n orientation={orientation}\n statType={statsLayer.meta.statType}\n values={statsLayer.values[facetKey]}\n testMethod={statsLayer.meta.testMethod}\n format={statsLayer.meta.format}\n ns={statsLayer.meta.ns}\n key={`${statsLayer.meta.statType}_${statsLayer.meta.testMethod}`}\n significanceLevels={statsLayer.meta.significanceLevels}\n />\n ))}\n </g>\n <g>\n {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>}\n <g\n ref={node => {\n if (node && !activeElementContainer) {\n setActiveElementContainer(node);\n }\n }}\n />\n </g>\n </g>\n );\n}\n"],"names":["getYShiftsForStats","statsData","primaryKeys","facetKey","yShifts","i","stat","lineCount","getPairwiseStatLevelsCount","P_VALUE_LINE_HEIGHT","getAxisTitle","title","Chart","facetSettings","facetTitle","dimensions","scales","orientation","layersData","xAxis","yAxis","frameType","tooltips","tooltipsContainer","keyColumn","chartSizes","margins","xLabels","onlyPositive","secondaryGrouping","tooltipsData","activeElementContainer","setActiveElementContainer","useState","isVertical","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xTitle","yTitle","needLeftAxis","needBottomAxis","needLeftAxisTitle","needBottomAxisTitle","width","height","left","top","padding","sideDistances","chartTransform","debug","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE","TITLE_LINE","Grid","BandAxis","NumberAxis","layerData","box","BoxElement","violin","ViolinElement","dotsGroup","DotsGroupElement","line","LineElement","errorBar","ErrorBarElement","bar","BarElement","geom","StackedBarElement","StackedAreaElement","BinnedDotsElement","PairedPointsElement","SinaElement","LogoElement","statsLayer","StatsPValue","node"],"mappings":"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"}
1	+ {"version":3,"file":"Chart.js","names":[],"sources":["../../../src/discrete/components/Chart.tsx"],"sourcesContent":["import type {TooltipsData} from '../../common/Tooltip';\nimport {BLACK} from '../../constants';\nimport {BandAxis} from '../../common/BandAxis';\nimport {BarElement} from './layers/BarElement';\nimport {BinnedDotsElement} from './layers/BinnedDotsElement';\nimport {BoxElement} from './layers/BoxElement';\nimport {DotsGroupElement} from './layers/DotsGroupElement';\nimport {ErrorBarElement} from './layers/ErrorBarElement';\nimport {LineElement} from './layers/LineElement';\nimport {LogoElement} from './layers/LogoElement';\nimport {PairedPointsElement} from './layers/PairedPointsElement';\nimport {SinaElement} from './layers/SinaElement';\nimport {StackedAreaElement} from './layers/StackedAreaElement';\nimport {StackedBarElement} from './layers/StackedBarElement';\nimport {StatsPValue} from './layers/StatsPValue';\nimport {NumberAxis} from './NumberAxis';\nimport type {ChartDimensionsData, ChartScales, ChartSizes, Margins} from './types';\nimport type {DiscreteSettingsImpl} from '../DiscreteSettingsImpl';\nimport {getPairwiseStatLevelsCount} from '../utils/statsPValue';\nimport {ViolinElement} from './layers/ViolinElement';\nimport {DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, P_VALUE_LINE_HEIGHT, TITLE_LINE} from '../constants';\nimport type {\n BarsData,\n BinnedDotsData,\n BoxesData,\n DotsData,\n ErrorBarsData,\n LayerData,\n LinesData, LogoPlotData,\n PairedPointsData,\n SinaData, StackedAreaData,\n StackedBarsData,\n StatsData,\n ViolinsData,\n} from '../layers/types';\nimport type {GroupingData} from '../../types';\nimport type {ColumnName, FrameType, Orientation} from '../../types';\nimport {Grid} from './Grid';\nimport React, {useState} from 'react';\n\ninterface ChartProps {\n facetSettings?: DiscreteSettingsImpl['facetSettings'];\n chartSizes: ChartSizes;\n dimensions: ChartDimensionsData;\n margins: Margins;\n scales: ChartScales;\n orientation: Orientation;\n facetKey: string;\n facetTitle: string[]; // can be multiline\n layersData: LayerData[];\n statsData: StatsData[];\n xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'];\n yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'];\n frameType: FrameType;\n keyColumn: ColumnName \| null;\n tooltips: DiscreteSettingsImpl['chartSettings']['tooltips'];\n tooltipsContainer?: Element;\n xLabels: Record<string, string[]>;\n onlyPositive: boolean;\n secondaryGrouping: GroupingData;\n tooltipsData: TooltipsData<unknown>;\n}\n\nfunction getYShiftsForStats(statsData: StatsData[], primaryKeys: string[], facetKey: string) {\n if (!statsData.length) {\n return [];\n }\n const yShifts = [0];\n for (let i = 0; i < statsData.length - 1; i++) {\n const stat = statsData[i];\n if (stat.meta.statType === 'pairwise') {\n const lineCount = getPairwiseStatLevelsCount(\n stat.values[facetKey],\n primaryKeys,\n stat.meta.significanceLevels,\n stat.meta.ns\n );\n yShifts.push(yShifts[yShifts.length - 1] + P_VALUE_LINE_HEIGHT * lineCount);\n } else {\n yShifts.push(yShifts[yShifts.length - 1] + P_VALUE_LINE_HEIGHT);\n }\n }\n return yShifts;\n}\n\nfunction getAxisTitle(title: string \| ColumnName): string {\n if (typeof title === 'string') {\n return title;\n }\n return title.value;\n}\n\nexport function Chart({\n facetSettings,\n facetTitle,\n dimensions,\n scales,\n orientation,\n layersData,\n statsData,\n facetKey,\n xAxis,\n yAxis,\n frameType,\n tooltips,\n tooltipsContainer,\n keyColumn,\n chartSizes,\n margins,\n xLabels,\n onlyPositive,\n secondaryGrouping,\n tooltipsData,\n}: ChartProps) {\n const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n const isVertical = orientation === 'vertical';\n const yShifts = getYShiftsForStats(statsData, scales.xPrimary.domain(), facetKey);\n const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const xTitle = getAxisTitle(xAxis.title);\n const yTitle = getAxisTitle(yAxis.title);\n const needLeftAxis =\n dimensions.chartEdgeSides.includes('left') \|\|\n (isVertical && !facetSettings?.sharedY) \|\|\n (!isVertical && !facetSettings?.sharedX);\n const needBottomAxis =\n dimensions.chartEdgeSides.includes('bottom') \|\|\n (isVertical && !facetSettings?.sharedX) \|\|\n (!isVertical && !facetSettings?.sharedY);\n const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n\n const {width, height} = dimensions.inner;\n const {left, top, padding} = dimensions;\n\n const sideDistances = {\n left: margins.left + left + padding.left,\n right: chartSizes.totalWidth - (margins.left + left + padding.left),\n top: margins.top + top + padding.top,\n bottom: chartSizes.totalHeight - (margins.top + top + padding.top),\n };\n\n const chartTransform = `translate(${left + padding.left},${top + padding.top})`;\n\n const debug = false;\n return (\n <g transform={chartTransform}>\n {debug && (\n <g>\n <rect width={width} height={padding.top} x={0} y={-padding.top} fill=\"none\" stroke=\"black\" />\n <rect width={width} height={padding.bottom} x={0} y={height} fill=\"none\" stroke=\"black\" />\n <rect width={padding.left} height={height} x={-padding.left} y={0} fill=\"none\" stroke=\"black\" />\n <rect width={padding.right} height={height} x={width} y={0} fill=\"none\" stroke=\"black\" />\n </g>\n )}\n {facetTitle.length && (\n <g>\n {frameType === 'full' && <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />}\n {facetTitle.map((titleLine, idx) => {\n const linesCount = facetTitle.length;\n const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n return (\n <text\n key={idx}\n fontSize=\"14px\"\n fontWeight=\"500\"\n fill={BLACK}\n x={width / 2}\n dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n y={idx * FACET_TITLE_LINE}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n >\n {titleLine}\n </text>\n );\n })}\n </g>\n )}\n <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n {needBottomAxisTitle && (\n <text x={width / 2} y={height + padding.bottom - TITLE_LINE / 2}>\n {isVertical ? xTitle : yTitle}\n </text>\n )}\n {needBottomAxisTitle && debug && (\n <rect\n x=\"0\"\n y={height + padding.bottom - TITLE_LINE}\n width={width}\n height={TITLE_LINE}\n fill=\"none\"\n stroke=\"black\"\n />\n )}\n {needLeftAxisTitle && (\n <text\n x={-padding.left + TITLE_LINE / 2}\n y={height / 2}\n transform={`rotate(-90,${-padding.left + TITLE_LINE / 2},${height / 2})`}\n >\n {isVertical ? yTitle : xTitle}\n </text>\n )}\n {needLeftAxisTitle && debug && (\n <rect x={-padding.left} y=\"0\" width={TITLE_LINE} height={height} fill=\"none\" stroke=\"black\" />\n )}\n </g>\n <Grid\n orientation={orientation}\n width={width}\n height={height}\n scaleX={scales.xPrimary}\n scaleY={scales.y}\n axisX={xAxis}\n axisY={yAxis}\n frameType={frameType}\n />\n {needBottomAxis && (\n <g transform={`translate(0,${height})`}>\n {isVertical ? (\n <BandAxis\n scale={scales.xPrimary}\n orient=\"bottom\"\n labelsPosition={xAxis.labelsPosition}\n tickSize={tickSizeX}\n labels={xLabels}\n />\n ) : (\n <NumberAxis scale={scales.y} onlyPositive={onlyPositive} orient=\"bottom\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n )}\n </g>\n )}\n {needLeftAxis && (\n <g>\n {isVertical ? (\n <NumberAxis scale={scales.y} onlyPositive={onlyPositive} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n ) : (\n <BandAxis\n scale={scales.xPrimary}\n orient=\"left\"\n labelsPosition={xAxis.labelsPosition}\n tickSize={tickSizeX}\n labels={xLabels}\n />\n )}\n </g>\n )}\n <g>\n {layersData.map(layerData => (\n <g key={layerData.type}>\n {layerData.type === 'box' &&\n (layerData as BoxesData).geoms[facetKey].map(box => (\n <BoxElement\n key={box.key}\n facetKey={facetKey}\n box={box}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n aes={(layerData as BoxesData).aes}\n hasKeyFromColumn={keyColumn !== null}\n sideDistances={sideDistances}\n showTooltips={tooltips.box.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'violin' &&\n (layerData as ViolinsData).geoms[facetKey].map(violin => (\n <ViolinElement\n key={violin.key}\n facetKey={facetKey}\n violin={violin}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n maxViolinDensity={(layerData as ViolinsData).meta.maxDensity}\n aes={(layerData as ViolinsData).aes}\n sideDistances={sideDistances}\n showTooltips={tooltips.violin.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'dot' &&\n (layerData as DotsData).geoms[facetKey].map(dotsGroup => (\n <DotsGroupElement\n key={dotsGroup.key}\n facetKey={facetKey}\n geom={dotsGroup}\n scales={scales}\n orientation={orientation}\n aes={(layerData as DotsData).aes}\n hasKeyFromColumn={keyColumn !== null}\n sideDistances={sideDistances}\n showTooltips={tooltips.dot.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'line' &&\n (layerData as LinesData).geoms[facetKey].map(line => (\n <LineElement\n key={line.key}\n facetKey={facetKey}\n line={line}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n aes={(layerData as LinesData).aes}\n showTooltips={tooltips.line.show ?? true}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'errorbar' &&\n (layerData as ErrorBarsData).geoms[facetKey].map(errorBar => (\n <ErrorBarElement\n key={errorBar.key}\n facetKey={facetKey}\n errorBar={errorBar}\n scales={scales}\n orientation={orientation}\n aes={(layerData as ErrorBarsData).aes}\n sideDistances={sideDistances}\n showTooltips={tooltips.errorBar.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'bar' &&\n (layerData as BarsData).geoms[facetKey].map(bar => (\n <BarElement\n key={bar.key}\n bar={bar}\n scales={scales}\n orientation={orientation}\n aes={(layerData as BarsData).aes}\n />\n ))}\n {layerData.type === 'stackedBar' &&\n (layerData as StackedBarsData).geoms[facetKey].map(geom => (\n <StackedBarElement\n key={geom.key}\n facetKey={facetKey}\n geom={geom}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n aes={(layerData as StackedBarsData).aes}\n normalize={(layerData as StackedBarsData).meta.normalize}\n sideDistances={sideDistances}\n showTooltips={tooltips.stackedBar.show ?? true}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'stackedArea' && (\n <StackedAreaElement\n key='stackedArea'\n facetKey={facetKey}\n layerData={layerData as StackedAreaData}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n showTooltips={tooltips.stackedBar.show ?? true}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n )}\n {layerData.type === 'binnedDots' &&\n (layerData as BinnedDotsData).geoms[facetKey].map(geom => (\n <BinnedDotsElement\n key={geom.key}\n facetKey={facetKey}\n geom={geom}\n scales={scales}\n orientation={orientation}\n aes={(layerData as BinnedDotsData).aes}\n binsCount={(layerData as BinnedDotsData).meta.binsCount}\n min={(layerData as BinnedDotsData).meta.minY}\n max={(layerData as BinnedDotsData).meta.maxY}\n hasKeyFromColumn={(layerData as BinnedDotsData).meta.hasKeyFromColumn}\n sideDistances={sideDistances}\n showTooltips={tooltips.stackedBar.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'pairedPoints' &&\n (layerData as PairedPointsData).geoms[facetKey].map(geom => (\n <PairedPointsElement\n key={geom.id}\n facetKey={facetKey}\n geom={geom}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n aes={(layerData as PairedPointsData).aes}\n showTooltips={tooltips.pairedPoints.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'sina' &&\n (layerData as SinaData).geoms[facetKey].map(geom => (\n <SinaElement\n key={geom.key}\n geom={geom}\n scales={scales}\n orientation={orientation}\n sideDistances={sideDistances}\n aes={(layerData as SinaData).aes}\n hasKeyFromColumn={keyColumn !== null}\n showTooltips={false}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n {layerData.type === 'logo' &&\n (layerData as LogoPlotData).geoms[facetKey].map(geom => (\n <LogoElement\n key={geom.key}\n facetKey={facetKey}\n geom={geom}\n elementsAmount={layerData.geoms[facetKey].length}\n scales={scales}\n orientation={orientation}\n aes={(layerData as LogoPlotData).aes}\n normalize={(layerData as LogoPlotData).meta.normalize}\n sideDistances={sideDistances}\n showTooltips={tooltips.logo.show ?? true}\n tooltipsData={tooltipsData}\n activeElementContainer={activeElementContainer}\n tooltipsContainer={tooltipsContainer}\n />\n ))}\n </g>\n ))}\n {statsData.map((statsLayer, idx) => (\n <StatsPValue\n yShift={yShifts[idx]}\n scales={scales}\n orientation={orientation}\n statType={statsLayer.meta.statType}\n values={statsLayer.values[facetKey]}\n testMethod={statsLayer.meta.testMethod}\n format={statsLayer.meta.format}\n ns={statsLayer.meta.ns}\n key={`${statsLayer.meta.statType}_${statsLayer.meta.testMethod}`}\n significanceLevels={statsLayer.meta.significanceLevels}\n />\n ))}\n </g>\n <g>\n {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>}\n <g\n ref={node => {\n if (node && !activeElementContainer) {\n setActiveElementContainer(node);\n }\n }}\n />\n </g>\n </g>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+DA,SAAS,EAAmB,GAAwB,GAAuB,GAAkB;AACzF,KAAI,CAAC,EAAU,OACX,QAAO,EAAE;CAEb,IAAM,IAAU,CAAC,EAAE;AACnB,MAAK,IAAI,IAAI,GAAG,IAAI,EAAU,SAAS,GAAG,KAAK;EAC3C,IAAM,IAAO,EAAU;AACvB,MAAI,EAAK,KAAK,aAAa,YAAY;GACnC,IAAM,IAAY,EACd,EAAK,OAAO,IACZ,GACA,EAAK,KAAK,oBACV,EAAK,KAAK,GACb;AACD,KAAQ,KAAK,EAAQ,EAAQ,SAAS,KAAA,KAA2B,EAAU;QAE3E,GAAQ,KAAK,EAAQ,EAAQ,SAAS,KAAA,GAAyB;;AAGvE,QAAO;;AAGX,SAAS,EAAa,GAAoC;AAItD,QAHI,OAAO,KAAU,WACV,IAEJ,EAAM;;AAGjB,SAAgB,EAAM,EAClB,kBACA,eACA,eACA,WACA,gBACA,gBACA,cACA,aACA,UACA,UACA,cACA,aACA,sBACA,cACA,eACA,YACA,YACA,iBACA,sBACA,mBACW;CACX,IAAM,CAAC,GAAwB,KAA6B,GAAuB,EAC7E,IAAa,MAAgB,YAC7B,IAAU,EAAmB,GAAW,EAAO,SAAS,QAAQ,EAAE,EAAS,EAC3E,IAAY,EAAM,YAAA,IAAiC,GACnD,IAAY,EAAM,YAAA,IAAiC,GACnD,IAAS,EAAa,EAAM,MAAM,EAClC,IAAS,EAAa,EAAM,MAAM,EAClC,KACF,EAAW,eAAe,SAAS,OAAO,IACzC,KAAc,CAAC,GAAe,WAC9B,CAAC,KAAc,CAAC,GAAe,SAC9B,KACF,EAAW,eAAe,SAAS,SAAS,IAC3C,KAAc,CAAC,GAAe,WAC9B,CAAC,KAAc,CAAC,GAAe,SAC9B,IAAoB,EAAW,eAAe,SAAS,OAAO,EAC9D,IAAsB,EAAW,eAAe,SAAS,SAAS,EAElE,EAAC,UAAO,cAAU,EAAW,OAC7B,EAAC,SAAM,QAAK,eAAW,GAEvB,IAAgB;EAClB,MAAM,EAAQ,OAAO,IAAO,EAAQ;EACpC,OAAO,EAAW,cAAc,EAAQ,OAAO,IAAO,EAAQ;EAC9D,KAAK,EAAQ,MAAM,IAAM,EAAQ;EACjC,QAAQ,EAAW,eAAe,EAAQ,MAAM,IAAM,EAAQ;EACjE;AAKD,QACI,kBAAC,KAAD;EAAG,WAJgB,aAAa,IAAO,EAAQ,KAAK,GAAG,IAAM,EAAQ,IAAI;YAIzE;GACK;GAQA,EAAW,UACR,kBAAC,KAAD,EAAA,UAAA,CACK,MAAc,UAAU,kBAAC,QAAD;IAAM,GAAE;IAAI,GAAG,CAAC,EAAQ;IAAK,QAAQ,EAAQ;IAAY;IAAO,MAAK;IAAU,QAAA;IAAiB,CAAA,EACxH,EAAW,KAAK,GAAW,MAAQ;IAChC,IAAM,IAAa,EAAW,QACxB,KAAa,EAAQ,MAAA,KAAyB,KAAc;AAClE,WACI,kBAAC,QAAD;KAEI,UAAS;KACT,YAAW;KACX,MAAA;KACA,GAAG,IAAQ;KACX,IAAI,IAAA,KAA+B,IAAI,EAAQ;KAC/C,GAAG,IAAA;KACH,YAAW;KACX,kBAAiB;eAEhB;KACE,EAXE,EAWF;KAEb,CACF,EAAA,CAAA;GAER,kBAAC,KAAD;IAAG,kBAAiB;IAAU,YAAW;IAAS,YAAW;IAAM,UAAS;IAAO,MAAM;cAAzF;KACK,KACG,kBAAC,QAAD;MAAM,GAAG,IAAQ;MAAG,GAAG,IAAS,EAAQ,SAAA,KAAsB;gBACzD,IAAa,IAAS;MACpB,CAAA;KAEV,KAAuB;KAUvB,KACG,kBAAC,QAAD;MACI,GAAG,CAAC,EAAQ,OAAA,KAAoB;MAChC,GAAG,IAAS;MACZ,WAAW,cAAc,CAAC,EAAQ,OAAA,KAAoB,EAAE,GAAG,IAAS,EAAE;gBAErE,IAAa,IAAS;MACpB,CAAA;KAEV,KAAqB;KAGtB;;GACJ,kBAAC,GAAD;IACiB;IACN;IACC;IACR,QAAQ,EAAO;IACf,QAAQ,EAAO;IACf,OAAO;IACP,OAAO;IACI;IACb,CAAA;GACD,MACG,kBAAC,KAAD;IAAG,WAAW,eAAe,EAAO;cAC/B,IACG,kBAAC,GAAD;KACI,OAAO,EAAO;KACd,QAAO;KACP,gBAAgB,EAAM;KACtB,UAAU;KACV,QAAQ;KACV,CAAA,GAEF,kBAAC,GAAD;KAAY,OAAO,EAAO;KAAiB;KAAc,QAAO;KAAS,UAAU;KAAW,cAAc,EAAM;KAAgB,CAAA;IAEtI,CAAA;GAEP,MACG,kBAAC,KAAD,EAAA,UACK,IACG,kBAAC,GAAD;IAAY,OAAO,EAAO;IAAiB;IAAc,QAAO;IAAO,UAAU;IAAW,cAAc,EAAM;IAAgB,CAAA,GAEhI,kBAAC,GAAD;IACI,OAAO,EAAO;IACd,QAAO;IACP,gBAAgB,EAAM;IACtB,UAAU;IACV,QAAQ;IACV,CAAA,EAEN,CAAA;GAER,kBAAC,KAAD,EAAA,UAAA,CACK,GAAW,KAAI,MACZ,kBAAC,KAAD,EAAA,UAAA;IACK,EAAU,SAAS,SACf,EAAwB,MAAM,GAAU,KAAI,MACzC,kBAAC,GAAD;KAEc;KACL;KACL,gBAAgB,EAAU,MAAM,GAAU;KAClC;KACK;KACb,KAAM,EAAwB;KAC9B,kBAAkB,MAAc;KACjB;KACf,cAAc,EAAS,IAAI,QAAQ;KACrB;KACU;KACL;KACrB,EAbO,EAAI,IAaX,CACJ;IACL,EAAU,SAAS,YACf,EAA0B,MAAM,GAAU,KAAI,MAC3C,kBAAC,GAAD;KAEc;KACF;KACR,gBAAgB,EAAU,MAAM,GAAU;KAClC;KACK;KACb,kBAAmB,EAA0B,KAAK;KAClD,KAAM,EAA0B;KACjB;KACf,cAAc,EAAS,OAAO,QAAQ;KACxB;KACU;KACL;KACrB,EAbO,EAAO,IAad,CACJ;IACL,EAAU,SAAS,SACf,EAAuB,MAAM,GAAU,KAAI,MACxC,kBAAC,GAAD;KAEc;KACV,MAAM;KACE;KACK;KACb,KAAM,EAAuB;KAC7B,kBAAkB,MAAc;KACjB;KACf,cAAc,EAAS,IAAI,QAAQ;KACrB;KACU;KACL;KACrB,EAZO,EAAU,IAYjB,CACJ;IACL,EAAU,SAAS,UACf,EAAwB,MAAM,GAAU,KAAI,MACzC,kBAAC,GAAD;KAEc;KACJ;KACE;KACK;KACE;KACf,KAAM,EAAwB;KAC9B,cAAc,EAAS,KAAK,QAAQ;KACjB;KACL;KACU;KACL;KACrB,EAZO,EAAK,IAYZ,CACJ;IACL,EAAU,SAAS,cACf,EAA4B,MAAM,GAAU,KAAI,MAC7C,kBAAC,IAAD;KAEc;KACA;KACF;KACK;KACb,KAAM,EAA4B;KACnB;KACf,cAAc,EAAS,SAAS,QAAQ;KAC1B;KACU;KACL;KACrB,EAXO,EAAS,IAWhB,CACJ;IACL,EAAU,SAAS,SACf,EAAuB,MAAM,GAAU,KAAI,MACxC,kBAAC,GAAD;KAES;KACG;KACK;KACb,KAAM,EAAuB;KAC/B,EALO,EAAI,IAKX,CACJ;IACL,EAAU,SAAS,gBACf,EAA8B,MAAM,GAAU,KAAI,MAC/C,kBAAC,GAAD;KAEc;KACJ;KACN,gBAAgB,EAAU,MAAM,GAAU;KAClC;KACK;KACb,KAAM,EAA8B;KACpC,WAAY,EAA8B,KAAK;KAChC;KACf,cAAc,EAAS,WAAW,QAAQ;KACvB;KACL;KACU;KACL;KACrB,EAdO,EAAK,IAcZ,CACJ;IACL,EAAU,SAAS,iBAChB,kBAAC,IAAD;KAEc;KACC;KACH;KACK;KACE;KACf,cAAc,EAAS,WAAW,QAAQ;KACvB;KACL;KACU;KACL;KACrB,EAXM,cAWN;IAEL,EAAU,SAAS,gBACf,EAA6B,MAAM,GAAU,KAAI,MAC9C,kBAAC,GAAD;KAEc;KACJ;KACE;KACK;KACb,KAAM,EAA6B;KACnC,WAAY,EAA6B,KAAK;KAC9C,KAAM,EAA6B,KAAK;KACxC,KAAM,EAA6B,KAAK;KACxC,kBAAmB,EAA6B,KAAK;KACtC;KACf,cAAc,EAAS,WAAW,QAAQ;KAC5B;KACU;KACL;KACrB,EAfO,EAAK,IAeZ,CACJ;IACL,EAAU,SAAS,kBACf,EAA+B,MAAM,GAAU,KAAI,MAChD,kBAAC,GAAD;KAEc;KACJ;KACE;KACK;KACE;KACf,KAAM,EAA+B;KACrC,cAAc,EAAS,aAAa,QAAQ;KAC9B;KACU;KACL;KACrB,EAXO,EAAK,GAWZ,CACJ;IACL,EAAU,SAAS,UACf,EAAuB,MAAM,GAAU,KAAI,MACxC,kBAAC,GAAD;KAEU;KACE;KACK;KACE;KACf,KAAM,EAAuB;KAC7B,kBAAkB,MAAc;KAChC,cAAc;KACK;KACrB,EATO,EAAK,IASZ,CACJ;IACL,EAAU,SAAS,UACf,EAA2B,MAAM,GAAU,KAAI,MAC5C,kBAAC,GAAD;KAEc;KACJ;KACN,gBAAgB,EAAU,MAAM,GAAU;KAClC;KACK;KACb,KAAM,EAA2B;KACjC,WAAY,EAA2B,KAAK;KAC7B;KACf,cAAc,EAAS,KAAK,QAAQ;KACtB;KACU;KACL;KACrB,EAbO,EAAK,IAaZ,CACJ;IACN,EAAA,EAvMI,EAAU,KAuMd,CACN,EACD,EAAU,KAAK,GAAY,MACxB,kBAAC,IAAD;IACI,QAAQ,EAAQ;IACR;IACK;IACb,UAAU,EAAW,KAAK;IAC1B,QAAQ,EAAW,OAAO;IAC1B,YAAY,EAAW,KAAK;IAC5B,QAAQ,EAAW,KAAK;IACxB,IAAI,EAAW,KAAK;IAEpB,oBAAoB,EAAW,KAAK;IACtC,EAFO,GAAG,EAAW,KAAK,SAAS,GAAG,EAAW,KAAK,aAEtD,CACJ,CACF,EAAA,CAAA;GACJ,kBAAC,KAAD,EAAA,UAAA,CACK,EAAa,SAAS,kBAAC,QAAD;IAAM,OAAO,EAAW;IAAY,QAAQ,EAAW;IAAa,MAAK;IAA4B,CAAA,EAC5H,kBAAC,KAAD,EACI,MAAK,MAAQ;AACT,IAAI,KAAQ,CAAC,KACT,EAA0B,EAAK;MAGzC,CAAA,CACF,EAAA,CAAA;GACJ"}

package/dist/discrete/components/ChartsGroup.js CHANGED Viewed

@@ -1,102 +1,77 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
-import { useTooltip as b } from "../../common/Tooltip.js";
-import { Chart as I } from "./Chart.js";
-import { ErrorBoundary as M } from "../../common/ErrorBoundary.js";
-import { ChartsTitle as N } from "../../common/ChartsTitle.js";
-import { LEGEND_OFFSET as O } from "../constants.js";
-import { r as R } from "../../_virtual/index.js";
-import _ from "../../common/fonts.js";
-import { Legend as q } from "../../common/Legend.js";
-function S({
-  settingsId: m,
-  chartSettings: d,
-  chartSizes: r,
-  chartsDimensions: n,
-  facetKeys: s,
-  facetTitles: f,
-  facetSettings: x,
-  scales: i,
-  layersData: h,
-  statsData: g,
-  legendData: j,
-  margins: a,
-  columnsCount: w,
-  keyColumn: T,
-  xLabels: c,
-  chartTitle: u,
-  onlyPositive: C,
-  secondaryGrouping: E,
-  onTooltipHintSwitch: P
-}) {
-  const [e, $] = R.useState(), W = b(P), { orientation: y, xAxis: L, yAxis: v, title: p, legend: F, frame: A } = d, l = n[s[0]].padding, B = n[s[w - 1]].padding, G = r.chartsWidth + O, H = l.top;
-  return /* @__PURE__ */ o.jsx(M, { dataId: m, children: /* @__PURE__ */ o.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${r.totalWidth} ${r.totalHeight}`,
-      width: r.totalWidth,
-      height: r.totalHeight,
-      children: [
-        /* @__PURE__ */ o.jsx("defs", { children: _ }),
-        /* @__PURE__ */ o.jsxs("g", { transform: `translate(${a.left},${a.top})`, fontFamily: "Manrope", children: [
-          /* @__PURE__ */ o.jsx(
-            N,
-            {
-              title: u,
-              show: p.show,
-              position: p.position,
-              leftPadding: l.left,
-              rightPadding: B.right,
-              chartsWidth: r.chartsWidth
-            }
-          ),
-          s.map((t) => /* @__PURE__ */ o.jsx(
-            I,
-            {
-              facetKey: t,
-              facetTitle: f[t],
-              facetSettings: x,
-              orientation: y,
-              scales: {
-                ...i,
-                xPrimary: i.xPrimary[t],
-                xSecondary: i.xSecondary[t],
-                y: i.y[t]
-              },
-              chartSizes: r,
-              margins: a,
-              dimensions: n[t],
-              layersData: h,
-              statsData: g,
-              xAxis: L,
-              yAxis: v,
-              frameType: A.type,
-              tooltips: d.tooltips,
-              tooltipsContainer: e,
-              keyColumn: T,
-              xLabels: c[t],
-              onlyPositive: C,
-              secondaryGrouping: E,
-              tooltipsData: W
-            },
-            t
-          )),
-          F.show && /* @__PURE__ */ o.jsx("g", { transform: `translate(${G},${H})`, children: /* @__PURE__ */ o.jsx(q, { legendData: j }) })
-        ] }),
-        /* @__PURE__ */ o.jsx(
-          "g",
-          {
-            style: { outline: "none" },
-            ref: (t) => {
-              t && !e && $(t);
-            }
-          }
-        )
-      ]
-    }
-  ) });
+import e from "../../common/fonts.js";
+import { useTooltip as t } from "../../common/Tooltip.js";
+import { Chart as n } from "./Chart.js";
+import { ErrorBoundary as r } from "../../common/ErrorBoundary.js";
+import { ChartsTitle as i } from "../../common/ChartsTitle.js";
+import { Legend as a } from "../../common/Legend.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+function l({ settingsId: l, chartSettings: u, chartSizes: d, chartsDimensions: f, facetKeys: p, facetTitles: m, facetSettings: h, scales: g, layersData: _, statsData: v, legendData: y, margins: b, columnsCount: x, keyColumn: S, xLabels: C, chartTitle: w, onlyPositive: T, secondaryGrouping: E, onTooltipHintSwitch: D }) {
+	let [O, k] = o(), A = t(D), { orientation: j, xAxis: M, yAxis: N, title: P, legend: F, frame: I } = u, L = f[p[0]].padding, R = f[p[x - 1]].padding, z = d.chartsWidth + 24, B = L.top;
+	return /* @__PURE__ */ s(r, {
+		dataId: l,
+		children: /* @__PURE__ */ c("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: `0 0 ${d.totalWidth} ${d.totalHeight}`,
+			width: d.totalWidth,
+			height: d.totalHeight,
+			children: [
+				/* @__PURE__ */ s("defs", { children: e }),
+				/* @__PURE__ */ c("g", {
+					transform: `translate(${b.left},${b.top})`,
+					fontFamily: "Manrope",
+					children: [
+						/* @__PURE__ */ s(i, {
+							title: w,
+							show: P.show,
+							position: P.position,
+							leftPadding: L.left,
+							rightPadding: R.right,
+							chartsWidth: d.chartsWidth
+						}),
+						p.map((e) => /* @__PURE__ */ s(n, {
+							facetKey: e,
+							facetTitle: m[e],
+							facetSettings: h,
+							orientation: j,
+							scales: {
+								...g,
+								xPrimary: g.xPrimary[e],
+								xSecondary: g.xSecondary[e],
+								y: g.y[e]
+							},
+							chartSizes: d,
+							margins: b,
+							dimensions: f[e],
+							layersData: _,
+							statsData: v,
+							xAxis: M,
+							yAxis: N,
+							frameType: I.type,
+							tooltips: u.tooltips,
+							tooltipsContainer: O,
+							keyColumn: S,
+							xLabels: C[e],
+							onlyPositive: T,
+							secondaryGrouping: E,
+							tooltipsData: A
+						}, e)),
+						F.show && /* @__PURE__ */ s("g", {
+							transform: `translate(${z},${B})`,
+							children: /* @__PURE__ */ s(a, { legendData: y })
+						})
+					]
+				}),
+				/* @__PURE__ */ s("g", {
+					style: { outline: "none" },
+					ref: (e) => {
+						e && !O && k(e);
+					}
+				})
+			]
+		})
+	});
 }
-export {
-  S as ChartsGroup
-};
-//# sourceMappingURL=ChartsGroup.js.map
+export { l as ChartsGroup };
+//# sourceMappingURL=ChartsGroup.js.map

package/dist/discrete/components/ChartsGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartsGroup.js","sources":["../../../src/discrete/components/ChartsGroup.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {ChartsTitle} from '../../common/ChartsTitle';\nimport type {ChartDimensionsData, ChartSizes, ChartsScales, Margins} from './types';\nimport type {DiscreteSettingsImpl} from '../DiscreteSettingsImpl';\nimport type {LayerData, StatsData} from '../layers/types';\nimport {LEGEND_OFFSET} from '../constants';\nimport type {GroupingData} from '../../types';\nimport type {ColumnName} from '../../types';\nimport React, {useState} from 'react';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { LegendData } from '../../common/types';\n\ninterface ChartsGroupProps {\n chartSettings: DiscreteSettingsImpl['chartSettings'];\n facetSettings?: DiscreteSettingsImpl['facetSettings'];\n chartSizes: ChartSizes;\n chartsDimensions: Record<string, ChartDimensionsData>;\n scales: ChartsScales;\n facetKeys: string[];\n facetTitles: Record<string, string[]>;\n layersData: LayerData[];\n statsData: StatsData[];\n settingsId: string;\n legendData: LegendData;\n margins: Margins;\n columnsCount: number;\n keyColumn: ColumnName \| null;\n xLabels: Record<string, Record<string, string[]>>; // labels by facet and then by axis keys;\n chartTitle: string[]; // can be multiline\n onlyPositive: boolean;\n secondaryGrouping: GroupingData;\n onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n settingsId,\n chartSettings,\n chartSizes,\n chartsDimensions,\n facetKeys,\n facetTitles,\n facetSettings,\n scales,\n layersData,\n statsData,\n legendData,\n margins,\n columnsCount,\n keyColumn,\n xLabels,\n chartTitle,\n onlyPositive,\n secondaryGrouping,\n onTooltipHintSwitch\n}: ChartsGroupProps) {\n const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n const tooltipsData = useTooltip<unknown>(onTooltipHintSwitch);\n\n const {orientation, xAxis, yAxis, title, legend, frame} = chartSettings;\n\n const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n const legendLeft = chartSizes.chartsWidth + LEGEND_OFFSET;\n const legendTop = leftTopChartPadding.top;\n\n return (\n <ErrorBoundary dataId={settingsId}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n width={chartSizes.totalWidth}\n height={chartSizes.totalHeight}\n >\n <defs>{fonts}</defs>\n <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n <ChartsTitle\n title={chartTitle}\n show={title.show}\n position={title.position}\n leftPadding={leftTopChartPadding.left}\n rightPadding={rightTopChartPadding.right}\n chartsWidth={chartSizes.chartsWidth}\n />\n {facetKeys.map(key => (\n <Chart\n key={key}\n facetKey={key}\n facetTitle={facetTitles[key]}\n facetSettings={facetSettings}\n orientation={orientation}\n scales={{\n ...scales,\n xPrimary: scales.xPrimary[key],\n xSecondary: scales.xSecondary[key],\n y: scales.y[key],\n }}\n chartSizes={chartSizes}\n margins={margins}\n dimensions={chartsDimensions[key]}\n layersData={layersData}\n statsData={statsData}\n xAxis={xAxis}\n yAxis={yAxis}\n frameType={frame.type}\n tooltips={chartSettings.tooltips}\n tooltipsContainer={tooltipsContainer}\n keyColumn={keyColumn}\n xLabels={xLabels[key]}\n onlyPositive={onlyPositive}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n />\n ))}\n {legend.show && (\n <g transform={`translate(${legendLeft},${legendTop})`}>\n <Legend legendData={legendData} />\n </g>\n )}\n </g>\n <g style={{outline: 'none'}}\n ref={node => {\n if (node && !tooltipsContainer) {\n setTooltipsContainer(node);\n }\n }}\n />\n </svg>\n </ErrorBoundary>\n );\n}\n"],"names":["ChartsGroup","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetTitles","facetSettings","scales","layersData","statsData","legendData","margins","columnsCount","keyColumn","xLabels","chartTitle","onlyPositive","secondaryGrouping","onTooltipHintSwitch","tooltipsContainer","setTooltipsContainer","useState","tooltipsData","useTooltip","orientation","xAxis","yAxis","title","legend","frame","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","key","Chart","Legend","node"],"mappings":"~~;;;;;;;;;AAqCO~~,~~SAASA~~,EAAY~~;AAAA~~,EACxB,~~YAAAC;AAAA~~,~~EACA~~,~~eAAAC;AAAA~~,~~EACA~~,~~YAAAC;AAAA~~,~~EACA~~,~~kBAAAC;AAAA~~,~~EACA~~,~~WAAAC;AAAA~~,~~EACA~~,~~aAAAC;AAAA~~,~~EACA~~,~~eAAAC;AAAA~~,~~EACA~~,~~QAAAC;AAAA~~,~~EACA~~,~~YAAAC;AAAA~~,~~EACA~~,~~WAAAC~~;~~AAAA~~,~~EACA~~,~~YAAAC;AAAA~~,~~EACA~~,~~SAAAC;AAAA~~,~~EACA~~,~~cAAAC;AAAA~~,~~EACA~~,~~WAAAC;AAAA~~,~~EACA~~,~~SAAAC;AAAA~~,~~EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACJ,GAAqB;AACjB,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,WAAA,GAC5CC,IAAeC,EAAoBL,CAAmB,GAEtD,~~EAAC,~~aAAAM~~,~~GAAa~~,~~OAAAC~~,~~GAAO~~,~~OAAAC~~,~~GAAO~~,~~OAAAC~~,~~GAAO~~,~~QAAAC~~,~~GAAQ~~,~~OAAAC~~,~~MAAS5B~~,~~GAEpD6B~~,~~IAAsB3B~~,~~EAAiBC,~~EAAU,~~CAAC,CAAC,EAAE,SACrD2B,IAAuB5B,EAAiBC,EAAUQ,~~IAAe,~~CAAC~~,~~CAAC~~,~~EAAE~~,~~SAErEoB,IAAa9B,~~EAAW,~~cAAc+B~~,~~GACtCC~~,~~IAAYJ~~,EAAoB;AAEtC,~~SACIK~~,~~gBAAAA~~,~~EAAAA,IAACC,GAAA,EAAc,QAAQpC,GACnB,UAAAqC,gBAAAA,EAAAA~~;~~AAAAA~~,~~IAAC~~;~~AAAA~~,~~IAAA~~;~~AAAA~~,~~MACG,~~OAAM;~~AAAA~~,~~MACN,~~SAAS,~~OAAOnC~~,EAAW,~~UAAU~~,~~IAAIA~~,EAAW~~,WAAW~~;~~AAAA~~,~~MAC/D~~,~~OAAOA,~~EAAW;~~AAAA~~,~~MAClB~~,~~QAAQA,~~EAAW;~~AAAA,MAEnB,UAAA~~;~~AAAA~~,~~QAAAiC~~,~~gBAAAA~~,~~EAAAA~~,~~IAAC~~,~~UAAM~~,~~UAAAG~~,~~EAAA~~,~~CAAM~~;~~AAAA~~,~~QACbD,gBAAAA,EAAAA,KAAC,KAAA,EAAE,~~WAAW,~~aAAa1B~~,EAAQ,~~IAAI~~,~~IAAIA~~,EAAQ,~~GAAG~~,~~KAAK,~~YAAW~~,WAClE,UAAA~~;~~AAAA,UAAAwB,gBAAAA,EAAAA~~;~~AAAAA~~,~~YAACI;AAAA~~,~~YAAA~~;~~AAAA~~,~~cACG,OAAOxB~~;~~AAAA~~,~~cACP~~,~~MAAMY,~~EAAM;~~AAAA~~,~~cACZ~~,~~UAAUA,~~EAAM;~~AAAA~~,~~cAChB~~,~~aAAaG,~~EAAoB;~~AAAA~~,~~cACjC~~,~~cAAcC,~~EAAqB;~~AAAA~~,~~cACnC~~,~~aAAa7B,~~EAAW;~~AAAA~~,~~YAAA~~;~~AAAA~~,~~UAAA;AAAA,UAE3BE,~~EAAU,~~IAAI~~,~~CAAAoC~~,~~MACXL~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,~~YAACM~~;~~AAAA~~,~~YAAA;AAAA~~,~~cAEG,UAAUD~~;~~AAAA,cACV,YAAYnC,EAAYmC,CAAG~~;~~AAAA,cAC3B,eAAAlC~~;~~AAAA~~,~~cACA,aAAAkB;AAAA,cACA,~~QAAQ;~~AAAA~~,~~gBACJ,GAAGjB~~;~~AAAA~~,~~gBACH~~,~~UAAUA,~~EAAO,~~SAASiC,CAAG~~;~~AAAA~~,~~gBAC7B~~,~~YAAYjC,~~EAAO,~~WAAWiC,CAAG~~;~~AAAA~~,~~gBACjC~~,~~GAAGjC,~~EAAO,~~EAAEiC,CAAG~~;~~AAAA,cAAA~~;~~AAAA,cAEnB,YAAAtC~~;~~AAAA,cACA,SAAAS~~;~~AAAA~~,~~cACA~~,~~YAAYR,EAAiBqC,CAAG~~;~~AAAA,cAChC,YAAAhC~~;~~AAAA,cACA,WAAAC~~;~~AAAA,cACA,OAAAgB~~;~~AAAA,cACA,OAAAC~~;~~AAAA~~,~~cACA~~,~~WAAWG,~~EAAM;~~AAAA~~,~~cACjB~~,~~UAAU5B,~~EAAc;~~AAAA,cACxB,mBAAAkB~~;~~AAAA,cACA,WAAAN~~;~~AAAA~~,~~cACA~~,~~SAASC,EAAQ0B,CAAG~~;~~AAAA,cACpB,cAAAxB~~;~~AAAA,cACA,mBAAAC~~;~~AAAA,cACA,cAAAK~~;~~AAAA~~,~~YAAA;AAAA~~,~~YAzBKkB;AAAA~~,~~UAAA,CA2BZ~~;~~AAAA~~,~~UACAZ,~~EAAO,~~QACJO~~,~~gBAAAA~~,~~MAAC~~,~~KAAA,EAAE,~~WAAW,~~aAAaH~~,~~CAAU~~,~~IAAIE~~,~~CAAS~~,~~KAC9C~~,~~UAAAC~~,~~gBAAAA~~,~~EAAAA~~,~~IAACO,GAAA,EAAO,YAAAhC,GAAwB,EAAA,CACpC~~;~~AAAA~~,~~QAAA,GAER~~;~~AAAA~~,~~QACAyB~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,~~UAAC;AAAA,UAAA;AAAA,YAAE,~~OAAO,EAAC,SAAS,~~OAAA~~;~~AAAA~~,~~YAChB~~,~~KAAK,CAAAQ,~~MAAQ;AACT,~~cAAIA~~,KAAQ,~~CAACxB~~,~~KACTC~~,~~EAAqBuB~~,~~CAAI;AAAA~~,~~YAEjC~~;~~AAAA~~,~~UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA,GAER;AAER;~~"}
1	+ {"version":3,"file":"ChartsGroup.js","names":[],"sources":["../../../src/discrete/components/ChartsGroup.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {ChartsTitle} from '../../common/ChartsTitle';\nimport type {ChartDimensionsData, ChartSizes, ChartsScales, Margins} from './types';\nimport type {DiscreteSettingsImpl} from '../DiscreteSettingsImpl';\nimport type {LayerData, StatsData} from '../layers/types';\nimport {LEGEND_OFFSET} from '../constants';\nimport type {GroupingData} from '../../types';\nimport type {ColumnName} from '../../types';\nimport React, {useState} from 'react';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { LegendData } from '../../common/types';\n\ninterface ChartsGroupProps {\n chartSettings: DiscreteSettingsImpl['chartSettings'];\n facetSettings?: DiscreteSettingsImpl['facetSettings'];\n chartSizes: ChartSizes;\n chartsDimensions: Record<string, ChartDimensionsData>;\n scales: ChartsScales;\n facetKeys: string[];\n facetTitles: Record<string, string[]>;\n layersData: LayerData[];\n statsData: StatsData[];\n settingsId: string;\n legendData: LegendData;\n margins: Margins;\n columnsCount: number;\n keyColumn: ColumnName \| null;\n xLabels: Record<string, Record<string, string[]>>; // labels by facet and then by axis keys;\n chartTitle: string[]; // can be multiline\n onlyPositive: boolean;\n secondaryGrouping: GroupingData;\n onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n settingsId,\n chartSettings,\n chartSizes,\n chartsDimensions,\n facetKeys,\n facetTitles,\n facetSettings,\n scales,\n layersData,\n statsData,\n legendData,\n margins,\n columnsCount,\n keyColumn,\n xLabels,\n chartTitle,\n onlyPositive,\n secondaryGrouping,\n onTooltipHintSwitch\n}: ChartsGroupProps) {\n const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n const tooltipsData = useTooltip<unknown>(onTooltipHintSwitch);\n\n const {orientation, xAxis, yAxis, title, legend, frame} = chartSettings;\n\n const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n const legendLeft = chartSizes.chartsWidth + LEGEND_OFFSET;\n const legendTop = leftTopChartPadding.top;\n\n return (\n <ErrorBoundary dataId={settingsId}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n width={chartSizes.totalWidth}\n height={chartSizes.totalHeight}\n >\n <defs>{fonts}</defs>\n <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n <ChartsTitle\n title={chartTitle}\n show={title.show}\n position={title.position}\n leftPadding={leftTopChartPadding.left}\n rightPadding={rightTopChartPadding.right}\n chartsWidth={chartSizes.chartsWidth}\n />\n {facetKeys.map(key => (\n <Chart\n key={key}\n facetKey={key}\n facetTitle={facetTitles[key]}\n facetSettings={facetSettings}\n orientation={orientation}\n scales={{\n ...scales,\n xPrimary: scales.xPrimary[key],\n xSecondary: scales.xSecondary[key],\n y: scales.y[key],\n }}\n chartSizes={chartSizes}\n margins={margins}\n dimensions={chartsDimensions[key]}\n layersData={layersData}\n statsData={statsData}\n xAxis={xAxis}\n yAxis={yAxis}\n frameType={frame.type}\n tooltips={chartSettings.tooltips}\n tooltipsContainer={tooltipsContainer}\n keyColumn={keyColumn}\n xLabels={xLabels[key]}\n onlyPositive={onlyPositive}\n secondaryGrouping={secondaryGrouping}\n tooltipsData={tooltipsData}\n />\n ))}\n {legend.show && (\n <g transform={`translate(${legendLeft},${legendTop})`}>\n <Legend legendData={legendData} />\n </g>\n )}\n </g>\n <g style={{outline: 'none'}}\n ref={node => {\n if (node && !tooltipsContainer) {\n setTooltipsContainer(node);\n }\n }}\n />\n </svg>\n </ErrorBoundary>\n );\n}\n"],"mappings":";;;;;;;;AAqCA,SAAgB,EAAY,EACxB,eACA,kBACA,eACA,qBACA,cACA,gBACA,kBACA,WACA,eACA,cACA,eACA,YACA,iBACA,cACA,YACA,eACA,iBACA,sBACA,0BACiB;CACjB,IAAM,CAAC,GAAmB,KAAwB,GAAuB,EACnE,IAAe,EAAoB,EAAoB,EAEvD,EAAC,gBAAa,UAAO,UAAO,UAAO,WAAQ,aAAS,GAEpD,IAAsB,EAAiB,EAAU,IAAI,SACrD,IAAuB,EAAiB,EAAU,IAAe,IAAI,SAErE,IAAa,EAAW,cAAA,IACxB,IAAY,EAAoB;AAEtC,QACI,kBAAC,GAAD;EAAe,QAAQ;YACnB,kBAAC,OAAD;GACI,OAAM;GACN,SAAS,OAAO,EAAW,WAAW,GAAG,EAAW;GACpD,OAAO,EAAW;GAClB,QAAQ,EAAW;aAJvB;IAMI,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA;IACpB,kBAAC,KAAD;KAAG,WAAW,aAAa,EAAQ,KAAK,GAAG,EAAQ,IAAI;KAAI,YAAW;eAAtE;MACI,kBAAC,GAAD;OACI,OAAO;OACP,MAAM,EAAM;OACZ,UAAU,EAAM;OAChB,aAAa,EAAoB;OACjC,cAAc,EAAqB;OACnC,aAAa,EAAW;OAC1B,CAAA;MACD,EAAU,KAAI,MACX,kBAAC,GAAD;OAEI,UAAU;OACV,YAAY,EAAY;OACT;OACF;OACb,QAAQ;QACJ,GAAG;QACH,UAAU,EAAO,SAAS;QAC1B,YAAY,EAAO,WAAW;QAC9B,GAAG,EAAO,EAAE;QACf;OACW;OACH;OACT,YAAY,EAAiB;OACjB;OACD;OACJ;OACA;OACP,WAAW,EAAM;OACjB,UAAU,EAAc;OACL;OACR;OACX,SAAS,EAAQ;OACH;OACK;OACL;OAChB,EA1BO,EA0BP,CACJ;MACD,EAAO,QACJ,kBAAC,KAAD;OAAG,WAAW,aAAa,EAAW,GAAG,EAAU;iBAC/C,kBAAC,GAAD,EAAoB,eAAc,CAAA;OAClC,CAAA;MAER;;IACJ,kBAAC,KAAD;KAAG,OAAO,EAAC,SAAS,QAAO;KACvB,MAAK,MAAQ;AACT,MAAI,KAAQ,CAAC,KACT,EAAqB,EAAK;;KAGpC,CAAA;IACA;;EACM,CAAA"}

package/dist/discrete/components/Grid.js CHANGED Viewed

@@ -1,49 +1,69 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import { GRID_GRAY as u, BLACK as k } from "../../constants.js";
-import { MIN_TICK_STEP as b } from "../constants.js";
-import { r as G } from "../../_virtual/index.js";
-const C = 1;
-function D({ scaleX: e, scaleY: i, orientation: m, width: x, height: c, axisX: l, axisY: j, frameType: s }) {
-  const [y, S] = G.useState(e.domain()), _ = Math.abs(i.range()[0] - i.range()[1]), d = Math.min(Math.floor(_ / b), 10), [E, I] = G.useState(i.ticks(d)), f = e.bandwidth() / 2, M = (t) => (e(t) ?? 0) + f, R = (t) => i(t), n = m === "vertical";
-  return G.useEffect(() => {
-    const t = e.domain(), o = i.ticks(d);
-    S(t), I(o);
-  }, [e, i]), /* @__PURE__ */ r.jsxs("g", { stroke: u, children: [
-    l.showGrid && y.map((t) => {
-      const o = M(t) + (l.linesBetweenCategories ? f : 0);
-      return /* @__PURE__ */ r.jsx(
-        "line",
-        {
-          x1: n ? o : 0,
-          x2: n ? o : x,
-          y1: n ? 0 : o,
-          y2: n ? c : o
-        },
-        `x_${t}`
-      );
-    }),
-    j.showGrid && E.map((t) => {
-      const o = R(t);
-      return /* @__PURE__ */ r.jsx(
-        "line",
-        {
-          x1: n ? 0 : o,
-          x2: n ? x : o,
-          y1: n ? o : 0,
-          y2: n ? o : c
-        },
-        `y_${t}`
-      );
-    }),
-    s !== "empty" && /* @__PURE__ */ r.jsxs("g", { strokeWidth: C, children: [
-      (l.showGrid || s !== "left") && /* @__PURE__ */ r.jsx("line", { stroke: s === "left" ? u : k, x1: "0", x2: x, y1: c, y2: c }),
-      (l.showGrid || s !== "bottom") && /* @__PURE__ */ r.jsx("line", { stroke: s === "bottom" ? u : k, x1: "0", x2: "0", y1: "0", y2: c }),
-      (l.showGrid || s === "full") && /* @__PURE__ */ r.jsx("line", { stroke: s === "full" ? k : u, x1: x, x2: x, y1: "0", y2: c }),
-      (j.showGrid || s === "full") && /* @__PURE__ */ r.jsx("line", { stroke: s === "full" ? k : u, x1: "0", x2: x, y1: "0", y2: "0" })
-    ] })
-  ] });
+import { GRID_GRAY as e } from "../../constants.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = 1;
+function o({ scaleX: o, scaleY: s, orientation: c, width: l, height: u, axisX: d, axisY: f, frameType: p }) {
+	let [m, h] = n(o.domain()), g = Math.abs(s.range()[0] - s.range()[1]), _ = Math.min(Math.floor(g / 25), 10), [v, y] = n(s.ticks(_)), b = o.bandwidth() / 2, x = (e) => (o(e) ?? 0) + b, S = (e) => s(e), C = c === "vertical";
+	return t(() => {
+		let e = o.domain(), t = s.ticks(_);
+		h(e), y(t);
+	}, [o, s]), /* @__PURE__ */ i("g", {
+		stroke: e,
+		children: [
+			d.showGrid && m.map((e) => {
+				let t = x(e) + (d.linesBetweenCategories ? b : 0);
+				return /* @__PURE__ */ r("line", {
+					x1: C ? t : 0,
+					x2: C ? t : l,
+					y1: C ? 0 : t,
+					y2: C ? u : t
+				}, `x_${e}`);
+			}),
+			f.showGrid && v.map((e) => {
+				let t = S(e);
+				return /* @__PURE__ */ r("line", {
+					x1: C ? 0 : t,
+					x2: C ? l : t,
+					y1: C ? t : 0,
+					y2: C ? t : u
+				}, `y_${e}`);
+			}),
+			p !== "empty" && /* @__PURE__ */ i("g", {
+				strokeWidth: a,
+				children: [
+					(d.showGrid || p !== "left") && /* @__PURE__ */ r("line", {
+						stroke: p === "left" ? "#E1E3EB" : "#110529",
+						x1: "0",
+						x2: l,
+						y1: u,
+						y2: u
+					}),
+					(d.showGrid || p !== "bottom") && /* @__PURE__ */ r("line", {
+						stroke: p === "bottom" ? "#E1E3EB" : "#110529",
+						x1: "0",
+						x2: "0",
+						y1: "0",
+						y2: u
+					}),
+					(d.showGrid || p === "full") && /* @__PURE__ */ r("line", {
+						stroke: p === "full" ? "#110529" : "#E1E3EB",
+						x1: l,
+						x2: l,
+						y1: "0",
+						y2: u
+					}),
+					(f.showGrid || p === "full") && /* @__PURE__ */ r("line", {
+						stroke: p === "full" ? "#110529" : "#E1E3EB",
+						x1: "0",
+						x2: l,
+						y1: "0",
+						y2: "0"
+					})
+				]
+			})
+		]
+	});
 }
-export {
-  D as Grid
-};
-//# sourceMappingURL=Grid.js.map
+export { o as Grid };
+//# sourceMappingURL=Grid.js.map

package/dist/discrete/components/Grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.js","sources":["../../../src/discrete/components/Grid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../../constants';\nimport {MIN_TICK_STEP} from '../constants';\nimport type {AxisSettingsContinuous, AxisSettingsDiscrete, FrameType} from '../../types';\nimport type {Orientation} from '../../types';\nimport type {ScaleBand, ScaleLinear, ScaleLogarithmic} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n scaleY: ScaleLinear<number, number> \| ScaleLogarithmic<number, number>;\n scaleX: ScaleBand<string>;\n width: number;\n height: number;\n orientation: Orientation;\n axisX: AxisSettingsDiscrete;\n axisY: AxisSettingsContinuous;\n frameType: FrameType;\n}\n\nexport function Grid({scaleX, scaleY, orientation, width, height, axisX, axisY, frameType}: GridProps) {\n const [ticksX, setTicksX] = useState<string[] \| number[]>(scaleX.domain());\n\n // set ticks count depending on chart size\n const range = Math.abs(scaleY.range()[0] - scaleY.range()[1]);\n const ticksCount = Math.min(Math.floor(range / MIN_TICK_STEP), 10);\n const [ticksY, setTicksY] = useState<string[] \| number[]>(scaleY.ticks(ticksCount));\n const halfXGroup = scaleX.bandwidth() / 2;\n const getXScaleShift = (d: string \| number) => (scaleX(d as string) ?? 0) + halfXGroup;\n const getYScaleShift = (d: string \| number) => scaleY(d as number);\n const isVertical = orientation === 'vertical';\n\n useEffect(() => {\n const ticksX = scaleX.domain();\n const ticksY = scaleY.ticks(ticksCount);\n\n setTicksX(ticksX);\n setTicksY(ticksY);\n }, [scaleX, scaleY]);\n\n return (\n <g stroke={GRID_GRAY}>\n {axisX.showGrid &&\n ticksX.map(tick => {\n const x = getXScaleShift(tick) + (axisX.linesBetweenCategories ? halfXGroup : 0);\n return (\n <line\n key={`x_${tick}`}\n x1={isVertical ? x : 0}\n x2={isVertical ? x : width}\n y1={isVertical ? 0 : x}\n y2={isVertical ? height : x}\n />\n );\n })}\n {axisY.showGrid &&\n ticksY.map(tick => {\n const y = getYScaleShift(tick);\n return (\n <line\n key={`y_${tick}`}\n x1={isVertical ? 0 : y}\n x2={isVertical ? width : y}\n y1={isVertical ? y : 0}\n y2={isVertical ? y : height}\n />\n );\n })}\n {frameType !== 'empty' && (\n <g strokeWidth={GRID_FRAME_WIDTH}>\n {(axisX.showGrid \|\| frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n {(axisX.showGrid \|\| frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n {(axisX.showGrid \|\| frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n {(axisY.showGrid \|\| frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n </g>\n )}\n </g>\n );\n}\n"],"names":["GRID_FRAME_WIDTH","Grid","scaleX","scaleY","orientation","width","height","axisX","axisY","frameType","ticksX","setTicksX","useState","range","ticksCount","MIN_TICK_STEP","ticksY","setTicksY","halfXGroup","getXScaleShift","d","getYScaleShift","isVertical","useEffect","jsxs","GRID_GRAY","tick","x","jsx","y","BLACK"],"mappings":"~~;;;;~~AAQA,~~MAAMA~~,IAAmB;~~AAalB~~,~~SAASC~~,EAAK,EAAC,~~QAAAC~~,~~GAAQ~~,~~QAAAC~~,~~GAAQ~~,~~aAAAC~~,~~GAAa~~,~~OAAAC~~,~~GAAO,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,WAAAC,KAAuB~~;~~AACnG~~,~~QAAM~~,~~CAACC~~,~~GAAQC~~,~~CAAS~~,~~IAAIC~~,~~EAAAA,SAA8BV,~~EAAO,QAAQ,~~GAGnEW~~,IAAQ,KAAK,~~IAAIV~~,EAAO,~~MAAA~~,~~EAAQ,~~CAAC,~~IAAIA~~,EAAO,~~MAAA~~,~~EAAQ,~~CAAC,~~CAAC~~,~~GACtDW~~,IAAa,KAAK,IAAI,KAAK,~~MAAMD~~,~~IAAQE~~,~~CAAa~~,~~GAAG,~~EAAE,~~GAC3D~~,~~CAACC~~,~~GAAQC~~,~~CAAS~~,~~IAAIL~~,~~EAAAA~~,~~SAA8BT,~~EAAO,~~MAAMW~~,~~CAAU~~,CAAC,~~GAC5EI~~,~~IAAahB~~,EAAO,~~UAAA~~,~~IAAc~~,~~GAClCiB~~,~~IAAiB~~,~~CAACC~~,~~OAAwBlB~~,~~EAAOkB~~,~~CAAW~~,KAAK,~~KAAKF~~,~~GACtEG~~,~~IAAiB~~,~~CAACD~~,~~MAAuBjB~~,~~EAAOiB~~,~~CAAW~~,~~GAC3DE,IAAalB,~~MAAgB;~~AAEnCmB~~,~~SAAAA~~,~~EAAAA,UAAU,MAAM~~;~~AACZ~~,~~UAAMb~~,~~IAASR~~,EAAO,~~OAAA~~,~~GAChBc~~,~~IAASb~~,EAAO,~~MAAMW~~,~~CAAU~~;~~AAEtC~~,~~IAAAH~~,~~EAAUD~~,~~CAAM~~,~~GAChBO~~,~~EAAUD~~,~~CAAM~~;~~AAAA~~,~~EACpB~~,~~GAAG~~,~~CAACd~~,~~GAAQC,CAAM,~~CAAC,~~GAGfqB~~,~~gBAAAA~~,~~EAAAA~~,~~KAAC,KAAA,EAAE,QAAQC,GACN,UAAA~~;~~AAAA~~,~~IAAAlB,~~EAAM,~~YACHG~~,EAAO,~~IAAI~~,~~CAAAgB,~~MAAQ;~~AACf~~,~~YAAMC~~,~~IAAIR~~,~~EAAeO~~,~~CAAI~~,~~KAAKnB~~,EAAM,~~yBAAyBW~~,IAAa;AAC9E,~~aACIU~~,~~gBAAAA~~,~~EAAAA~~;~~AAAAA~~,~~QAAC;AAAA~~,~~QAAA;AAAA~~,~~UAEG,IAAIN,IAAaK,~~IAAI;~~AAAA~~,~~UACrB~~,~~IAAIL~~,~~IAAaK,IAAItB~~;~~AAAA~~,~~UACrB~~,~~IAAIiB,~~IAAa,~~IAAIK~~;~~AAAA~~,~~UACrB~~,~~IAAIL~~,~~IAAahB,IAASqB~~;~~AAAA~~,~~QAAA;AAAA~~,~~QAJrB~~,~~KAAKD,CAAI~~;~~AAAA,MAAA~~;~~AAAA~~,~~IAO1B,CAAC;AAAA,IACJlB,~~EAAM,~~YACHQ~~,EAAO,~~IAAI~~,~~CAAAU,~~MAAQ;~~AACf~~,~~YAAMG~~,~~IAAIR~~,~~EAAeK~~,~~CAAI~~;~~AAC7B~~,~~aACIE~~,~~gBAAAA~~,~~EAAAA~~;~~AAAAA~~,~~QAAC;AAAA~~,~~QAAA;AAAA,UAEG,IAAIN,~~IAAa,~~IAAIO~~;~~AAAA~~,~~UACrB~~,~~IAAIP~~,~~IAAajB,IAAQwB~~;~~AAAA~~,~~UACzB~~,~~IAAIP~~,~~IAAaO,~~IAAI;~~AAAA~~,~~UACrB~~,~~IAAIP~~,~~IAAaO,IAAIvB~~;~~AAAA~~,~~QAAA;AAAA~~,~~QAJhB~~,~~KAAKoB,CAAI~~;~~AAAA,MAAA~~;~~AAAA~~,~~IAO1B,CAAC;AAAA,IACJjB,~~MAAc,~~WACXe~~,~~gBAAAA~~,~~OAAC~~,~~KAAA,EAAE,aAAaxB,GACV,UAAA~~;~~AAAA~~,~~OAAAO,~~EAAM,~~YAAYE~~,MAAc,~~WAAWmB~~,~~gBAAAA~~,~~EAAAA~~,~~IAAC~~,~~QAAA,EAAK,QAAQnB,~~MAAc,~~SAASgB~~,~~IAAYK~~,~~GAAO,~~IAAG,~~KAAI~~,~~IAAIzB~~,~~GAAO~~,~~IAAIC,GAAQ,IAAIA,GAAQ~~;~~AAAA~~,~~OAC7IC,~~EAAM,~~YAAYE~~,MAAc,~~aAAamB~~,~~gBAAAA~~,~~EAAAA~~,~~IAAC~~,~~QAAA,EAAK,QAAQnB,~~MAAc,~~WAAWgB~~,~~IAAYK~~,~~GAAO,~~IAAG,~~KAAI,~~IAAG,~~KAAI,~~IAAG,~~KAAI~~,~~IAAIxB,GAAQ~~;~~AAAA~~,~~OACxIC,~~EAAM,~~YAAYE~~,MAAc,~~WAAWmB~~,~~gBAAAA~~,~~EAAAA~~,~~IAAC~~,~~QAAA,EAAK,QAAQnB,~~MAAc,~~SAASqB~~,~~IAAQL~~,~~GAAW~~,~~IAAIpB~~,~~GAAO,IAAIA,GAAO,~~IAAG,~~KAAI~~,~~IAAIC,GAAQ~~;~~AAAA~~,~~OAC5IE,~~EAAM,~~YAAYC~~,MAAc,~~WAAWmB~~,~~gBAAAA~~,~~EAAAA~~,~~IAAC~~,~~QAAA,EAAK,QAAQnB,~~MAAc,~~SAASqB~~,~~IAAQL~~,~~GAAW,~~IAAG,~~KAAI~~,~~IAAIpB,GAAO,~~IAAG,~~KAAI,~~IAAG~~,IAAA,CAAI~~;~~AAAA~~,~~IAAA,EAAA,CACzI~~;~~AAAA,EAAA,~~GAER~~;AAER;~~"}
1	+ {"version":3,"file":"Grid.js","names":[],"sources":["../../../src/discrete/components/Grid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../../constants';\nimport {MIN_TICK_STEP} from '../constants';\nimport type {AxisSettingsContinuous, AxisSettingsDiscrete, FrameType} from '../../types';\nimport type {Orientation} from '../../types';\nimport type {ScaleBand, ScaleLinear, ScaleLogarithmic} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n scaleY: ScaleLinear<number, number> \| ScaleLogarithmic<number, number>;\n scaleX: ScaleBand<string>;\n width: number;\n height: number;\n orientation: Orientation;\n axisX: AxisSettingsDiscrete;\n axisY: AxisSettingsContinuous;\n frameType: FrameType;\n}\n\nexport function Grid({scaleX, scaleY, orientation, width, height, axisX, axisY, frameType}: GridProps) {\n const [ticksX, setTicksX] = useState<string[] \| number[]>(scaleX.domain());\n\n // set ticks count depending on chart size\n const range = Math.abs(scaleY.range()[0] - scaleY.range()[1]);\n const ticksCount = Math.min(Math.floor(range / MIN_TICK_STEP), 10);\n const [ticksY, setTicksY] = useState<string[] \| number[]>(scaleY.ticks(ticksCount));\n const halfXGroup = scaleX.bandwidth() / 2;\n const getXScaleShift = (d: string \| number) => (scaleX(d as string) ?? 0) + halfXGroup;\n const getYScaleShift = (d: string \| number) => scaleY(d as number);\n const isVertical = orientation === 'vertical';\n\n useEffect(() => {\n const ticksX = scaleX.domain();\n const ticksY = scaleY.ticks(ticksCount);\n\n setTicksX(ticksX);\n setTicksY(ticksY);\n }, [scaleX, scaleY]);\n\n return (\n <g stroke={GRID_GRAY}>\n {axisX.showGrid &&\n ticksX.map(tick => {\n const x = getXScaleShift(tick) + (axisX.linesBetweenCategories ? halfXGroup : 0);\n return (\n <line\n key={`x_${tick}`}\n x1={isVertical ? x : 0}\n x2={isVertical ? x : width}\n y1={isVertical ? 0 : x}\n y2={isVertical ? height : x}\n />\n );\n })}\n {axisY.showGrid &&\n ticksY.map(tick => {\n const y = getYScaleShift(tick);\n return (\n <line\n key={`y_${tick}`}\n x1={isVertical ? 0 : y}\n x2={isVertical ? width : y}\n y1={isVertical ? y : 0}\n y2={isVertical ? y : height}\n />\n );\n })}\n {frameType !== 'empty' && (\n <g strokeWidth={GRID_FRAME_WIDTH}>\n {(axisX.showGrid \|\| frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n {(axisX.showGrid \|\| frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n {(axisX.showGrid \|\| frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n {(axisY.showGrid \|\| frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n </g>\n )}\n </g>\n );\n}\n"],"mappings":";;;AAQA,IAAM,IAAmB;AAazB,SAAgB,EAAK,EAAC,WAAQ,WAAQ,gBAAa,UAAO,WAAQ,UAAO,UAAO,gBAAuB;CACnG,IAAM,CAAC,GAAQ,KAAa,EAA8B,EAAO,QAAQ,CAAC,EAGpE,IAAQ,KAAK,IAAI,EAAO,OAAO,CAAC,KAAK,EAAO,OAAO,CAAC,GAAG,EACvD,IAAa,KAAK,IAAI,KAAK,MAAM,IAAA,GAAsB,EAAE,GAAG,EAC5D,CAAC,GAAQ,KAAa,EAA8B,EAAO,MAAM,EAAW,CAAC,EAC7E,IAAa,EAAO,WAAW,GAAG,GAClC,KAAkB,OAAwB,EAAO,EAAY,IAAI,KAAK,GACtE,KAAkB,MAAuB,EAAO,EAAY,EAC5D,IAAa,MAAgB;AAUnC,QARA,QAAgB;EACZ,IAAM,IAAS,EAAO,QAAQ,EACxB,IAAS,EAAO,MAAM,EAAW;AAGvC,EADA,EAAU,EAAO,EACjB,EAAU,EAAO;IAClB,CAAC,GAAQ,EAAO,CAAC,EAGhB,kBAAC,KAAD;EAAG,QAAQ;YAAX;GACK,EAAM,YACH,EAAO,KAAI,MAAQ;IACf,IAAM,IAAI,EAAe,EAAK,IAAI,EAAM,yBAAyB,IAAa;AAC9E,WACI,kBAAC,QAAD;KAEI,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAS;KAC5B,EALO,KAAK,IAKZ;KAER;GACL,EAAM,YACH,EAAO,KAAI,MAAQ;IACf,IAAM,IAAI,EAAe,EAAK;AAC9B,WACI,kBAAC,QAAD;KAEI,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAQ;KACzB,IAAI,IAAa,IAAI;KACrB,IAAI,IAAa,IAAI;KACvB,EALO,KAAK,IAKZ;KAER;GACL,MAAc,WACX,kBAAC,KAAD;IAAG,aAAa;cAAhB;MACM,EAAM,YAAY,MAAc,WAAW,kBAAC,QAAD;MAAM,QAAQ,MAAc,SAAA,YAAA;MAA4B,IAAG;MAAI,IAAI;MAAO,IAAI;MAAQ,IAAI;MAAU,CAAA;MAC/I,EAAM,YAAY,MAAc,aAAa,kBAAC,QAAD;MAAM,QAAQ,MAAc,WAAA,YAAA;MAA8B,IAAG;MAAI,IAAG;MAAI,IAAG;MAAI,IAAI;MAAU,CAAA;MAC1I,EAAM,YAAY,MAAc,WAAW,kBAAC,QAAD;MAAM,QAAQ,MAAc,SAAA,YAAA;MAA4B,IAAI;MAAO,IAAI;MAAO,IAAG;MAAI,IAAI;MAAU,CAAA;MAC9I,EAAM,YAAY,MAAc,WAAW,kBAAC,QAAD;MAAM,QAAQ,MAAc,SAAA,YAAA;MAA4B,IAAG;MAAI,IAAI;MAAO,IAAG;MAAI,IAAG;MAAM,CAAA;KACvI;;GAER"}

package/dist/discrete/components/NumberAxis.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberAxis.d.ts","sourceRoot":"","sources":["../../../src/discrete/components/NumberAxis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE5D,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5E,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,UAAU,~~iFAQpB~~;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CAgDA,CAAC"}
1	+ {"version":3,"file":"NumberAxis.d.ts","sourceRoot":"","sources":["../../../src/discrete/components/NumberAxis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE5D,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5E,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,UAAU,GAAI,8EAQxB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CAgDA,CAAC"}