@alfalab/core-components-chart 3.4.11 → 3.4.12-snapshot-1393ffa
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.
- package/Component.js +23 -28
- package/Component.js.map +1 -0
- package/components/CustomizedLabel.js +3 -2
- package/components/CustomizedLabel.js.map +1 -0
- package/components/Dot/index.css +7 -8
- package/components/Dot/index.js +8 -9
- package/components/Dot/index.js.map +1 -0
- package/components/Dot/index.module.css.js +8 -0
- package/components/Dot/index.module.css.js.map +1 -0
- package/components/Legends/index.css +9 -31
- package/components/Legends/index.js +16 -17
- package/components/Legends/index.js.map +1 -0
- package/components/Legends/index.module.css.js +8 -0
- package/components/Legends/index.module.css.js.map +1 -0
- package/components/LinearGradient.js +1 -0
- package/components/LinearGradient.js.map +1 -0
- package/components/RectBar.js +3 -2
- package/components/RectBar.js.map +1 -0
- package/components/Tick/index.css +5 -27
- package/components/Tick/index.js +5 -6
- package/components/Tick/index.js.map +1 -0
- package/components/Tick/index.module.css.js +8 -0
- package/components/Tick/index.module.css.js.map +1 -0
- package/components/TooltipContent/index.css +14 -33
- package/components/TooltipContent/index.js +10 -11
- package/components/TooltipContent/index.js.map +1 -0
- package/components/TooltipContent/index.module.css.js +8 -0
- package/components/TooltipContent/index.module.css.js.map +1 -0
- package/cssm/Component.js +19 -22
- package/cssm/Component.js.map +1 -0
- package/cssm/components/CustomizedLabel.js +3 -2
- package/cssm/components/CustomizedLabel.js.map +1 -0
- package/cssm/components/Dot/index.js +3 -2
- package/cssm/components/Dot/index.js.map +1 -0
- package/cssm/components/Legends/index.js +12 -11
- package/cssm/components/Legends/index.js.map +1 -0
- package/cssm/components/Legends/index.module.css +3 -24
- package/cssm/components/LinearGradient.js +1 -0
- package/cssm/components/LinearGradient.js.map +1 -0
- package/cssm/components/RectBar.js +3 -2
- package/cssm/components/RectBar.js.map +1 -0
- package/cssm/components/Tick/index.js +1 -0
- package/cssm/components/Tick/index.js.map +1 -0
- package/cssm/components/Tick/index.module.css +3 -24
- package/cssm/components/TooltipContent/index.js +5 -4
- package/cssm/components/TooltipContent/index.js.map +1 -0
- package/cssm/components/TooltipContent/index.module.css +9 -27
- package/cssm/hoc/Customized.js +18 -0
- package/cssm/hoc/Customized.js.map +1 -0
- package/cssm/hooks/usePathBar/index.js +4 -3
- package/cssm/hooks/usePathBar/index.js.map +1 -0
- package/cssm/hooks/usePathBar/utils/getRadius.js +1 -0
- package/cssm/hooks/usePathBar/utils/getRadius.js.map +1 -0
- package/cssm/hooks/useSettings/index.js +11 -10
- package/cssm/hooks/useSettings/index.js.map +1 -0
- package/cssm/hooks/useSettings/utils/setComposedChartsMargin.js +1 -0
- package/cssm/hooks/useSettings/utils/setComposedChartsMargin.js.map +1 -0
- package/cssm/hooks/useSettings/utils/setDatas.js +1 -0
- package/cssm/hooks/useSettings/utils/setDatas.js.map +1 -0
- package/cssm/hooks/useSettings/utils/setGradientCharts.js +1 -0
- package/cssm/hooks/useSettings/utils/setGradientCharts.js.map +1 -0
- package/cssm/hooks/useSettings/utils/setLegendMargin.js +1 -0
- package/cssm/hooks/useSettings/utils/setLegendMargin.js.map +1 -0
- package/cssm/hooks/useSettings/utils/sortByIndex.js +1 -0
- package/cssm/hooks/useSettings/utils/sortByIndex.js.map +1 -0
- package/cssm/icons/Circle.js +1 -0
- package/cssm/icons/Circle.js.map +1 -0
- package/cssm/icons/CircleLine.js +1 -0
- package/cssm/icons/CircleLine.js.map +1 -0
- package/cssm/icons/FilledCircle.js +1 -0
- package/cssm/icons/FilledCircle.js.map +1 -0
- package/cssm/icons/Point.js +1 -0
- package/cssm/icons/Point.js.map +1 -0
- package/cssm/icons/StrokeCircle.js +1 -0
- package/cssm/icons/StrokeCircle.js.map +1 -0
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +3 -24
- package/cssm/src/Component.d.ts +6 -0
- package/cssm/src/components/CustomizedLabel.d.ts +2 -0
- package/cssm/src/components/Dot/index.d.ts +3 -0
- package/cssm/src/components/Legends/index.d.ts +13 -0
- package/cssm/src/components/LinearGradient.d.ts +3 -0
- package/cssm/src/components/RectBar.d.ts +2 -0
- package/cssm/src/components/Tick/index.d.ts +3 -0
- package/cssm/src/components/TooltipContent/index.d.ts +9 -0
- package/cssm/src/hoc/Customized.d.ts +2 -0
- package/cssm/src/hooks/usePathBar/index.d.ts +13 -0
- package/cssm/src/hooks/usePathBar/utils/getRadius.d.ts +1 -0
- package/cssm/{hooks → src/hooks}/useSettings/index.d.ts +5 -5
- package/cssm/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts +12 -0
- package/cssm/src/hooks/useSettings/utils/setDatas.d.ts +5 -0
- package/cssm/src/hooks/useSettings/utils/setGradientCharts.d.ts +2 -0
- package/cssm/src/hooks/useSettings/utils/setLegendMargin.d.ts +3 -0
- package/cssm/src/hooks/useSettings/utils/sortByIndex.d.ts +2 -0
- package/cssm/src/icons/Circle.d.ts +7 -0
- package/cssm/src/icons/CircleLine.d.ts +7 -0
- package/cssm/src/icons/FilledCircle.d.ts +7 -0
- package/cssm/src/icons/Point.d.ts +7 -0
- package/cssm/src/icons/StrokeCircle.d.ts +7 -0
- package/cssm/src/index.d.ts +2 -0
- package/cssm/{types → src/types}/brush.types.d.ts +1 -2
- package/{esm → cssm/src}/types/cartesianGrid.types.d.ts +1 -2
- package/{modern → cssm/src}/types/chart.types.d.ts +7 -7
- package/cssm/{types → src/types}/composedChart.types.d.ts +1 -2
- package/cssm/src/types/index.d.ts +14 -0
- package/cssm/src/types/labelList.types.d.ts +4 -0
- package/{modern → cssm/src}/types/legend.types.d.ts +1 -2
- package/{esm → cssm/src}/types/options.types.d.ts +10 -12
- package/{modern → cssm/src}/types/payload.types.d.ts +2 -3
- package/{esm → cssm/src}/types/responsiveContainer.types.d.ts +1 -3
- package/{modern → cssm/src}/types/seria.types.d.ts +6 -7
- package/{esm → cssm/src}/types/tooltip.types.d.ts +1 -2
- package/{modern → cssm/src}/types/utils/axis.types.d.ts +1 -2
- package/{esm → cssm/src}/types/utils/coordinates.types.d.ts +1 -2
- package/{esm → cssm/src}/types/utils/data.types.d.ts +3 -4
- package/{modern → cssm/src}/types/utils/dot.types.d.ts +6 -7
- package/cssm/{types → src/types}/utils/gradient.types.d.ts +2 -3
- package/cssm/src/types/utils/index.d.ts +6 -0
- package/{modern → cssm/src}/types/utils/tick.types.d.ts +2 -3
- package/{esm → cssm/src}/types/xAxis.types.d.ts +2 -3
- package/cssm/src/types/yAxis.types.d.ts +7 -0
- package/cssm/types/brush.types.js +1 -0
- package/cssm/types/brush.types.js.map +1 -0
- package/cssm/types/cartesianGrid.types.js +1 -0
- package/cssm/types/cartesianGrid.types.js.map +1 -0
- package/cssm/types/chart.types.js +1 -0
- package/cssm/types/chart.types.js.map +1 -0
- package/cssm/types/composedChart.types.js +1 -0
- package/cssm/types/composedChart.types.js.map +1 -0
- package/cssm/types/index.js +1 -0
- package/cssm/types/index.js.map +1 -0
- package/cssm/types/labelList.types.js +1 -0
- package/cssm/types/labelList.types.js.map +1 -0
- package/cssm/types/legend.types.js +1 -0
- package/cssm/types/legend.types.js.map +1 -0
- package/cssm/types/options.types.js +1 -0
- package/cssm/types/options.types.js.map +1 -0
- package/cssm/types/payload.types.js +1 -0
- package/cssm/types/payload.types.js.map +1 -0
- package/cssm/types/responsiveContainer.types.js +1 -0
- package/cssm/types/responsiveContainer.types.js.map +1 -0
- package/cssm/types/seria.types.js +1 -0
- package/cssm/types/seria.types.js.map +1 -0
- package/cssm/types/tooltip.types.js +1 -0
- package/cssm/types/tooltip.types.js.map +1 -0
- package/cssm/types/utils/axis.types.js +1 -0
- package/cssm/types/utils/axis.types.js.map +1 -0
- package/cssm/types/utils/coordinates.types.js +1 -0
- package/cssm/types/utils/coordinates.types.js.map +1 -0
- package/cssm/types/utils/data.types.js +1 -0
- package/cssm/types/utils/data.types.js.map +1 -0
- package/cssm/types/utils/dot.types.js +1 -0
- package/cssm/types/utils/dot.types.js.map +1 -0
- package/cssm/types/utils/gradient.types.js +1 -0
- package/cssm/types/utils/gradient.types.js.map +1 -0
- package/cssm/types/utils/index.js +1 -0
- package/cssm/types/utils/index.js.map +1 -0
- package/cssm/types/utils/tick.types.js +1 -0
- package/cssm/types/utils/tick.types.js.map +1 -0
- package/cssm/types/xAxis.types.js +1 -0
- package/cssm/types/xAxis.types.js.map +1 -0
- package/cssm/types/yAxis.types.js +1 -0
- package/cssm/types/yAxis.types.js.map +1 -0
- package/esm/Component.js +3 -8
- package/esm/Component.js.map +1 -0
- package/esm/components/CustomizedLabel.js +1 -0
- package/esm/components/CustomizedLabel.js.map +1 -0
- package/esm/components/Dot/index.css +7 -8
- package/esm/components/Dot/index.js +2 -3
- package/esm/components/Dot/index.js.map +1 -0
- package/esm/components/Dot/index.module.css.js +6 -0
- package/esm/components/Dot/index.module.css.js.map +1 -0
- package/esm/components/Legends/index.css +9 -31
- package/esm/components/Legends/index.js +2 -3
- package/esm/components/Legends/index.js.map +1 -0
- package/esm/components/Legends/index.module.css.js +6 -0
- package/esm/components/Legends/index.module.css.js.map +1 -0
- package/esm/components/LinearGradient.js +1 -0
- package/esm/components/LinearGradient.js.map +1 -0
- package/esm/components/RectBar.js +1 -0
- package/esm/components/RectBar.js.map +1 -0
- package/esm/components/Tick/index.css +5 -27
- package/esm/components/Tick/index.js +2 -3
- package/esm/components/Tick/index.js.map +1 -0
- package/esm/components/Tick/index.module.css.js +6 -0
- package/esm/components/Tick/index.module.css.js.map +1 -0
- package/esm/components/TooltipContent/index.css +14 -33
- package/esm/components/TooltipContent/index.js +2 -3
- package/esm/components/TooltipContent/index.js.map +1 -0
- package/esm/components/TooltipContent/index.module.css.js +6 -0
- package/esm/components/TooltipContent/index.module.css.js.map +1 -0
- package/esm/hoc/Customized.js +10 -0
- package/esm/hoc/Customized.js.map +1 -0
- package/esm/hooks/usePathBar/index.js +1 -0
- package/esm/hooks/usePathBar/index.js.map +1 -0
- package/esm/hooks/usePathBar/utils/getRadius.js +1 -0
- package/esm/hooks/usePathBar/utils/getRadius.js.map +1 -0
- package/esm/hooks/useSettings/index.js +1 -0
- package/esm/hooks/useSettings/index.js.map +1 -0
- package/esm/hooks/useSettings/utils/setComposedChartsMargin.js +1 -0
- package/esm/hooks/useSettings/utils/setComposedChartsMargin.js.map +1 -0
- package/esm/hooks/useSettings/utils/setDatas.js +1 -0
- package/esm/hooks/useSettings/utils/setDatas.js.map +1 -0
- package/esm/hooks/useSettings/utils/setGradientCharts.js +1 -0
- package/esm/hooks/useSettings/utils/setGradientCharts.js.map +1 -0
- package/esm/hooks/useSettings/utils/setLegendMargin.js +1 -0
- package/esm/hooks/useSettings/utils/setLegendMargin.js.map +1 -0
- package/esm/hooks/useSettings/utils/sortByIndex.js +1 -0
- package/esm/hooks/useSettings/utils/sortByIndex.js.map +1 -0
- package/esm/icons/Circle.js +1 -0
- package/esm/icons/Circle.js.map +1 -0
- package/esm/icons/CircleLine.js +1 -0
- package/esm/icons/CircleLine.js.map +1 -0
- package/esm/icons/FilledCircle.js +1 -0
- package/esm/icons/FilledCircle.js.map +1 -0
- package/esm/icons/Point.js +1 -0
- package/esm/icons/Point.js.map +1 -0
- package/esm/icons/StrokeCircle.js +1 -0
- package/esm/icons/StrokeCircle.js.map +1 -0
- package/esm/index.css +6 -28
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/esm/src/Component.d.ts +6 -0
- package/esm/src/components/CustomizedLabel.d.ts +2 -0
- package/esm/src/components/Dot/index.d.ts +3 -0
- package/esm/src/components/Legends/index.d.ts +13 -0
- package/esm/src/components/LinearGradient.d.ts +3 -0
- package/esm/src/components/RectBar.d.ts +2 -0
- package/esm/src/components/Tick/index.d.ts +3 -0
- package/esm/src/components/TooltipContent/index.d.ts +9 -0
- package/esm/src/hoc/Customized.d.ts +2 -0
- package/esm/src/hooks/usePathBar/index.d.ts +13 -0
- package/esm/src/hooks/usePathBar/utils/getRadius.d.ts +1 -0
- package/{hooks → esm/src/hooks}/useSettings/index.d.ts +5 -5
- package/esm/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts +12 -0
- package/esm/src/hooks/useSettings/utils/setDatas.d.ts +5 -0
- package/esm/src/hooks/useSettings/utils/setGradientCharts.d.ts +2 -0
- package/esm/src/hooks/useSettings/utils/setLegendMargin.d.ts +3 -0
- package/esm/src/hooks/useSettings/utils/sortByIndex.d.ts +2 -0
- package/esm/src/icons/Circle.d.ts +7 -0
- package/esm/src/icons/CircleLine.d.ts +7 -0
- package/esm/src/icons/FilledCircle.d.ts +7 -0
- package/esm/src/icons/Point.d.ts +7 -0
- package/esm/src/icons/StrokeCircle.d.ts +7 -0
- package/esm/src/index.d.ts +2 -0
- package/{modern → esm/src}/types/brush.types.d.ts +1 -2
- package/{modern → esm/src}/types/cartesianGrid.types.d.ts +1 -2
- package/{cssm → esm/src}/types/chart.types.d.ts +7 -7
- package/{modern → esm/src}/types/composedChart.types.d.ts +1 -2
- package/esm/src/types/index.d.ts +14 -0
- package/esm/src/types/labelList.types.d.ts +4 -0
- package/esm/{types → src/types}/legend.types.d.ts +1 -2
- package/{modern → esm/src}/types/options.types.d.ts +10 -12
- package/esm/{types → src/types}/payload.types.d.ts +2 -3
- package/{modern → esm/src}/types/responsiveContainer.types.d.ts +1 -3
- package/{moderncssm → esm/src}/types/seria.types.d.ts +6 -7
- package/{modern → esm/src}/types/tooltip.types.d.ts +1 -2
- package/esm/{types → src/types}/utils/axis.types.d.ts +1 -2
- package/{modern → esm/src}/types/utils/coordinates.types.d.ts +1 -2
- package/{modern → esm/src}/types/utils/data.types.d.ts +3 -4
- package/{cssm → esm/src}/types/utils/dot.types.d.ts +6 -7
- package/{modern → esm/src}/types/utils/gradient.types.d.ts +2 -3
- package/esm/src/types/utils/index.d.ts +6 -0
- package/esm/{types → src/types}/utils/tick.types.d.ts +2 -3
- package/{modern → esm/src}/types/xAxis.types.d.ts +2 -3
- package/esm/src/types/yAxis.types.d.ts +7 -0
- package/esm/types/brush.types.js +1 -0
- package/esm/types/brush.types.js.map +1 -0
- package/esm/types/cartesianGrid.types.js +1 -0
- package/esm/types/cartesianGrid.types.js.map +1 -0
- package/esm/types/chart.types.js +1 -0
- package/esm/types/chart.types.js.map +1 -0
- package/esm/types/composedChart.types.js +1 -0
- package/esm/types/composedChart.types.js.map +1 -0
- package/esm/types/index.js +1 -0
- package/esm/types/index.js.map +1 -0
- package/esm/types/labelList.types.js +1 -0
- package/esm/types/labelList.types.js.map +1 -0
- package/esm/types/legend.types.js +1 -0
- package/esm/types/legend.types.js.map +1 -0
- package/esm/types/options.types.js +1 -0
- package/esm/types/options.types.js.map +1 -0
- package/esm/types/payload.types.js +1 -0
- package/esm/types/payload.types.js.map +1 -0
- package/esm/types/responsiveContainer.types.js +1 -0
- package/esm/types/responsiveContainer.types.js.map +1 -0
- package/esm/types/seria.types.js +1 -0
- package/esm/types/seria.types.js.map +1 -0
- package/esm/types/tooltip.types.js +1 -0
- package/esm/types/tooltip.types.js.map +1 -0
- package/esm/types/utils/axis.types.js +1 -0
- package/esm/types/utils/axis.types.js.map +1 -0
- package/esm/types/utils/coordinates.types.js +1 -0
- package/esm/types/utils/coordinates.types.js.map +1 -0
- package/esm/types/utils/data.types.js +1 -0
- package/esm/types/utils/data.types.js.map +1 -0
- package/esm/types/utils/dot.types.js +1 -0
- package/esm/types/utils/dot.types.js.map +1 -0
- package/esm/types/utils/gradient.types.js +1 -0
- package/esm/types/utils/gradient.types.js.map +1 -0
- package/esm/types/utils/index.js +1 -0
- package/esm/types/utils/index.js.map +1 -0
- package/esm/types/utils/tick.types.js +1 -0
- package/esm/types/utils/tick.types.js.map +1 -0
- package/esm/types/xAxis.types.js +1 -0
- package/esm/types/xAxis.types.js.map +1 -0
- package/esm/types/yAxis.types.js +1 -0
- package/esm/types/yAxis.types.js.map +1 -0
- package/hoc/Customized.js +18 -0
- package/hoc/Customized.js.map +1 -0
- package/hooks/usePathBar/index.js +4 -3
- package/hooks/usePathBar/index.js.map +1 -0
- package/hooks/usePathBar/utils/getRadius.js +1 -0
- package/hooks/usePathBar/utils/getRadius.js.map +1 -0
- package/hooks/useSettings/index.js +11 -10
- package/hooks/useSettings/index.js.map +1 -0
- package/hooks/useSettings/utils/setComposedChartsMargin.js +1 -0
- package/hooks/useSettings/utils/setComposedChartsMargin.js.map +1 -0
- package/hooks/useSettings/utils/setDatas.js +1 -0
- package/hooks/useSettings/utils/setDatas.js.map +1 -0
- package/hooks/useSettings/utils/setGradientCharts.js +1 -0
- package/hooks/useSettings/utils/setGradientCharts.js.map +1 -0
- package/hooks/useSettings/utils/setLegendMargin.js +1 -0
- package/hooks/useSettings/utils/setLegendMargin.js.map +1 -0
- package/hooks/useSettings/utils/sortByIndex.js +1 -0
- package/hooks/useSettings/utils/sortByIndex.js.map +1 -0
- package/icons/Circle.js +1 -0
- package/icons/Circle.js.map +1 -0
- package/icons/CircleLine.js +1 -0
- package/icons/CircleLine.js.map +1 -0
- package/icons/FilledCircle.js +1 -0
- package/icons/FilledCircle.js.map +1 -0
- package/icons/Point.js +1 -0
- package/icons/Point.js.map +1 -0
- package/icons/StrokeCircle.js +1 -0
- package/icons/StrokeCircle.js.map +1 -0
- package/index.css +6 -28
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/modern/Component.js +3 -8
- package/modern/Component.js.map +1 -0
- package/modern/components/CustomizedLabel.js +1 -0
- package/modern/components/CustomizedLabel.js.map +1 -0
- package/modern/components/Dot/index.css +7 -8
- package/modern/components/Dot/index.js +2 -3
- package/modern/components/Dot/index.js.map +1 -0
- package/modern/components/Dot/index.module.css.js +6 -0
- package/modern/components/Dot/index.module.css.js.map +1 -0
- package/modern/components/Legends/index.css +9 -31
- package/modern/components/Legends/index.js +2 -3
- package/modern/components/Legends/index.js.map +1 -0
- package/modern/components/Legends/index.module.css.js +6 -0
- package/modern/components/Legends/index.module.css.js.map +1 -0
- package/modern/components/LinearGradient.js +1 -0
- package/modern/components/LinearGradient.js.map +1 -0
- package/modern/components/RectBar.js +1 -0
- package/modern/components/RectBar.js.map +1 -0
- package/modern/components/Tick/index.css +5 -27
- package/modern/components/Tick/index.js +2 -3
- package/modern/components/Tick/index.js.map +1 -0
- package/modern/components/Tick/index.module.css.js +6 -0
- package/modern/components/Tick/index.module.css.js.map +1 -0
- package/modern/components/TooltipContent/index.css +14 -33
- package/modern/components/TooltipContent/index.js +2 -3
- package/modern/components/TooltipContent/index.js.map +1 -0
- package/modern/components/TooltipContent/index.module.css.js +6 -0
- package/modern/components/TooltipContent/index.module.css.js.map +1 -0
- package/modern/hoc/Customized.js +10 -0
- package/modern/hoc/Customized.js.map +1 -0
- package/modern/hooks/usePathBar/index.js +1 -0
- package/modern/hooks/usePathBar/index.js.map +1 -0
- package/modern/hooks/usePathBar/utils/getRadius.js +1 -0
- package/modern/hooks/usePathBar/utils/getRadius.js.map +1 -0
- package/modern/hooks/useSettings/index.js +1 -0
- package/modern/hooks/useSettings/index.js.map +1 -0
- package/modern/hooks/useSettings/utils/setComposedChartsMargin.js +1 -0
- package/modern/hooks/useSettings/utils/setComposedChartsMargin.js.map +1 -0
- package/modern/hooks/useSettings/utils/setDatas.js +1 -0
- package/modern/hooks/useSettings/utils/setDatas.js.map +1 -0
- package/modern/hooks/useSettings/utils/setGradientCharts.js +1 -0
- package/modern/hooks/useSettings/utils/setGradientCharts.js.map +1 -0
- package/modern/hooks/useSettings/utils/setLegendMargin.js +1 -0
- package/modern/hooks/useSettings/utils/setLegendMargin.js.map +1 -0
- package/modern/hooks/useSettings/utils/sortByIndex.js +1 -0
- package/modern/hooks/useSettings/utils/sortByIndex.js.map +1 -0
- package/modern/icons/Circle.js +1 -0
- package/modern/icons/Circle.js.map +1 -0
- package/modern/icons/CircleLine.js +1 -0
- package/modern/icons/CircleLine.js.map +1 -0
- package/modern/icons/FilledCircle.js +1 -0
- package/modern/icons/FilledCircle.js.map +1 -0
- package/modern/icons/Point.js +1 -0
- package/modern/icons/Point.js.map +1 -0
- package/modern/icons/StrokeCircle.js +1 -0
- package/modern/icons/StrokeCircle.js.map +1 -0
- package/modern/index.css +6 -28
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/modern/src/Component.d.ts +6 -0
- package/modern/src/components/CustomizedLabel.d.ts +2 -0
- package/modern/src/components/Dot/index.d.ts +3 -0
- package/modern/src/components/Legends/index.d.ts +13 -0
- package/modern/src/components/LinearGradient.d.ts +3 -0
- package/modern/src/components/RectBar.d.ts +2 -0
- package/modern/src/components/Tick/index.d.ts +3 -0
- package/modern/src/components/TooltipContent/index.d.ts +9 -0
- package/modern/src/hoc/Customized.d.ts +2 -0
- package/modern/src/hooks/usePathBar/index.d.ts +13 -0
- package/modern/src/hooks/usePathBar/utils/getRadius.d.ts +1 -0
- package/{esm → modern/src}/hooks/useSettings/index.d.ts +5 -5
- package/modern/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts +12 -0
- package/modern/src/hooks/useSettings/utils/setDatas.d.ts +5 -0
- package/modern/src/hooks/useSettings/utils/setGradientCharts.d.ts +2 -0
- package/modern/src/hooks/useSettings/utils/setLegendMargin.d.ts +3 -0
- package/modern/src/hooks/useSettings/utils/sortByIndex.d.ts +2 -0
- package/modern/src/icons/Circle.d.ts +7 -0
- package/modern/src/icons/CircleLine.d.ts +7 -0
- package/modern/src/icons/FilledCircle.d.ts +7 -0
- package/modern/src/icons/Point.d.ts +7 -0
- package/modern/src/icons/StrokeCircle.d.ts +7 -0
- package/modern/src/index.d.ts +2 -0
- package/{moderncssm → modern/src}/types/brush.types.d.ts +1 -2
- package/{cssm → modern/src}/types/cartesianGrid.types.d.ts +1 -2
- package/{moderncssm → modern/src}/types/chart.types.d.ts +7 -7
- package/{esm → modern/src}/types/composedChart.types.d.ts +1 -2
- package/modern/src/types/index.d.ts +14 -0
- package/modern/src/types/labelList.types.d.ts +4 -0
- package/{moderncssm → modern/src}/types/legend.types.d.ts +1 -2
- package/{moderncssm → modern/src}/types/options.types.d.ts +10 -12
- package/{cssm → modern/src}/types/payload.types.d.ts +2 -3
- package/{cssm → modern/src}/types/responsiveContainer.types.d.ts +1 -3
- package/{esm → modern/src}/types/seria.types.d.ts +6 -7
- package/{moderncssm → modern/src}/types/tooltip.types.d.ts +1 -2
- package/{moderncssm → modern/src}/types/utils/axis.types.d.ts +1 -2
- package/{cssm → modern/src}/types/utils/coordinates.types.d.ts +1 -2
- package/{moderncssm → modern/src}/types/utils/data.types.d.ts +3 -4
- package/{esm → modern/src}/types/utils/dot.types.d.ts +6 -7
- package/{moderncssm → modern/src}/types/utils/gradient.types.d.ts +2 -3
- package/modern/src/types/utils/index.d.ts +6 -0
- package/{moderncssm → modern/src}/types/utils/tick.types.d.ts +2 -3
- package/{cssm → modern/src}/types/xAxis.types.d.ts +2 -3
- package/modern/src/types/yAxis.types.d.ts +7 -0
- package/modern/types/brush.types.js +1 -0
- package/modern/types/brush.types.js.map +1 -0
- package/modern/types/cartesianGrid.types.js +1 -0
- package/modern/types/cartesianGrid.types.js.map +1 -0
- package/modern/types/chart.types.js +1 -0
- package/modern/types/chart.types.js.map +1 -0
- package/modern/types/composedChart.types.js +1 -0
- package/modern/types/composedChart.types.js.map +1 -0
- package/modern/types/index.js +1 -0
- package/modern/types/index.js.map +1 -0
- package/modern/types/labelList.types.js +1 -0
- package/modern/types/labelList.types.js.map +1 -0
- package/modern/types/legend.types.js +1 -0
- package/modern/types/legend.types.js.map +1 -0
- package/modern/types/options.types.js +1 -0
- package/modern/types/options.types.js.map +1 -0
- package/modern/types/payload.types.js +1 -0
- package/modern/types/payload.types.js.map +1 -0
- package/modern/types/responsiveContainer.types.js +1 -0
- package/modern/types/responsiveContainer.types.js.map +1 -0
- package/modern/types/seria.types.js +1 -0
- package/modern/types/seria.types.js.map +1 -0
- package/modern/types/tooltip.types.js +1 -0
- package/modern/types/tooltip.types.js.map +1 -0
- package/modern/types/utils/axis.types.js +1 -0
- package/modern/types/utils/axis.types.js.map +1 -0
- package/modern/types/utils/coordinates.types.js +1 -0
- package/modern/types/utils/coordinates.types.js.map +1 -0
- package/modern/types/utils/data.types.js +1 -0
- package/modern/types/utils/data.types.js.map +1 -0
- package/modern/types/utils/dot.types.js +1 -0
- package/modern/types/utils/dot.types.js.map +1 -0
- package/modern/types/utils/gradient.types.js +1 -0
- package/modern/types/utils/gradient.types.js.map +1 -0
- package/modern/types/utils/index.js +1 -0
- package/modern/types/utils/index.js.map +1 -0
- package/modern/types/utils/tick.types.js +1 -0
- package/modern/types/utils/tick.types.js.map +1 -0
- package/modern/types/xAxis.types.js +1 -0
- package/modern/types/xAxis.types.js.map +1 -0
- package/modern/types/yAxis.types.js +1 -0
- package/modern/types/yAxis.types.js.map +1 -0
- package/moderncssm/Component.js +2 -5
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/CustomizedLabel.js +1 -0
- package/moderncssm/components/CustomizedLabel.js.map +1 -0
- package/moderncssm/components/Dot/index.js +1 -0
- package/moderncssm/components/Dot/index.js.map +1 -0
- package/moderncssm/components/Legends/index.js +1 -0
- package/moderncssm/components/Legends/index.js.map +1 -0
- package/moderncssm/components/Legends/index.module.css +0 -2
- package/moderncssm/components/LinearGradient.js +1 -0
- package/moderncssm/components/LinearGradient.js.map +1 -0
- package/moderncssm/components/RectBar.js +1 -0
- package/moderncssm/components/RectBar.js.map +1 -0
- package/moderncssm/components/Tick/index.js +1 -0
- package/moderncssm/components/Tick/index.js.map +1 -0
- package/moderncssm/components/Tick/index.module.css +0 -2
- package/moderncssm/components/TooltipContent/index.js +1 -0
- package/moderncssm/components/TooltipContent/index.js.map +1 -0
- package/moderncssm/components/TooltipContent/index.module.css +0 -2
- package/moderncssm/hoc/Customized.js +10 -0
- package/moderncssm/hoc/Customized.js.map +1 -0
- package/moderncssm/hooks/usePathBar/index.js +1 -0
- package/moderncssm/hooks/usePathBar/index.js.map +1 -0
- package/moderncssm/hooks/usePathBar/utils/getRadius.js +1 -0
- package/moderncssm/hooks/usePathBar/utils/getRadius.js.map +1 -0
- package/moderncssm/hooks/useSettings/index.js +1 -0
- package/moderncssm/hooks/useSettings/index.js.map +1 -0
- package/moderncssm/hooks/useSettings/utils/setComposedChartsMargin.js +1 -0
- package/moderncssm/hooks/useSettings/utils/setComposedChartsMargin.js.map +1 -0
- package/moderncssm/hooks/useSettings/utils/setDatas.js +1 -0
- package/moderncssm/hooks/useSettings/utils/setDatas.js.map +1 -0
- package/moderncssm/hooks/useSettings/utils/setGradientCharts.js +1 -0
- package/moderncssm/hooks/useSettings/utils/setGradientCharts.js.map +1 -0
- package/moderncssm/hooks/useSettings/utils/setLegendMargin.js +1 -0
- package/moderncssm/hooks/useSettings/utils/setLegendMargin.js.map +1 -0
- package/moderncssm/hooks/useSettings/utils/sortByIndex.js +1 -0
- package/moderncssm/hooks/useSettings/utils/sortByIndex.js.map +1 -0
- package/moderncssm/icons/Circle.js +1 -0
- package/moderncssm/icons/Circle.js.map +1 -0
- package/moderncssm/icons/CircleLine.js +1 -0
- package/moderncssm/icons/CircleLine.js.map +1 -0
- package/moderncssm/icons/FilledCircle.js +1 -0
- package/moderncssm/icons/FilledCircle.js.map +1 -0
- package/moderncssm/icons/Point.js +1 -0
- package/moderncssm/icons/Point.js.map +1 -0
- package/moderncssm/icons/StrokeCircle.js +1 -0
- package/moderncssm/icons/StrokeCircle.js.map +1 -0
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -2
- package/moderncssm/src/Component.d.ts +6 -0
- package/moderncssm/src/components/CustomizedLabel.d.ts +2 -0
- package/moderncssm/src/components/Dot/index.d.ts +3 -0
- package/moderncssm/src/components/Legends/index.d.ts +13 -0
- package/moderncssm/src/components/LinearGradient.d.ts +3 -0
- package/moderncssm/src/components/RectBar.d.ts +2 -0
- package/moderncssm/src/components/Tick/index.d.ts +3 -0
- package/moderncssm/src/components/TooltipContent/index.d.ts +9 -0
- package/moderncssm/src/hoc/Customized.d.ts +2 -0
- package/moderncssm/src/hooks/usePathBar/index.d.ts +13 -0
- package/moderncssm/src/hooks/usePathBar/utils/getRadius.d.ts +1 -0
- package/{modern → moderncssm/src}/hooks/useSettings/index.d.ts +5 -5
- package/moderncssm/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts +12 -0
- package/moderncssm/src/hooks/useSettings/utils/setDatas.d.ts +5 -0
- package/moderncssm/src/hooks/useSettings/utils/setGradientCharts.d.ts +2 -0
- package/moderncssm/src/hooks/useSettings/utils/setLegendMargin.d.ts +3 -0
- package/moderncssm/src/hooks/useSettings/utils/sortByIndex.d.ts +2 -0
- package/moderncssm/src/icons/Circle.d.ts +7 -0
- package/moderncssm/src/icons/CircleLine.d.ts +7 -0
- package/moderncssm/src/icons/FilledCircle.d.ts +7 -0
- package/moderncssm/src/icons/Point.d.ts +7 -0
- package/moderncssm/src/icons/StrokeCircle.d.ts +7 -0
- package/moderncssm/src/index.d.ts +2 -0
- package/{esm → moderncssm/src}/types/brush.types.d.ts +1 -2
- package/moderncssm/{types → src/types}/cartesianGrid.types.d.ts +1 -2
- package/{esm → moderncssm/src}/types/chart.types.d.ts +7 -7
- package/moderncssm/{types → src/types}/composedChart.types.d.ts +1 -2
- package/moderncssm/src/types/index.d.ts +14 -0
- package/moderncssm/src/types/labelList.types.d.ts +4 -0
- package/{cssm → moderncssm/src}/types/legend.types.d.ts +1 -2
- package/{cssm → moderncssm/src}/types/options.types.d.ts +10 -12
- package/moderncssm/{types → src/types}/payload.types.d.ts +2 -3
- package/moderncssm/{types → src/types}/responsiveContainer.types.d.ts +1 -3
- package/{cssm → moderncssm/src}/types/seria.types.d.ts +6 -7
- package/{cssm → moderncssm/src}/types/tooltip.types.d.ts +1 -2
- package/{cssm → moderncssm/src}/types/utils/axis.types.d.ts +1 -2
- package/moderncssm/{types → src/types}/utils/coordinates.types.d.ts +1 -2
- package/{cssm → moderncssm/src}/types/utils/data.types.d.ts +3 -4
- package/moderncssm/{types → src/types}/utils/dot.types.d.ts +6 -7
- package/{esm → moderncssm/src}/types/utils/gradient.types.d.ts +2 -3
- package/moderncssm/src/types/utils/index.d.ts +6 -0
- package/{cssm → moderncssm/src}/types/utils/tick.types.d.ts +2 -3
- package/moderncssm/{types → src/types}/xAxis.types.d.ts +2 -3
- package/moderncssm/src/types/yAxis.types.d.ts +7 -0
- package/moderncssm/types/brush.types.js +1 -0
- package/moderncssm/types/brush.types.js.map +1 -0
- package/moderncssm/types/cartesianGrid.types.js +1 -0
- package/moderncssm/types/cartesianGrid.types.js.map +1 -0
- package/moderncssm/types/chart.types.js +1 -0
- package/moderncssm/types/chart.types.js.map +1 -0
- package/moderncssm/types/composedChart.types.js +1 -0
- package/moderncssm/types/composedChart.types.js.map +1 -0
- package/moderncssm/types/index.js +1 -0
- package/moderncssm/types/index.js.map +1 -0
- package/moderncssm/types/labelList.types.js +1 -0
- package/moderncssm/types/labelList.types.js.map +1 -0
- package/moderncssm/types/legend.types.js +1 -0
- package/moderncssm/types/legend.types.js.map +1 -0
- package/moderncssm/types/options.types.js +1 -0
- package/moderncssm/types/options.types.js.map +1 -0
- package/moderncssm/types/payload.types.js +1 -0
- package/moderncssm/types/payload.types.js.map +1 -0
- package/moderncssm/types/responsiveContainer.types.js +1 -0
- package/moderncssm/types/responsiveContainer.types.js.map +1 -0
- package/moderncssm/types/seria.types.js +1 -0
- package/moderncssm/types/seria.types.js.map +1 -0
- package/moderncssm/types/tooltip.types.js +1 -0
- package/moderncssm/types/tooltip.types.js.map +1 -0
- package/moderncssm/types/utils/axis.types.js +1 -0
- package/moderncssm/types/utils/axis.types.js.map +1 -0
- package/moderncssm/types/utils/coordinates.types.js +1 -0
- package/moderncssm/types/utils/coordinates.types.js.map +1 -0
- package/moderncssm/types/utils/data.types.js +1 -0
- package/moderncssm/types/utils/data.types.js.map +1 -0
- package/moderncssm/types/utils/dot.types.js +1 -0
- package/moderncssm/types/utils/dot.types.js.map +1 -0
- package/moderncssm/types/utils/gradient.types.js +1 -0
- package/moderncssm/types/utils/gradient.types.js.map +1 -0
- package/moderncssm/types/utils/index.js +1 -0
- package/moderncssm/types/utils/index.js.map +1 -0
- package/moderncssm/types/utils/tick.types.js +1 -0
- package/moderncssm/types/utils/tick.types.js.map +1 -0
- package/moderncssm/types/xAxis.types.js +1 -0
- package/moderncssm/types/xAxis.types.js.map +1 -0
- package/moderncssm/types/yAxis.types.js +1 -0
- package/moderncssm/types/yAxis.types.js.map +1 -0
- package/package.json +4 -7
- package/src/Component.d.ts +6 -0
- package/src/components/CustomizedLabel.d.ts +2 -0
- package/src/components/Dot/index.d.ts +3 -0
- package/src/components/Legends/index.d.ts +13 -0
- package/src/components/LinearGradient.d.ts +3 -0
- package/src/components/RectBar.d.ts +2 -0
- package/src/components/Tick/index.d.ts +3 -0
- package/src/components/TooltipContent/index.d.ts +9 -0
- package/src/hoc/Customized.d.ts +2 -0
- package/src/hoc/Customized.tsx +8 -0
- package/src/hooks/usePathBar/index.d.ts +13 -0
- package/src/hooks/usePathBar/utils/getRadius.d.ts +1 -0
- package/src/hooks/useSettings/index.d.ts +19 -0
- package/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts +12 -0
- package/src/hooks/useSettings/utils/setDatas.d.ts +5 -0
- package/src/hooks/useSettings/utils/setGradientCharts.d.ts +2 -0
- package/src/hooks/useSettings/utils/setLegendMargin.d.ts +3 -0
- package/src/hooks/useSettings/utils/sortByIndex.d.ts +2 -0
- package/src/icons/Circle.d.ts +7 -0
- package/src/icons/CircleLine.d.ts +7 -0
- package/src/icons/FilledCircle.d.ts +7 -0
- package/src/icons/Point.d.ts +7 -0
- package/src/icons/StrokeCircle.d.ts +7 -0
- package/src/index.d.ts +2 -0
- package/src/types/brush.types.d.ts +40 -0
- package/src/types/cartesianGrid.types.d.ts +22 -0
- package/src/types/chart.types.d.ts +61 -0
- package/src/types/composedChart.types.d.ts +32 -0
- package/src/types/index.d.ts +14 -0
- package/src/types/labelList.types.d.ts +4 -0
- package/src/types/legend.types.d.ts +29 -0
- package/src/types/options.types.d.ts +57 -0
- package/src/types/payload.types.d.ts +28 -0
- package/src/types/responsiveContainer.types.d.ts +8 -0
- package/src/types/seria.types.d.ts +71 -0
- package/src/types/tooltip.types.d.ts +69 -0
- package/src/types/utils/axis.types.d.ts +67 -0
- package/src/types/utils/coordinates.types.d.ts +10 -0
- package/src/types/utils/data.types.d.ts +16 -0
- package/src/types/utils/dot.types.d.ts +72 -0
- package/src/types/utils/gradient.types.d.ts +28 -0
- package/src/types/utils/index.d.ts +6 -0
- package/src/types/utils/tick.types.d.ts +18 -0
- package/src/types/xAxis.types.d.ts +15 -0
- package/src/types/yAxis.types.d.ts +7 -0
- package/types/brush.types.js +1 -0
- package/types/brush.types.js.map +1 -0
- package/types/cartesianGrid.types.js +1 -0
- package/types/cartesianGrid.types.js.map +1 -0
- package/types/chart.types.js +1 -0
- package/types/chart.types.js.map +1 -0
- package/types/composedChart.types.js +1 -0
- package/types/composedChart.types.js.map +1 -0
- package/types/index.js +1 -0
- package/types/index.js.map +1 -0
- package/types/labelList.types.js +1 -0
- package/types/labelList.types.js.map +1 -0
- package/types/legend.types.js +1 -0
- package/types/legend.types.js.map +1 -0
- package/types/options.types.js +1 -0
- package/types/options.types.js.map +1 -0
- package/types/payload.types.js +1 -0
- package/types/payload.types.js.map +1 -0
- package/types/responsiveContainer.types.js +1 -0
- package/types/responsiveContainer.types.js.map +1 -0
- package/types/seria.types.js +1 -0
- package/types/seria.types.js.map +1 -0
- package/types/tooltip.types.js +1 -0
- package/types/tooltip.types.js.map +1 -0
- package/types/utils/axis.types.js +1 -0
- package/types/utils/axis.types.js.map +1 -0
- package/types/utils/coordinates.types.js +1 -0
- package/types/utils/coordinates.types.js.map +1 -0
- package/types/utils/data.types.js +1 -0
- package/types/utils/data.types.js.map +1 -0
- package/types/utils/dot.types.js +1 -0
- package/types/utils/dot.types.js.map +1 -0
- package/types/utils/gradient.types.js +1 -0
- package/types/utils/gradient.types.js.map +1 -0
- package/types/utils/index.js +1 -0
- package/types/utils/index.js.map +1 -0
- package/types/utils/tick.types.js +1 -0
- package/types/utils/tick.types.js.map +1 -0
- package/types/xAxis.types.js +1 -0
- package/types/xAxis.types.js.map +1 -0
- package/types/yAxis.types.js +1 -0
- package/types/yAxis.types.js.map +1 -0
- package/Component.d.ts +0 -8
- package/components/CustomizedLabel.d.ts +0 -4
- package/components/Dot/index.d.ts +0 -5
- package/components/Legends/index.d.ts +0 -14
- package/components/LinearGradient.d.ts +0 -5
- package/components/RectBar.d.ts +0 -3
- package/components/Tick/index.d.ts +0 -5
- package/components/TooltipContent/index.d.ts +0 -11
- package/cssm/Component.d.ts +0 -8
- package/cssm/components/CustomizedLabel.d.ts +0 -4
- package/cssm/components/Dot/index.d.ts +0 -5
- package/cssm/components/Legends/index.d.ts +0 -14
- package/cssm/components/LinearGradient.d.ts +0 -5
- package/cssm/components/RectBar.d.ts +0 -3
- package/cssm/components/Tick/index.d.ts +0 -5
- package/cssm/components/TooltipContent/index.d.ts +0 -11
- package/cssm/hooks/usePathBar/index.d.ts +0 -14
- package/cssm/hooks/usePathBar/utils/getRadius.d.ts +0 -2
- package/cssm/hooks/useSettings/utils/setComposedChartsMargin.d.ts +0 -12
- package/cssm/hooks/useSettings/utils/setDatas.d.ts +0 -5
- package/cssm/hooks/useSettings/utils/setGradientCharts.d.ts +0 -3
- package/cssm/hooks/useSettings/utils/setLegendMargin.d.ts +0 -4
- package/cssm/hooks/useSettings/utils/sortByIndex.d.ts +0 -3
- package/cssm/icons/Circle.d.ts +0 -8
- package/cssm/icons/CircleLine.d.ts +0 -8
- package/cssm/icons/FilledCircle.d.ts +0 -8
- package/cssm/icons/Point.d.ts +0 -8
- package/cssm/icons/StrokeCircle.d.ts +0 -8
- package/cssm/index.d.ts +0 -2
- package/cssm/types/index.d.ts +0 -14
- package/cssm/types/labelList.types.d.ts +0 -5
- package/cssm/types/utils/index.d.ts +0 -7
- package/cssm/types/yAxis.types.d.ts +0 -8
- package/esm/Component.d.ts +0 -8
- package/esm/components/CustomizedLabel.d.ts +0 -4
- package/esm/components/Dot/index.d.ts +0 -5
- package/esm/components/Legends/index.d.ts +0 -14
- package/esm/components/LinearGradient.d.ts +0 -5
- package/esm/components/RectBar.d.ts +0 -3
- package/esm/components/Tick/index.d.ts +0 -5
- package/esm/components/TooltipContent/index.d.ts +0 -11
- package/esm/hooks/usePathBar/index.d.ts +0 -14
- package/esm/hooks/usePathBar/utils/getRadius.d.ts +0 -2
- package/esm/hooks/useSettings/utils/setComposedChartsMargin.d.ts +0 -12
- package/esm/hooks/useSettings/utils/setDatas.d.ts +0 -5
- package/esm/hooks/useSettings/utils/setGradientCharts.d.ts +0 -3
- package/esm/hooks/useSettings/utils/setLegendMargin.d.ts +0 -4
- package/esm/hooks/useSettings/utils/sortByIndex.d.ts +0 -3
- package/esm/icons/Circle.d.ts +0 -8
- package/esm/icons/CircleLine.d.ts +0 -8
- package/esm/icons/FilledCircle.d.ts +0 -8
- package/esm/icons/Point.d.ts +0 -8
- package/esm/icons/StrokeCircle.d.ts +0 -8
- package/esm/index.d.ts +0 -2
- package/esm/types/index.d.ts +0 -14
- package/esm/types/labelList.types.d.ts +0 -5
- package/esm/types/utils/index.d.ts +0 -7
- package/esm/types/yAxis.types.d.ts +0 -8
- package/hooks/usePathBar/index.d.ts +0 -14
- package/hooks/usePathBar/utils/getRadius.d.ts +0 -2
- package/hooks/useSettings/utils/setComposedChartsMargin.d.ts +0 -12
- package/hooks/useSettings/utils/setDatas.d.ts +0 -5
- package/hooks/useSettings/utils/setGradientCharts.d.ts +0 -3
- package/hooks/useSettings/utils/setLegendMargin.d.ts +0 -4
- package/hooks/useSettings/utils/sortByIndex.d.ts +0 -3
- package/icons/Circle.d.ts +0 -8
- package/icons/CircleLine.d.ts +0 -8
- package/icons/FilledCircle.d.ts +0 -8
- package/icons/Point.d.ts +0 -8
- package/icons/StrokeCircle.d.ts +0 -8
- package/index.d.ts +0 -2
- package/modern/Component.d.ts +0 -8
- package/modern/components/CustomizedLabel.d.ts +0 -4
- package/modern/components/Dot/index.d.ts +0 -5
- package/modern/components/Legends/index.d.ts +0 -14
- package/modern/components/LinearGradient.d.ts +0 -5
- package/modern/components/RectBar.d.ts +0 -3
- package/modern/components/Tick/index.d.ts +0 -5
- package/modern/components/TooltipContent/index.d.ts +0 -11
- package/modern/hooks/usePathBar/index.d.ts +0 -14
- package/modern/hooks/usePathBar/utils/getRadius.d.ts +0 -2
- package/modern/hooks/useSettings/utils/setComposedChartsMargin.d.ts +0 -12
- package/modern/hooks/useSettings/utils/setDatas.d.ts +0 -5
- package/modern/hooks/useSettings/utils/setGradientCharts.d.ts +0 -3
- package/modern/hooks/useSettings/utils/setLegendMargin.d.ts +0 -4
- package/modern/hooks/useSettings/utils/sortByIndex.d.ts +0 -3
- package/modern/icons/Circle.d.ts +0 -8
- package/modern/icons/CircleLine.d.ts +0 -8
- package/modern/icons/FilledCircle.d.ts +0 -8
- package/modern/icons/Point.d.ts +0 -8
- package/modern/icons/StrokeCircle.d.ts +0 -8
- package/modern/index.d.ts +0 -2
- package/modern/types/index.d.ts +0 -14
- package/modern/types/labelList.types.d.ts +0 -5
- package/modern/types/utils/index.d.ts +0 -7
- package/modern/types/yAxis.types.d.ts +0 -8
- package/moderncssm/Component.d.ts +0 -8
- package/moderncssm/components/CustomizedLabel.d.ts +0 -4
- package/moderncssm/components/Dot/index.d.ts +0 -5
- package/moderncssm/components/Legends/index.d.ts +0 -14
- package/moderncssm/components/LinearGradient.d.ts +0 -5
- package/moderncssm/components/RectBar.d.ts +0 -3
- package/moderncssm/components/Tick/index.d.ts +0 -5
- package/moderncssm/components/TooltipContent/index.d.ts +0 -11
- package/moderncssm/hooks/usePathBar/index.d.ts +0 -14
- package/moderncssm/hooks/usePathBar/utils/getRadius.d.ts +0 -2
- package/moderncssm/hooks/useSettings/index.d.ts +0 -19
- package/moderncssm/hooks/useSettings/utils/setComposedChartsMargin.d.ts +0 -12
- package/moderncssm/hooks/useSettings/utils/setDatas.d.ts +0 -5
- package/moderncssm/hooks/useSettings/utils/setGradientCharts.d.ts +0 -3
- package/moderncssm/hooks/useSettings/utils/setLegendMargin.d.ts +0 -4
- package/moderncssm/hooks/useSettings/utils/sortByIndex.d.ts +0 -3
- package/moderncssm/icons/Circle.d.ts +0 -8
- package/moderncssm/icons/CircleLine.d.ts +0 -8
- package/moderncssm/icons/FilledCircle.d.ts +0 -8
- package/moderncssm/icons/Point.d.ts +0 -8
- package/moderncssm/icons/StrokeCircle.d.ts +0 -8
- package/moderncssm/index.d.ts +0 -2
- package/moderncssm/types/index.d.ts +0 -14
- package/moderncssm/types/labelList.types.d.ts +0 -5
- package/moderncssm/types/utils/index.d.ts +0 -7
- package/moderncssm/types/yAxis.types.d.ts +0 -8
- package/src/hoc/Customized.jsx +0 -7
- package/types/brush.types.d.ts +0 -41
- package/types/cartesianGrid.types.d.ts +0 -23
- package/types/chart.types.d.ts +0 -61
- package/types/composedChart.types.d.ts +0 -33
- package/types/index.d.ts +0 -14
- package/types/labelList.types.d.ts +0 -5
- package/types/legend.types.d.ts +0 -30
- package/types/options.types.d.ts +0 -59
- package/types/payload.types.d.ts +0 -29
- package/types/responsiveContainer.types.d.ts +0 -10
- package/types/seria.types.d.ts +0 -72
- package/types/tooltip.types.d.ts +0 -70
- package/types/utils/axis.types.d.ts +0 -68
- package/types/utils/coordinates.types.d.ts +0 -11
- package/types/utils/data.types.d.ts +0 -17
- package/types/utils/dot.types.d.ts +0 -73
- package/types/utils/gradient.types.d.ts +0 -29
- package/types/utils/index.d.ts +0 -7
- package/types/utils/tick.types.d.ts +0 -19
- package/types/xAxis.types.d.ts +0 -16
- package/types/yAxis.types.d.ts +0 -8
|
@@ -1,37 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-dark-base-bg-primary: #121213;
|
|
5
|
-
--color-light-text-primary: rgba(3, 3, 6, 0.88);
|
|
6
|
-
}
|
|
7
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
8
|
-
} :root {
|
|
9
|
-
|
|
10
|
-
/* Hard */
|
|
11
|
-
|
|
12
|
-
/* Up */
|
|
13
|
-
|
|
14
|
-
/* Hard up */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
|
|
17
|
-
/* новые значения, используйте их */
|
|
18
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
21
|
-
|
|
22
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
24
|
-
} :root {
|
|
25
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
26
|
-
} /* сбрасывает синюю подсветку при нажатии */ .chart__tickText_7hhuu {
|
|
3
|
+
--color-light-text-primary: rgba(3, 3, 6, 0.88);
|
|
4
|
+
} .chart__tickText_kvfzq {
|
|
27
5
|
fill: var(--color-light-text-primary);
|
|
28
6
|
font-size: 16px;
|
|
29
7
|
line-height: 24px;
|
|
30
8
|
font-weight: 400;
|
|
31
|
-
} .
|
|
9
|
+
} .chart__circle_kvfzq {
|
|
32
10
|
opacity: 0.3;
|
|
33
11
|
fill: var(--color-dark-base-bg-primary);
|
|
34
|
-
} .
|
|
12
|
+
} .chart__circle_kvfzq {
|
|
35
13
|
opacity: 0.3;
|
|
36
14
|
fill: var(--color-dark-base-bg-primary);
|
|
37
15
|
}
|
package/components/Tick/index.js
CHANGED
|
@@ -4,15 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('classnames');
|
|
7
|
+
var index_module = require('./index.module.css.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
10
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
12
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
13
|
|
|
13
|
-
var styles = {"tickText":"chart__tickText_7hhuu","circle":"chart__circle_7hhuu"};
|
|
14
|
-
require('./index.css')
|
|
15
|
-
|
|
16
14
|
var Tick = function (_a) {
|
|
17
15
|
var y = _a.y, payload = _a.payload, tickFormatter = _a.tickFormatter, xAxis = _a.xAxis;
|
|
18
16
|
var radius = 4;
|
|
@@ -20,9 +18,10 @@ var Tick = function (_a) {
|
|
|
20
18
|
(xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)
|
|
21
19
|
? (radius / 2) * -1
|
|
22
20
|
: null;
|
|
23
|
-
return (React__default.default.createElement("g", { className: cn__default.default(
|
|
24
|
-
React__default.default.createElement("text", { className: cn__default.default(
|
|
25
|
-
React__default.default.createElement("circle", { r: radius, className: cn__default.default(
|
|
21
|
+
return (React__default.default.createElement("g", { className: cn__default.default(index_module.tick), opacity: '1', textAnchor: 'middle', transform: "translate(".concat(payload.coordinate, ", ").concat(y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2, ")") },
|
|
22
|
+
React__default.default.createElement("text", { className: cn__default.default(index_module.tickText), y: '30' }, tickFormatter ? tickFormatter(payload.value) : payload.value),
|
|
23
|
+
React__default.default.createElement("circle", { r: radius, className: cn__default.default(index_module.circle) })));
|
|
26
24
|
};
|
|
27
25
|
|
|
28
26
|
exports.Tick = Tick;
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Tick/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TickProps } from '../../types/utils/tick.types';\n\nimport styles from './index.module.css';\n\nexport const Tick = ({ y, payload, tickFormatter, xAxis }: TickProps) => {\n const radius = 4;\n\n const marginTick =\n xAxis?.tickMargin &&\n (xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)\n ? (radius / 2) * -1\n : null;\n\n return (\n <g\n className={cn(styles.tick)}\n opacity='1'\n textAnchor='middle'\n transform={`translate(${payload.coordinate}, ${\n y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2\n })`}\n >\n <text className={cn(styles.tickText)} y='30'>\n {tickFormatter ? tickFormatter(payload.value) : payload.value}\n </text>\n <circle r={radius} className={cn(styles.circle)} />\n </g>\n );\n};\n"],"names":["React","cn","styles"],"mappings":";;;;;;;;;;;;;AAOO,IAAM,IAAI,GAAG,UAAC,EAA+C,EAAA;QAA7C,CAAC,GAAA,EAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IACnD,IAAM,MAAM,GAAG,CAAC;IAEhB,IAAM,UAAU,GACZ,CAAA,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,UAAU;SAChB,KAAK,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,KAAK,CAAC;UACxE,CAAC,MAAM,GAAG,CAAC,IAAI;UACf,IAAI;IAEd,QACIA,4CACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,IAAI,CAAC,EAC1B,OAAO,EAAC,GAAG,EACX,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,YAAa,CAAA,MAAA,CAAA,OAAO,CAAC,UAAU,EAAA,IAAA,CAAA,CAAA,MAAA,CACtC,CAAC,IAAI,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,EACnE,GAAA,CAAA,EAAA;AAEH,QAAAF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAC,IAAI,EACvC,EAAA,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAC1D;AACP,QAAAF,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,CAAC,EAAI,CAAA,CACnD;AAEZ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/Tick/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n\n.tickText {\n fill: var(--color-light-text-primary);\n @mixin paragraph_primary_medium;\n}\n\n.circle {\n opacity: 0.3;\n fill: var(--color-dark-base-bg-primary);\n}\n\n.circle {\n opacity: 0.3;\n fill: var(--color-dark-base-bg-primary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
|
|
@@ -1,40 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-light-base-bg-primary: #fff;
|
|
5
|
-
--color-light-neutral-400: #d2d3d9;
|
|
6
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
7
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
+
--color-light-neutral-400: #d2d3d9;
|
|
8
4
|
} :root {
|
|
9
5
|
--shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
|
|
10
6
|
0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
/* Up */
|
|
15
|
-
|
|
16
|
-
/* Hard up */
|
|
17
|
-
} :root { /* deprecated */ /* deprecated */
|
|
18
|
-
--border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
7
|
+
} :root {
|
|
8
|
+
--border-radius-m: 8px;
|
|
21
9
|
--border-radius-8: var(--border-radius-m);
|
|
22
|
-
} :root {
|
|
23
|
-
--gap-s: 12px;
|
|
24
|
-
--gap-m: 16px;
|
|
25
|
-
--gap-3xs-neg: -2px;
|
|
26
|
-
|
|
27
|
-
/* новые значения, используйте их */
|
|
28
|
-
|
|
29
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
30
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
10
|
+
} :root {
|
|
11
|
+
--gap-s: 12px;
|
|
12
|
+
--gap-m: 16px;
|
|
13
|
+
--gap-3xs-neg: -2px;
|
|
31
14
|
--gap-0: 0px;
|
|
32
15
|
--gap-12: var(--gap-s);
|
|
33
16
|
--gap-16: var(--gap-m);
|
|
34
17
|
--gap-2-neg: var(--gap-3xs-neg);
|
|
35
|
-
}
|
|
36
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
37
|
-
} /* сбрасывает синюю подсветку при нажатии */ .chart__tooltip_903b4 {
|
|
18
|
+
} .chart__tooltip_dpi5o {
|
|
38
19
|
background-color: var(--color-light-base-bg-primary);
|
|
39
20
|
border: 1px solid var(--color-light-neutral-400);
|
|
40
21
|
box-shadow: var(--shadow-l);
|
|
@@ -42,15 +23,15 @@
|
|
|
42
23
|
padding: var(--gap-12) var(--gap-16);
|
|
43
24
|
pointer-events: none;
|
|
44
25
|
position: relative;
|
|
45
|
-
} .
|
|
26
|
+
} .chart__tooltipList_dpi5o {
|
|
46
27
|
position: relative;
|
|
47
28
|
z-index: 5;
|
|
48
29
|
list-style-type: none;
|
|
49
30
|
padding: var(--gap-0);
|
|
50
31
|
margin: var(--gap-0);
|
|
51
|
-
} .
|
|
32
|
+
} .chart__tooltipItem_dpi5o {
|
|
52
33
|
margin-bottom: 10px;
|
|
53
|
-
} .
|
|
34
|
+
} .chart__tooltipArrow_dpi5o {
|
|
54
35
|
position: absolute;
|
|
55
36
|
left: var(--gap-0);
|
|
56
37
|
top: 50%;
|
|
@@ -59,7 +40,7 @@
|
|
|
59
40
|
height: 10px;
|
|
60
41
|
border: 1px solid var(--color-light-neutral-400);
|
|
61
42
|
background-color: var(--color-light-base-bg-primary);
|
|
62
|
-
} .
|
|
43
|
+
} .chart__tooltipArrow_dpi5o:before {
|
|
63
44
|
content: '';
|
|
64
45
|
position: absolute;
|
|
65
46
|
left: var(--gap-2-neg);
|
|
@@ -69,7 +50,7 @@
|
|
|
69
50
|
border-style: solid;
|
|
70
51
|
border-width: 0 24px 24px 0;
|
|
71
52
|
border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
|
|
72
|
-
} .
|
|
53
|
+
} .chart__tooltipArrowRight_dpi5o {
|
|
73
54
|
left: 100%;
|
|
74
55
|
transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
|
|
75
56
|
}
|
|
@@ -5,34 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var coreComponentsTypography = require('@alfalab/core-components-typography');
|
|
8
|
+
var index_module = require('./index.module.css.js');
|
|
8
9
|
|
|
9
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
11
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
14
|
|
|
14
|
-
var styles = {"tooltip":"chart__tooltip_903b4","tooltipList":"chart__tooltipList_903b4","tooltipItem":"chart__tooltipItem_903b4","tooltipArrow":"chart__tooltipArrow_903b4","tooltipArrowRight":"chart__tooltipArrowRight_903b4"};
|
|
15
|
-
require('./index.css')
|
|
16
|
-
|
|
17
15
|
var TooltipContent = function (_a) {
|
|
18
16
|
var payload = _a.payload, separator = _a.separator, label = _a.label, tooltipArrowSide = _a.tooltipArrowSide, arrow = _a.arrow, series = _a.series, labelFormatter = _a.labelFormatter, labelStyle = _a.labelStyle;
|
|
19
17
|
if (!label || payload.length === 0)
|
|
20
18
|
return null;
|
|
21
|
-
return (React__default.default.createElement("div", { className: cn__default.default(
|
|
22
|
-
arrow && (React__default.default.createElement("span", { className: cn__default.default(
|
|
23
|
-
React__default.default.createElement("ul", { className: cn__default.default(
|
|
24
|
-
React__default.default.createElement("li", { className: cn__default.default(
|
|
25
|
-
React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(
|
|
19
|
+
return (React__default.default.createElement("div", { className: cn__default.default(index_module.tooltip) },
|
|
20
|
+
arrow && (React__default.default.createElement("span", { className: cn__default.default(index_module.tooltipArrow, tooltipArrowSide ? '' : index_module.tooltipArrowRight) })),
|
|
21
|
+
React__default.default.createElement("ul", { className: cn__default.default(index_module.tooltipList) },
|
|
22
|
+
React__default.default.createElement("li", { className: cn__default.default(index_module.tooltipItem), style: labelStyle },
|
|
23
|
+
React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
|
|
26
24
|
payload.map(function (entry) {
|
|
27
25
|
var data = series.find(function (d) { return d.properties.dataKey === entry.dataKey; });
|
|
28
26
|
if ((data === null || data === void 0 ? void 0 : data.hideTooltip) || (data === null || data === void 0 ? void 0 : data.hide))
|
|
29
27
|
return null;
|
|
30
|
-
return (React__default.default.createElement("li", { className: cn__default.default(
|
|
31
|
-
React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(
|
|
28
|
+
return (React__default.default.createElement("li", { className: cn__default.default(index_module.tooltipItem), key: entry.dataKey, style: { color: entry.color } },
|
|
29
|
+
React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipValue) },
|
|
32
30
|
(entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
|
|
33
31
|
separator || ' '),
|
|
34
|
-
React__default.default.createElement(coreComponentsTypography.Text, { view: 'secondary-large', tag: 'span', className: cn__default.default(
|
|
32
|
+
React__default.default.createElement(coreComponentsTypography.Text, { view: 'secondary-large', tag: 'span', className: cn__default.default(index_module.tooltipName) }, "".concat(entry.name))));
|
|
35
33
|
}))));
|
|
36
34
|
};
|
|
37
35
|
|
|
38
36
|
exports.TooltipContent = TooltipContent;
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { PayloadProps } from '../../types/payload.types';\nimport { SeriaProps } from '../../types/seria.types';\nimport { TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n payload: PayloadProps[];\n series: SeriaProps[];\n}\n\nexport const TooltipContent = ({\n payload,\n separator,\n label,\n tooltipArrowSide,\n arrow,\n series,\n labelFormatter,\n labelStyle,\n}: TooltipContentProps) => {\n if (!label || payload.length === 0) return null;\n\n return (\n <div className={cn(styles.tooltip)}>\n {arrow && (\n <span\n className={cn(\n styles.tooltipArrow,\n tooltipArrowSide ? '' : styles.tooltipArrowRight,\n )}\n />\n )}\n <ul className={cn(styles.tooltipList)}>\n <li className={cn(styles.tooltipItem)} style={labelStyle}>\n <Text\n view='primary-medium'\n tag='span'\n weight='medium'\n className={cn(styles.tooltipLabel)}\n >\n {labelFormatter ? labelFormatter(label) : label}\n </Text>\n </li>\n {payload.map((entry: PayloadProps) => {\n const data: SeriaProps | undefined = series.find(\n (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n );\n\n if (data?.hideTooltip || data?.hide) return null;\n\n return (\n <li\n className={cn(styles.tooltipItem)}\n key={entry.dataKey}\n style={{ color: entry.color }}\n >\n <Text\n view='primary-medium'\n tag='span'\n weight='medium'\n className={cn(styles.tooltipValue)}\n >\n {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n {separator || ' '}\n </Text>\n <Text\n view='secondary-large'\n tag='span'\n className={cn(styles.tooltipName)}\n >{`${entry.name}`}</Text>\n </li>\n );\n })}\n </ul>\n </div>\n );\n};\n"],"names":["React","cn","styles","Text"],"mappings":";;;;;;;;;;;;;;AAgBO,IAAM,cAAc,GAAG,UAAC,EAST,EAAA;QARlB,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;IAE/C,QACIA,8CAAK,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,CAAC,EAAA;QAC7B,KAAK,KACFF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,YAAY,EACnB,gBAAgB,GAAG,EAAE,GAAGA,YAAM,CAAC,iBAAiB,CACnD,EAAA,CACH,CACL;AACD,QAAAF,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,WAAW,CAAC,EAAA;YACjCF,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAA;AACpD,gBAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,SAAS,EAAEF,mBAAE,CAACC,YAAM,CAAC,YAAY,CAAC,EAAA,EAEjC,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAC5C,CACN;AACJ,YAAA,OAAO,CAAC,GAAG,CAAC,UAAC,KAAmB,EAAA;gBAC7B,IAAM,IAAI,GAA2B,MAAM,CAAC,IAAI,CAC5C,UAAC,CAAa,EAAA,EAAK,OAAA,CAAC,CAAC,UAAU,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,CAAA,EAAA,CAC5D;AAED,gBAAA,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,MAAI,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,IAAI,CAAA;AAAE,oBAAA,OAAO,IAAI;gBAEhD,QACIF,sBACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,WAAW,CAAC,EACjC,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAAA;oBAE7BF,sBAAC,CAAA,aAAA,CAAAG,6BAAI,IACD,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,SAAS,EAAEF,mBAAE,CAACC,YAAM,CAAC,YAAY,CAAC,EAAA;wBAEjC,CAAA,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,SAAS,IAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK;wBAC7D,SAAS,IAAI,GAAG,CACd;oBACPF,sBAAC,CAAA,aAAA,CAAAG,6BAAI,EACD,EAAA,IAAI,EAAC,iBAAiB,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAEF,mBAAE,CAACC,YAAM,CAAC,WAAW,CAAC,EAAA,EACnC,EAAG,CAAA,MAAA,CAAA,KAAK,CAAC,IAAI,CAAE,CAAQ,CACxB;AAEb,aAAC,CAAC,CACD,CACH;AAEd;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('./index.css');
|
|
4
|
+
|
|
5
|
+
var styles = {"tooltip":"chart__tooltip_dpi5o","tooltipList":"chart__tooltipList_dpi5o","tooltipItem":"chart__tooltipItem_dpi5o","tooltipArrow":"chart__tooltipArrow_dpi5o","tooltipArrowRight":"chart__tooltipArrowRight_dpi5o"};
|
|
6
|
+
|
|
7
|
+
module.exports = styles;
|
|
8
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/TooltipContent/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n\n.tooltip {\n background-color: var(--color-light-base-bg-primary);\n border: 1px solid var(--color-light-neutral-400);\n box-shadow: var(--shadow-l);\n border-radius: var(--border-radius-8);\n padding: var(--gap-12) var(--gap-16);\n pointer-events: none;\n position: relative;\n}\n\n.tooltipList {\n position: relative;\n z-index: 5;\n list-style-type: none;\n padding: var(--gap-0);\n margin: var(--gap-0);\n}\n\n.tooltipItem {\n margin-bottom: 10px;\n}\n\n.tooltipArrow {\n position: absolute;\n left: var(--gap-0);\n top: 50%;\n transform: translate(-50%, -50%) scale(1, 1) rotate(45deg);\n width: 10px;\n height: 10px;\n border: 1px solid var(--color-light-neutral-400);\n background-color: var(--color-light-base-bg-primary);\n}\n\n.tooltipArrow:before {\n content: '';\n position: absolute;\n left: var(--gap-2-neg);\n top: var(--gap-2-neg);\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 0 24px 24px 0;\n border-color: transparent var(--color-light-base-bg-primary) transparent transparent;\n}\n\n.tooltipArrowRight {\n left: 100%;\n transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,0BAA0B,CAAC,aAAa,CAAC,0BAA0B,CAAC,cAAc,CAAC,2BAA2B,CAAC,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}
|
package/cssm/Component.js
CHANGED
|
@@ -6,14 +6,15 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var recharts = require('recharts');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
9
|
+
var CustomizedLabel = require('./components/CustomizedLabel.js');
|
|
10
|
+
var index$4 = require('./components/Dot/index.js');
|
|
11
|
+
var index$1 = require('./components/Legends/index.js');
|
|
12
|
+
var LinearGradient = require('./components/LinearGradient.js');
|
|
13
|
+
var RectBar = require('./components/RectBar.js');
|
|
14
|
+
var index$2 = require('./components/Tick/index.js');
|
|
15
|
+
var index$3 = require('./components/TooltipContent/index.js');
|
|
16
|
+
var Customized = require('./hoc/Customized.js');
|
|
17
|
+
var index = require('./hooks/useSettings/index.js');
|
|
17
18
|
var styles = require('./index.module.css');
|
|
18
19
|
|
|
19
20
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -22,14 +23,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
22
23
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
23
24
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
24
25
|
|
|
25
|
-
var CustomizedHOC = function (Component, options) {
|
|
26
|
-
var NewComponent = function (props) { return React__default.default.createElement(Component, tslib.__assign({}, props, options)); };
|
|
27
|
-
return NewComponent;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
26
|
var Chart = function (props) {
|
|
31
27
|
var _a;
|
|
32
|
-
var _b =
|
|
28
|
+
var _b = index.useSettings(props), _c = _b[0], state = _c.state, data = _c.data, charts = _c.charts, filterCount = _c.filterCount, _d = _b[1], setCharts = _d.setCharts, setFilterCount = _d.setFilterCount;
|
|
33
29
|
var _e = React.useState({
|
|
34
30
|
prev: null,
|
|
35
31
|
active: null,
|
|
@@ -47,7 +43,7 @@ var Chart = function (props) {
|
|
|
47
43
|
if (chart !== 'gradient' || !gradient)
|
|
48
44
|
return null;
|
|
49
45
|
var gid = gradient.gid, points = gradient.points;
|
|
50
|
-
return (React__default.default.createElement(
|
|
46
|
+
return (React__default.default.createElement(LinearGradient.LinearGradient, { key: "".concat(state.id, "-").concat(gid), id: state.id, gid: gid, points: points }));
|
|
51
47
|
});
|
|
52
48
|
}, [state]);
|
|
53
49
|
var toggleChart = React.useCallback(function (item) {
|
|
@@ -87,7 +83,7 @@ var Chart = function (props) {
|
|
|
87
83
|
var translate = ((_a = state === null || state === void 0 ? void 0 : state.xAxis) === null || _a === void 0 ? void 0 : _a.tickMargin) && ((_b = state === null || state === void 0 ? void 0 : state.legend) === null || _b === void 0 ? void 0 : _b.verticalAlign) !== 'top'
|
|
88
84
|
? state.xAxis.tickMargin + (((_c = state === null || state === void 0 ? void 0 : state.brush) === null || _c === void 0 ? void 0 : _c.brushMargin) || 0)
|
|
89
85
|
: 0;
|
|
90
|
-
return (React__default.default.createElement(recharts.Legend, tslib.__assign({}, (state.legend || null), { content: React__default.default.createElement(
|
|
86
|
+
return (React__default.default.createElement(recharts.Legend, tslib.__assign({}, (state.legend || null), { content: React__default.default.createElement(index$1.Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
|
|
91
87
|
transform: "translateY(".concat(translate, "px)"),
|
|
92
88
|
} })));
|
|
93
89
|
}, [state, charts, toggleChart, legendRef]);
|
|
@@ -102,7 +98,7 @@ var Chart = function (props) {
|
|
|
102
98
|
return null;
|
|
103
99
|
var tick;
|
|
104
100
|
if (((_a = state === null || state === void 0 ? void 0 : state.xAxis) === null || _a === void 0 ? void 0 : _a.tickType) === 'point') {
|
|
105
|
-
tick = CustomizedHOC(
|
|
101
|
+
tick = Customized.CustomizedHOC(index$2.Tick, { xAxis: state.xAxis });
|
|
106
102
|
}
|
|
107
103
|
else if (typeof state.xAxis.tick === 'boolean') {
|
|
108
104
|
tick = state.xAxis.tick;
|
|
@@ -118,7 +114,7 @@ var Chart = function (props) {
|
|
|
118
114
|
return null;
|
|
119
115
|
var tick;
|
|
120
116
|
if ((_a = state === null || state === void 0 ? void 0 : state.yAxis) === null || _a === void 0 ? void 0 : _a.tick) {
|
|
121
|
-
tick = CustomizedHOC(state.yAxis.tick, { state: state });
|
|
117
|
+
tick = Customized.CustomizedHOC(state.yAxis.tick, { state: state });
|
|
122
118
|
}
|
|
123
119
|
else if (typeof state.yAxis.tick === 'boolean') {
|
|
124
120
|
tick = state.yAxis.tick;
|
|
@@ -136,7 +132,7 @@ var Chart = function (props) {
|
|
|
136
132
|
var renderTooltip = React.useMemo(function () {
|
|
137
133
|
if (!(state === null || state === void 0 ? void 0 : state.tooltip))
|
|
138
134
|
return null;
|
|
139
|
-
return (React__default.default.createElement(recharts.Tooltip, tslib.__assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(
|
|
135
|
+
return (React__default.default.createElement(recharts.Tooltip, tslib.__assign({ ref: tooltipRef }, state.tooltip, { content: Customized.CustomizedHOC(index$3.TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
|
|
140
136
|
}, [state, tooltipArrowSide]);
|
|
141
137
|
var renderChartsItems = React.useMemo(function () {
|
|
142
138
|
if (!state || !charts)
|
|
@@ -146,8 +142,8 @@ var Chart = function (props) {
|
|
|
146
142
|
var show = charts["".concat(properties.dataKey)];
|
|
147
143
|
switch (chart) {
|
|
148
144
|
case 'bar':
|
|
149
|
-
return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default.default.createElement(recharts.Bar, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React__default.default.createElement(
|
|
150
|
-
labelList && (React__default.default.createElement(recharts.LabelList, tslib.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default.default.createElement(
|
|
145
|
+
return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default.default.createElement(recharts.Bar, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React__default.default.createElement(RectBar.RectBar, { radius: radius }) }),
|
|
146
|
+
labelList && (React__default.default.createElement(recharts.LabelList, tslib.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default.default.createElement(CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
|
|
151
147
|
data.map(function (_, index) {
|
|
152
148
|
var key = "".concat(state.id, "-").concat(properties.dataKey, "-").concat(index);
|
|
153
149
|
return (React__default.default.createElement(recharts.Cell, { key: key, className: cn__default.default(styles__default.default.bar, typeof activeDotsState.active === 'number' &&
|
|
@@ -158,7 +154,7 @@ var Chart = function (props) {
|
|
|
158
154
|
case 'area':
|
|
159
155
|
case 'line':
|
|
160
156
|
return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default.default.createElement(recharts.Line, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { dot: properties.dot && properties.dotSettings
|
|
161
|
-
? CustomizedHOC(
|
|
157
|
+
? Customized.CustomizedHOC(index$4.Dot, {
|
|
162
158
|
activeDot: activeDotsState.active,
|
|
163
159
|
dotSettings: properties.dotSettings,
|
|
164
160
|
inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke)
|
|
@@ -265,3 +261,4 @@ Chart.displayName = 'Chart';
|
|
|
265
261
|
recharts.ResponsiveContainer.displayName = 'ResponsiveContainer';
|
|
266
262
|
|
|
267
263
|
exports.Chart = Chart;
|
|
264
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any,prefer-template */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport cn from 'classnames';\nimport {\n Area,\n Bar,\n Brush,\n CartesianGrid,\n Cell,\n ComposedChart,\n LabelList,\n Legend,\n Line,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { CustomizedLabel } from './components/CustomizedLabel';\nimport { Dot } from './components/Dot';\nimport { Legends } from './components/Legends';\nimport { LinearGradient } from './components/LinearGradient';\nimport { RectBar } from './components/RectBar';\nimport { Tick } from './components/Tick';\nimport { TooltipContent } from './components/TooltipContent';\nimport { CustomizedHOC } from './hoc/Customized';\nimport { useSettings } from './hooks/useSettings';\nimport {\n ActiveDotProps,\n CoordinatesProps,\n DataDynamicBooleanProps,\n DataDynamicProps,\n OptionsProps,\n SeriaProps,\n ToggleChartProps,\n} from './types';\n\nimport styles from './index.module.css';\n\nexport const Chart = (props: OptionsProps) => {\n const [{ state, data, charts, filterCount }, { setCharts, setFilterCount }] =\n useSettings(props);\n const [activeDotsState, setActiveDotsState] = useState<ActiveDotProps>({\n prev: null,\n active: null,\n });\n\n const [yBrush, setYBrush] = useState<number | null>(null);\n const [tooltipArrowSide, setTooltipArrowSide] = useState<boolean | null>(null);\n const [heightLegend, setHeightLegend] = useState<number>(0);\n\n const svgRef = useRef<HTMLDivElement>(null);\n const tooltipRef = useRef<any>(null);\n\n const renderGradient = useMemo(() => {\n if (!state) return null;\n\n return state.series.map((item: SeriaProps) => {\n const { chart, gradient } = item;\n\n if (chart !== 'gradient' || !gradient) return null;\n const { gid, points } = gradient;\n\n return (\n <LinearGradient\n key={`${state.id}-${gid}`}\n id={state.id}\n gid={gid}\n points={points}\n />\n );\n });\n }, [state]);\n\n const toggleChart = useCallback(\n (item: ToggleChartProps): void => {\n const {\n chart,\n properties: { dataKey },\n } = item;\n\n const withGrad = chart === 'area';\n let changed = false;\n\n if (charts[dataKey + ''] && filterCount > 1) {\n changed = true;\n setFilterCount((prev) => prev - 1);\n }\n\n if (!charts[dataKey + '']) {\n changed = true;\n setFilterCount((prev) => prev + 1);\n }\n\n if (!changed) return;\n setCharts((prev: DataDynamicBooleanProps) => {\n const newState = { ...prev };\n\n newState[dataKey + ''] = !newState[dataKey + ''];\n if (withGrad) newState[dataKey + '-gradient'] = !newState[dataKey + '-gradient'];\n\n return newState;\n });\n },\n [charts, filterCount, setCharts, setFilterCount],\n );\n\n const legendRef = useCallback((node: HTMLUListElement): void => {\n if (node !== null) {\n setTimeout(() => {\n const { height } = node.getBoundingClientRect();\n\n setHeightLegend(height);\n }, 0);\n }\n }, []);\n\n const renderLegend = useMemo((): React.ReactElement | null => {\n if (!state?.legend) return null;\n\n const translate =\n state?.xAxis?.tickMargin && state?.legend?.verticalAlign !== 'top'\n ? state.xAxis.tickMargin + (state?.brush?.brushMargin || 0)\n : 0;\n\n return (\n <Legend\n {...(state.legend || null)}\n content={\n <Legends\n legend={state.legend}\n series={state.series}\n id={state.id}\n toggleChart={toggleChart}\n ref={legendRef}\n charts={charts}\n />\n }\n wrapperStyle={{\n transform: `translateY(${translate}px)`,\n }}\n />\n );\n }, [state, charts, toggleChart, legendRef]);\n\n const renderCartesianGrid = useMemo((): React.ReactElement | null => {\n if (!state?.cartesianGrid) return null;\n\n return <CartesianGrid {...state.cartesianGrid} />;\n }, [state]);\n\n const renderXAxis = useMemo((): React.ReactElement | null => {\n if (!state?.xAxis) return null;\n\n let tick;\n\n if (state?.xAxis?.tickType === 'point') {\n tick = CustomizedHOC(Tick, { xAxis: state.xAxis });\n } else if (typeof state.xAxis.tick === 'boolean') {\n tick = state.xAxis.tick;\n } else {\n tick = true;\n }\n\n return <XAxis {...state.xAxis} tick={tick} />;\n }, [state]);\n\n const renderYAxis = useMemo((): React.ReactElement | null => {\n if (!state?.yAxis) return null;\n\n let tick;\n\n if (state?.yAxis?.tick) {\n tick = CustomizedHOC(state.yAxis.tick, { state });\n } else if (typeof state.yAxis.tick === 'boolean') {\n tick = state.yAxis.tick;\n } else {\n tick = true;\n }\n\n return <YAxis {...state.yAxis} tick={tick} />;\n }, [state]);\n\n const renderBrush = useMemo((): React.ReactElement | null => {\n if (!state?.brush) return null;\n\n return <Brush y={typeof yBrush === 'number' ? yBrush : 0} {...state.brush} />;\n }, [state, yBrush]);\n\n const renderTooltip = useMemo((): React.ReactElement | null => {\n if (!state?.tooltip) return null;\n\n return (\n <Tooltip\n ref={tooltipRef}\n {...state.tooltip}\n content={CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide })}\n />\n );\n }, [state, tooltipArrowSide]);\n\n const renderChartsItems = useMemo(() => {\n if (!state || !charts) return null;\n\n return state.series.map((item: SeriaProps) => {\n const { chart, properties, radius, labelList } = item;\n const show = charts[`${properties.dataKey}`];\n\n switch (chart) {\n case 'bar':\n return show && !item?.hide ? (\n <Bar\n key={`${state.id}-${properties.dataKey}`}\n {...properties}\n shape={<RectBar radius={radius} />}\n >\n {labelList && (\n <LabelList\n dataKey={properties.dataKey.toString()}\n {...labelList}\n content={<CustomizedLabel radius={radius} />}\n />\n )}\n {data.map((_: DataDynamicProps, index: number) => {\n const key = `${state.id}-${properties.dataKey}-${index}`;\n\n return (\n <Cell\n key={key}\n className={cn(\n styles.bar,\n typeof activeDotsState.active === 'number' &&\n activeDotsState.active !== index\n ? styles.unfocused\n : '',\n )}\n />\n );\n })}\n </Bar>\n ) : null;\n\n case 'area':\n case 'line':\n return show && !item?.hide ? (\n <Line\n key={`${state.id}-${properties.dataKey}`}\n {...properties}\n dot={\n properties.dot && properties.dotSettings\n ? CustomizedHOC(Dot, {\n activeDot: activeDotsState.active,\n dotSettings: properties.dotSettings,\n inherit: properties?.inheritStroke\n ? properties.inheritStroke\n : false,\n })\n : false\n }\n activeDot={false}\n />\n ) : null;\n\n case 'gradient':\n return show && !item?.hide ? (\n <Area\n {...item.properties}\n key={`${state.id}-${item.properties.dataKey}`}\n dataKey={`${item.properties.dataKey}`}\n stroke='transparent'\n fill={\n item.gradient.gid\n ? `url(#${state.id}-${item.gradient.gid})`\n : item.properties.fill\n }\n dot={false}\n activeDot={false}\n />\n ) : null;\n\n default:\n return null;\n }\n });\n }, [charts, state, activeDotsState, data]);\n\n // Позиционирование brush\n useEffect(() => {\n if (!state || !state.brush) return;\n if (!heightLegend || heightLegend === 0) return;\n\n const align = state?.legend?.verticalAlign;\n const legendHeight = align === 'top' ? 0 : heightLegend;\n const marginTick = state?.xAxis?.tickMargin ? state?.xAxis?.tickMargin : 0;\n const brushY =\n (svgRef.current?.clientHeight ? svgRef.current.clientHeight : 0) -\n legendHeight -\n state.brush.height -\n (state?.composeChart?.margin?.bottom ? state.composeChart.margin.bottom : 0) +\n marginTick +\n (state.brush?.brushMargin ? state.brush.brushMargin : 0);\n\n setYBrush(brushY);\n }, [heightLegend, state]);\n\n const leaveEvent = (isTooltipActive: boolean): void => {\n if (isTooltipActive) return;\n\n if (typeof activeDotsState.prev !== 'number' || typeof activeDotsState.active !== 'number')\n return;\n\n setActiveDotsState({\n prev: null,\n active: null,\n });\n };\n\n const arrowTooltipEvent = (activeCoordinate: CoordinatesProps): void => {\n if (!state?.tooltip?.arrow) return;\n\n if (state?.tooltip?.arrow && activeCoordinate?.x) {\n const side =\n (svgRef?.current?.clientWidth || 0) -\n (state?.composeChart?.margin?.right || 0) -\n activeCoordinate.x -\n (tooltipRef.current?.state?.boxWidth || 0) >\n 20;\n\n setTooltipArrowSide(side);\n }\n };\n\n const hoverEvent = (isTooltipActive: boolean, activeTooltipIndex: number | undefined): void => {\n if (!isTooltipActive) return;\n\n if (\n typeof activeDotsState.active === 'number' &&\n activeTooltipIndex === activeDotsState.active\n )\n return;\n if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.active !== 'number') {\n setActiveDotsState({\n prev: activeTooltipIndex,\n active: activeTooltipIndex,\n });\n }\n\n if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {\n setActiveDotsState((prev: ActiveDotProps) => ({\n prev: prev.active,\n active: activeTooltipIndex,\n }));\n }\n };\n\n const mouseMove = (e: any): void => {\n if (!state?.tooltip) return;\n\n arrowTooltipEvent(e.activeCoordinate);\n hoverEvent(e.isTooltipActive, e.activeTooltipIndex);\n leaveEvent(e.isTooltipActive);\n };\n\n const mouseLeave = (e: any): void => {\n if (!state?.tooltip) return;\n\n leaveEvent(e.isTooltipActive);\n };\n\n if (!data || !charts || !state) return null;\n\n return (\n <div\n className={styles.coreChart}\n ref={svgRef}\n id={state?.id || ''}\n style={{ width: '100%', height: '100%' }}\n >\n <ResponsiveContainer\n debounce={\n state?.responsiveContainer?.debounce ? state.responsiveContainer.debounce : 0\n }\n width='100%'\n >\n <ComposedChart\n {...state?.composeChart}\n onMouseMove={mouseMove}\n onMouseLeave={mouseLeave}\n data={data}\n >\n <defs>{renderGradient}</defs>\n {state.cartesianGrid && renderCartesianGrid}\n {state.xAxis && renderXAxis}\n {state.yAxis && renderYAxis}\n {renderChartsItems}\n {state.tooltip && renderTooltip}\n {state.brush && renderBrush}\n {state.legend && renderLegend}\n </ComposedChart>\n </ResponsiveContainer>\n </div>\n );\n};\n\nChart.displayName = 'Chart';\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":["useSettings","useState","useRef","useMemo","React","LinearGradient","useCallback","__assign","Legend","Legends","CartesianGrid","CustomizedHOC","Tick","XAxis","YAxis","Brush","Tooltip","TooltipContent","Bar","RectBar","LabelList","CustomizedLabel","Cell","cn","styles","Line","Dot","Area","useEffect","ResponsiveContainer","ComposedChart"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var index = require('../hooks/usePathBar/index.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
9
|
|
|
@@ -12,9 +12,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
12
12
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
13
13
|
var CustomizedLabel = function (_a) {
|
|
14
14
|
var x = _a.x, y = _a.y, value = _a.value, offset = _a.offset, radius = _a.radius, height = _a.height, width = _a.width, formatter = _a.formatter;
|
|
15
|
-
var initHeight =
|
|
15
|
+
var initHeight = index.usePathBar({ radius: radius, height: height })[0];
|
|
16
16
|
return (React__default.default.createElement("text", { x: x + width / 2, y: y + height - (initHeight + offset), width: width, height: initHeight, textAnchor: 'middle' },
|
|
17
17
|
React__default.default.createElement("tspan", { x: x + width / 2 }, formatter ? formatter(value) : value)));
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
exports.CustomizedLabel = CustomizedLabel;
|
|
21
|
+
//# sourceMappingURL=CustomizedLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomizedLabel.js","sources":["../../../src/components/CustomizedLabel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nimport { usePathBar } from '../hooks/usePathBar';\n\nexport const CustomizedLabel: React.FC<any> = ({\n x,\n y,\n value,\n offset,\n radius,\n height,\n width,\n formatter,\n}) => {\n const [initHeight] = usePathBar({ radius, height });\n\n return (\n <text\n x={x + width / 2}\n y={y + height - (initHeight + offset)}\n width={width}\n height={initHeight}\n textAnchor='middle'\n >\n <tspan x={x + width / 2}>{formatter ? formatter(value) : value}</tspan>\n </text>\n );\n};\n"],"names":["usePathBar","React"],"mappings":";;;;;;;;;;;AAAA;AAKO,IAAM,eAAe,GAAkB,UAAC,EAS9C,EAAA;QARG,CAAC,GAAA,EAAA,CAAA,CAAA,EACD,CAAC,GAAA,EAAA,CAAA,CAAA,EACD,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA;AAEF,IAAA,IAAA,UAAU,GAAIA,gBAAU,CAAC,EAAE,MAAM,EAAA,MAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,GAAlC;AAEjB,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,UAAU,GAAG,MAAM,CAAC,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,EAClB,UAAU,EAAC,QAAQ,EAAA;QAEnBA,sBAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAG,EAAA,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAS,CACpE;AAEf;;;;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('classnames');
|
|
7
|
-
var
|
|
7
|
+
var Point = require('../../icons/Point.js');
|
|
8
8
|
var styles = require('./index.module.css');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -48,7 +48,8 @@ var Dot = React__default.default.forwardRef(function (_a, ref) {
|
|
|
48
48
|
React__default.default.createElement("svg", { className: cn__default.default(styles__default.default.dotItem, activeDot === index ? styles__default.default.dotActive : '', typeof activeDot === 'number' && activeDot !== index
|
|
49
49
|
? styles__default.default.dotUnfocused
|
|
50
50
|
: ''), "data-id": index, "data-name": dataKey, width: (option === null || option === void 0 ? void 0 : option.width) || 0, height: (option === null || option === void 0 ? void 0 : option.height) || 0 },
|
|
51
|
-
React__default.default.createElement(
|
|
51
|
+
React__default.default.createElement(Point.PointIcon, { fill: stroke })))));
|
|
52
52
|
});
|
|
53
53
|
|
|
54
54
|
exports.Dot = Dot;
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Dot/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { PointIcon } from '../../icons/Point';\nimport { DotProps, DotSettingProps } from '../../types/utils/dot.types';\n\nimport styles from './index.module.css';\n\nexport const Dot = React.forwardRef<SVGSVGElement, DotProps>(\n (\n { cx, cy, index, activeDot, dataKey, dotSettings, value, stroke },\n ref,\n ): React.ReactElement | null => {\n const [windowWidth, setWindowWidth] = useState<number>(0);\n\n const [height, setHeight] = useState<number>(0);\n const [width, setWidth] = useState<number>(0);\n const [option, setOption] = useState<DotSettingProps | null>(null);\n\n useEffect(() => {\n let dotSetting: DotSettingProps =\n Array.isArray(dotSettings) && dotSettings.length > 0\n ? dotSettings.find((item) => item.media && windowWidth < item.media)\n : dotSettings;\n\n if (Array.isArray(dotSettings) && dotSettings.length > 0 && !dotSetting) {\n dotSetting = dotSettings[dotSettings.length - 1];\n }\n\n setWindowWidth(window.innerWidth);\n setOption(dotSetting);\n }, [dotSettings, windowWidth]);\n\n useEffect(() => {\n if (!option) return;\n\n if (typeof activeDot === 'number' && activeDot === index) {\n setHeight(option.height * option.scale);\n setWidth(option.width * option.scale);\n } else {\n setHeight(option.height * option.initScale);\n setWidth(option.width * option.initScale);\n }\n }, [activeDot, index, option]);\n\n if (!value) return null;\n\n return (\n <g\n ref={ref}\n className={cn(styles.dot)}\n transform={`translate(${cx - width / 2}, ${cy - height / 2})`}\n >\n <g\n className={cn(styles.dotWrap)}\n transform={`scale(${\n activeDot === index ? option?.scale || 0 : option?.initScale || 0\n })`}\n >\n <svg\n className={cn(\n styles.dotItem,\n activeDot === index ? styles.dotActive : '',\n typeof activeDot === 'number' && activeDot !== index\n ? styles.dotUnfocused\n : '',\n )}\n data-id={index}\n data-name={dataKey}\n width={option?.width || 0}\n height={option?.height || 0}\n >\n <PointIcon fill={stroke} />\n </svg>\n </g>\n </g>\n );\n },\n);\n"],"names":["React","useState","useEffect","cn","styles","PointIcon"],"mappings":"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"}
|