@redsift/charts 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5
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/_internal/Arc.js +10 -0
- package/_internal/Arc.js.map +1 -0
- package/{components/Arc/Arc.js → _internal/Arc2.js} +52 -9
- package/_internal/Arc2.js.map +1 -0
- package/_internal/Arcs.js +10 -0
- package/_internal/Arcs.js.map +1 -0
- package/{components/Arcs/Arcs.js → _internal/Arcs2.js} +12 -8
- package/_internal/Arcs2.js.map +1 -0
- package/_internal/Axis.js +8 -0
- package/_internal/Axis.js.map +1 -0
- package/{types/axis.d.ts → _internal/Axis2.js} +2 -2
- package/_internal/Axis2.js.map +1 -0
- package/_internal/Bar.js +10 -0
- package/_internal/Bar.js.map +1 -0
- package/{components/Bar/Bar.js → _internal/Bar2.js} +85 -10
- package/_internal/Bar2.js.map +1 -0
- package/_internal/BarChart.js +17 -0
- package/_internal/BarChart.js.map +1 -0
- package/_internal/BarChart2.js +1419 -0
- package/_internal/BarChart2.js.map +1 -0
- package/_internal/ChartContainer.js +5 -0
- package/_internal/ChartContainer.js.map +1 -0
- package/{components/ChartContainer/ChartContainer.js → _internal/ChartContainer2.js} +105 -6
- package/_internal/ChartContainer2.js.map +1 -0
- package/_internal/DataPoint.js +7 -0
- package/_internal/DataPoint.js.map +1 -0
- package/{components/DataPoint/DataPoint.js → _internal/DataPoint2.js} +11 -5
- package/_internal/DataPoint2.js.map +1 -0
- package/_internal/Dot.js +10 -0
- package/_internal/Dot.js.map +1 -0
- package/{components/Dot/Dot.js → _internal/Dot2.js} +61 -6
- package/_internal/Dot2.js.map +1 -0
- package/_internal/Legend.js +10 -0
- package/_internal/Legend.js.map +1 -0
- package/{components/Legend/Legend.js → _internal/Legend3.js} +17 -6
- package/_internal/Legend3.js.map +1 -0
- package/_internal/LegendItem.js +21 -0
- package/_internal/LegendItem.js.map +1 -0
- package/{components/LegendItem/LegendItem.js → _internal/LegendItem2.js} +64 -7
- package/_internal/LegendItem2.js.map +1 -0
- package/_internal/Line.js +10 -0
- package/_internal/Line.js.map +1 -0
- package/{components/Line/Line.js → _internal/Line2.js} +12 -8
- package/_internal/Line2.js.map +1 -0
- package/_internal/LineChart.js +17 -0
- package/_internal/LineChart.js.map +1 -0
- package/{components/LineChart/RenderedLineChart.js → _internal/LineChart2.js} +317 -20
- package/_internal/LineChart2.js.map +1 -0
- package/_internal/PieChart.js +14 -0
- package/_internal/PieChart.js.map +1 -0
- package/_internal/PieChart2.js +605 -0
- package/_internal/PieChart2.js.map +1 -0
- package/_internal/ScatterPlot.js +17 -0
- package/_internal/ScatterPlot.js.map +1 -0
- package/_internal/ScatterPlot2.js +743 -0
- package/_internal/ScatterPlot2.js.map +1 -0
- package/{_virtual → _internal}/_rollupPluginBabelHelpers.js +1 -1
- package/_internal/config.js +13 -0
- package/_internal/config.js.map +1 -0
- package/{types/data.d.ts → _internal/data.js} +1 -1
- package/{types/legend.js → _internal/legend2.js} +2 -2
- package/_internal/legend2.js.map +1 -0
- package/{components/Axis/types.d.ts → _internal/scale.js} +47 -2
- package/{scheme.js → _internal/scheme.js} +1 -1
- package/_internal/scheme.js.map +1 -0
- package/{components/Arc/styles.d.ts → _internal/styles.js} +7 -5
- package/{components/Line/types.d.ts → _internal/styles10.js} +14 -5
- package/{components/LineChart/types.d.ts → _internal/styles11.js} +23 -12
- package/{components/PieChart/types.d.ts → _internal/styles12.js} +29 -11
- package/{components/ScatterPlot/types.d.ts → _internal/styles13.js} +23 -12
- package/{components/Arcs/types.d.ts → _internal/styles2.js} +11 -2
- package/{components/Axis/styles.d.ts → _internal/styles3.js} +6 -3
- package/{components/Bar/styles.d.ts → _internal/styles4.js} +7 -5
- package/{components/BarChart/types.d.ts → _internal/styles5.js} +49 -14
- package/{components/ChartContainer/styles.d.ts → _internal/styles6.js} +8 -3
- package/{components/DataPoint/styles.d.ts → _internal/styles7.js} +5 -2
- package/{components/Dot/styles.d.ts → _internal/styles8.js} +7 -4
- package/{components/Legend/styles.d.ts → _internal/styles9.js} +5 -2
- package/{utils/index.js → _internal/theme.js} +37 -2
- package/_internal/theme.js.map +1 -0
- package/{components/Arc/types.d.ts → _internal/types.js} +3 -3
- package/{components/Bar/types.d.ts → _internal/types2.js} +3 -3
- package/{components/ChartContainer/types.d.ts → _internal/types3.js} +1 -1
- package/{components/DataPoint/types.d.ts → _internal/types4.js} +29 -3
- package/{components/Dot/types.d.ts → _internal/types5.js} +3 -3
- package/{components/Legend/types.d.ts → _internal/types6.js} +4 -4
- package/{components/LegendItem/types.d.ts → _internal/types7.js} +8 -4
- package/{hooks → _internal}/useFormatCategoricalData.js +3 -4
- package/{hooks → _internal}/useFormatCategoricalData.js.map +1 -1
- package/index.js +129 -43
- package/index.js.map +1 -1
- package/index2.js +49 -0
- package/index2.js.map +1 -0
- package/package.json +2 -2
- package/components/Arc/Arc.d.ts +0 -6
- package/components/Arc/Arc.js.map +0 -1
- package/components/Arc/styles.js +0 -49
- package/components/Arc/styles.js.map +0 -1
- package/components/Arcs/Arcs.d.ts +0 -6
- package/components/Arcs/Arcs.js.map +0 -1
- package/components/Arcs/styles.d.ts +0 -9
- package/components/Arcs/styles.js +0 -9
- package/components/Arcs/styles.js.map +0 -1
- package/components/Axis/Axis.d.ts +0 -7
- package/components/Axis/Axis.js +0 -211
- package/components/Axis/Axis.js.map +0 -1
- package/components/Axis/computeTicks.js +0 -117
- package/components/Axis/computeTicks.js.map +0 -1
- package/components/Axis/styles.js +0 -51
- package/components/Axis/styles.js.map +0 -1
- package/components/Axis/types.js +0 -24
- package/components/Axis/types.js.map +0 -1
- package/components/Bar/Bar.d.ts +0 -6
- package/components/Bar/Bar.js.map +0 -1
- package/components/Bar/styles.js +0 -66
- package/components/Bar/styles.js.map +0 -1
- package/components/Bar/types.js +0 -18
- package/components/Bar/types.js.map +0 -1
- package/components/BarChart/BarChart.d.ts +0 -29
- package/components/BarChart/BarChart.js +0 -141
- package/components/BarChart/BarChart.js.map +0 -1
- package/components/BarChart/BarChartBars.js +0 -168
- package/components/BarChart/BarChartBars.js.map +0 -1
- package/components/BarChart/BarChartSection.js +0 -139
- package/components/BarChart/BarChartSection.js.map +0 -1
- package/components/BarChart/EmptyBarChart.js +0 -57
- package/components/BarChart/EmptyBarChart.js.map +0 -1
- package/components/BarChart/LoadingBarChart.js +0 -18
- package/components/BarChart/LoadingBarChart.js.map +0 -1
- package/components/BarChart/RenderedLinearBarChart.js +0 -549
- package/components/BarChart/RenderedLinearBarChart.js.map +0 -1
- package/components/BarChart/RenderedOrdinalBarChart.js +0 -236
- package/components/BarChart/RenderedOrdinalBarChart.js.map +0 -1
- package/components/BarChart/context.js +0 -13
- package/components/BarChart/context.js.map +0 -1
- package/components/BarChart/intl/en-US.json.js +0 -17
- package/components/BarChart/intl/en-US.json.js.map +0 -1
- package/components/BarChart/intl/fr-FR.json.js +0 -17
- package/components/BarChart/intl/fr-FR.json.js.map +0 -1
- package/components/BarChart/intl/index.js +0 -10
- package/components/BarChart/intl/index.js.map +0 -1
- package/components/BarChart/styles.d.ts +0 -19
- package/components/BarChart/styles.js +0 -71
- package/components/BarChart/styles.js.map +0 -1
- package/components/BarChart/types.js +0 -17
- package/components/BarChart/types.js.map +0 -1
- package/components/BarChart/utils.js +0 -69
- package/components/BarChart/utils.js.map +0 -1
- package/components/ChartContainer/ChartContainer.d.ts +0 -9
- package/components/ChartContainer/ChartContainer.js.map +0 -1
- package/components/ChartContainer/context.js +0 -6
- package/components/ChartContainer/context.js.map +0 -1
- package/components/ChartContainer/intl/en-US.json.js +0 -14
- package/components/ChartContainer/intl/en-US.json.js.map +0 -1
- package/components/ChartContainer/intl/fr-FR.json.js +0 -14
- package/components/ChartContainer/intl/fr-FR.json.js.map +0 -1
- package/components/ChartContainer/intl/index.js +0 -10
- package/components/ChartContainer/intl/index.js.map +0 -1
- package/components/ChartContainer/styles.js +0 -76
- package/components/ChartContainer/styles.js.map +0 -1
- package/components/DataPoint/DataPoint.d.ts +0 -6
- package/components/DataPoint/DataPoint.js.map +0 -1
- package/components/DataPoint/styles.js +0 -10
- package/components/DataPoint/styles.js.map +0 -1
- package/components/Dot/Dot.d.ts +0 -6
- package/components/Dot/Dot.js.map +0 -1
- package/components/Dot/styles.js +0 -49
- package/components/Dot/styles.js.map +0 -1
- package/components/Dot/types.js +0 -14
- package/components/Dot/types.js.map +0 -1
- package/components/Legend/Legend.d.ts +0 -6
- package/components/Legend/Legend.js.map +0 -1
- package/components/Legend/styles.js +0 -15
- package/components/Legend/styles.js.map +0 -1
- package/components/LegendItem/LegendItem.js.map +0 -1
- package/components/LegendItem/styles.js +0 -63
- package/components/LegendItem/styles.js.map +0 -1
- package/components/Line/Line.d.ts +0 -6
- package/components/Line/Line.js.map +0 -1
- package/components/Line/styles.d.ts +0 -9
- package/components/Line/styles.js +0 -9
- package/components/Line/styles.js.map +0 -1
- package/components/LineChart/EmptyLineChart.js +0 -58
- package/components/LineChart/EmptyLineChart.js.map +0 -1
- package/components/LineChart/LineChart.d.ts +0 -6
- package/components/LineChart/LineChart.js +0 -96
- package/components/LineChart/LineChart.js.map +0 -1
- package/components/LineChart/LoadingLineChart.js +0 -18
- package/components/LineChart/LoadingLineChart.js.map +0 -1
- package/components/LineChart/RenderedLineChart.js.map +0 -1
- package/components/LineChart/intl/en-US.json.js +0 -17
- package/components/LineChart/intl/en-US.json.js.map +0 -1
- package/components/LineChart/intl/fr-FR.json.js +0 -17
- package/components/LineChart/intl/fr-FR.json.js.map +0 -1
- package/components/LineChart/intl/index.js +0 -10
- package/components/LineChart/intl/index.js.map +0 -1
- package/components/LineChart/styles.d.ts +0 -17
- package/components/LineChart/styles.js +0 -53
- package/components/LineChart/styles.js.map +0 -1
- package/components/LineChart/types.js +0 -17
- package/components/LineChart/types.js.map +0 -1
- package/components/LineChart/utils.js +0 -67
- package/components/LineChart/utils.js.map +0 -1
- package/components/PieChart/EmptyPieChart.js +0 -85
- package/components/PieChart/EmptyPieChart.js.map +0 -1
- package/components/PieChart/LoadingPieChart.js +0 -18
- package/components/PieChart/LoadingPieChart.js.map +0 -1
- package/components/PieChart/PieChart.d.ts +0 -6
- package/components/PieChart/PieChart.js +0 -98
- package/components/PieChart/PieChart.js.map +0 -1
- package/components/PieChart/RenderedPieChart.js +0 -198
- package/components/PieChart/RenderedPieChart.js.map +0 -1
- package/components/PieChart/intl/en-US.json.js +0 -9
- package/components/PieChart/intl/en-US.json.js.map +0 -1
- package/components/PieChart/intl/fr-FR.json.js +0 -9
- package/components/PieChart/intl/fr-FR.json.js.map +0 -1
- package/components/PieChart/intl/index.js +0 -10
- package/components/PieChart/intl/index.js.map +0 -1
- package/components/PieChart/styles.d.ts +0 -24
- package/components/PieChart/styles.js +0 -168
- package/components/PieChart/styles.js.map +0 -1
- package/components/PieChart/types.js +0 -27
- package/components/PieChart/types.js.map +0 -1
- package/components/PieChart/utils.js +0 -37
- package/components/PieChart/utils.js.map +0 -1
- package/components/ScatterPlot/EmptyScatterPlot.js +0 -58
- package/components/ScatterPlot/EmptyScatterPlot.js.map +0 -1
- package/components/ScatterPlot/LoadingScatterPlot.js +0 -18
- package/components/ScatterPlot/LoadingScatterPlot.js.map +0 -1
- package/components/ScatterPlot/RenderedScatterPlot.js +0 -352
- package/components/ScatterPlot/RenderedScatterPlot.js.map +0 -1
- package/components/ScatterPlot/ScatterPlot.d.ts +0 -6
- package/components/ScatterPlot/ScatterPlot.js +0 -105
- package/components/ScatterPlot/ScatterPlot.js.map +0 -1
- package/components/ScatterPlot/intl/en-US.json.js +0 -12
- package/components/ScatterPlot/intl/en-US.json.js.map +0 -1
- package/components/ScatterPlot/intl/fr-FR.json.js +0 -17
- package/components/ScatterPlot/intl/fr-FR.json.js.map +0 -1
- package/components/ScatterPlot/intl/index.js +0 -10
- package/components/ScatterPlot/intl/index.js.map +0 -1
- package/components/ScatterPlot/styles.d.ts +0 -17
- package/components/ScatterPlot/styles.js +0 -53
- package/components/ScatterPlot/styles.js.map +0 -1
- package/components/ScatterPlot/types.js +0 -24
- package/components/ScatterPlot/types.js.map +0 -1
- package/components/ScatterPlot/utils.js +0 -70
- package/components/ScatterPlot/utils.js.map +0 -1
- package/config.js +0 -15
- package/config.js.map +0 -1
- package/design-system/src/react-aria/react-aria/i18n/useMessageFormatter.d.ts +0 -5
- package/hooks/useBrush.d.ts +0 -17
- package/hooks/useBrush.js +0 -48
- package/hooks/useBrush.js.map +0 -1
- package/hooks/useColor.d.ts +0 -18
- package/hooks/useColor.js +0 -20
- package/hooks/useColor.js.map +0 -1
- package/hooks/useFormatCategoricalData.d.ts +0 -26
- package/hooks/useZoom.d.ts +0 -26
- package/hooks/useZoom.js +0 -39
- package/hooks/useZoom.js.map +0 -1
- package/index.d.ts +0 -51
- package/scheme.d.ts +0 -32
- package/scheme.js.map +0 -1
- package/types/legend.d.ts +0 -30
- package/types/legend.js.map +0 -1
- package/types/scale.d.ts +0 -48
- package/types/size.d.ts +0 -20
- package/types/size.js +0 -8
- package/types/size.js.map +0 -1
- package/types/theme.d.ts +0 -23
- package/types/theme.js +0 -13
- package/types/theme.js.map +0 -1
- package/utils/index.d.ts +0 -11
- package/utils/index.js.map +0 -1
- /package/{_virtual → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
package/_internal/Dot.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { D as Dot, S as StyledDot } from './styles8.js';
|
|
2
|
+
export { a as DotProps, D as DotVariant, S as StyledDotProps } from './types5.js';
|
|
3
|
+
import '@redsift/design-system';
|
|
4
|
+
import 'styled-components';
|
|
5
|
+
import './types4.js';
|
|
6
|
+
import 'react';
|
|
7
|
+
import '@redsift/popovers';
|
|
8
|
+
import 'd3';
|
|
9
|
+
import './data.js';
|
|
10
|
+
import 'd3-shape';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,10 +1,65 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { useTheme, Theme } from '@redsift/design-system';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { monochrome } from '
|
|
5
|
+
import styled, { css } from 'styled-components';
|
|
6
|
+
import { D as DataPoint } from './DataPoint2.js';
|
|
7
|
+
import { m as monochrome } from './scheme.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Component's variant.
|
|
11
|
+
*/
|
|
12
|
+
const DotVariant = {
|
|
13
|
+
plain: 'plain',
|
|
14
|
+
hollow: 'hollow'
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Component props.
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Component style.
|
|
23
|
+
*/
|
|
24
|
+
const StyledDot = styled(DataPoint)`
|
|
25
|
+
text {
|
|
26
|
+
user-select: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
${_ref => {
|
|
30
|
+
let {
|
|
31
|
+
$variant
|
|
32
|
+
} = _ref;
|
|
33
|
+
return css`
|
|
34
|
+
circle {
|
|
35
|
+
fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};
|
|
36
|
+
}
|
|
37
|
+
`;
|
|
38
|
+
}}
|
|
39
|
+
|
|
40
|
+
${_ref2 => {
|
|
41
|
+
let {
|
|
42
|
+
$clickable
|
|
43
|
+
} = _ref2;
|
|
44
|
+
return $clickable ? css`
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
|
|
47
|
+
&:hover,
|
|
48
|
+
&:focus {
|
|
49
|
+
opacity: 0.5;
|
|
50
|
+
outline: none;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&:focus-visible {
|
|
54
|
+
circle {
|
|
55
|
+
stroke: var(--redsift-color-primary-n);
|
|
56
|
+
stroke-width: 4px;
|
|
57
|
+
paint-order: stroke;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
` : '';
|
|
61
|
+
}}}
|
|
62
|
+
`;
|
|
8
63
|
|
|
9
64
|
const _excluded = ["className", "labelDecorator", "scaleX", "scaleY", "variant", "children"];
|
|
10
65
|
const COMPONENT_NAME = 'Dot';
|
|
@@ -51,5 +106,5 @@ const Dot = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
51
106
|
Dot.className = CLASSNAME;
|
|
52
107
|
Dot.displayName = COMPONENT_NAME;
|
|
53
108
|
|
|
54
|
-
export { Dot };
|
|
55
|
-
//# sourceMappingURL=
|
|
109
|
+
export { Dot as D, StyledDot as S, DotVariant as a };
|
|
110
|
+
//# sourceMappingURL=Dot2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot2.js","sources":["../../src/components/Dot/types.ts","../../src/components/Dot/styles.ts","../../src/components/Dot/Dot.tsx"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { DotDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\nimport { Theme, ValueOf } from '@redsift/design-system';\n\n/**\n * Component's variant.\n */\nexport const DotVariant = {\n plain: 'plain',\n hollow: 'hollow',\n} as const;\nexport type DotVariant = ValueOf<typeof DotVariant>;\n\n/**\n * Component props.\n */\nexport interface DotProps extends DataPointProps<DotDatum> {\n /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */\n scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */\n scaleY: d3ScaleLinear<number, number, never>;\n /** Variant. */\n variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n Omit<DotProps, 'scaleX' | 'scaleY'> & {\n $variant: DotProps['variant'];\n $theme: Theme;\n };\n","import styled, { css } from 'styled-components';\nimport { DotVariant, StyledDotProps } from './types';\nimport { DataPoint } from '../DataPoint';\n\n/**\n * Component style.\n */\nexport const StyledDot = styled(DataPoint)<StyledDotProps>`\n text {\n user-select: none;\n }\n\n ${({ $variant }) => css`\n circle {\n fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};\n }\n `}\n\n ${({ $clickable }) =>\n $clickable\n ? css`\n cursor: pointer;\n\n &:hover,\n &:focus {\n opacity: 0.5;\n outline: none;\n }\n\n &:focus-visible {\n circle {\n stroke: var(--redsift-color-primary-n);\n stroke-width: 4px;\n paint-order: stroke;\n }\n }\n `\n : ''}}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Theme, useTheme } from '@redsift/design-system';\n\nimport { DotProps, DotVariant } from './types';\nimport { StyledDot } from './styles';\nimport { monochrome } from '../../scheme';\nimport { DotDatum } from '../../types';\n\nconst COMPONENT_NAME = 'Dot';\nconst CLASSNAME = 'redsift-dot';\n\nexport const Dot: Comp<DotProps, SVGGElement> = forwardRef((props, ref) => {\n const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n const {\n className,\n labelDecorator = (datum: DotDatum) => {\n return datum.data.key[2] !== undefined && datum.data.key[2] !== null\n ? datum.data.key[2]\n : `${datum.data.key[0]},${datum.data.key[1]}`;\n },\n scaleX,\n scaleY,\n variant = DotVariant.plain,\n children,\n ...forwardedProps\n } = props;\n\n const theme = useTheme();\n\n const isSelectable = role === 'option';\n const isDeselected = isSelectable && propsIsSelected === false;\n\n return (\n <StyledDot\n labelDecorator={labelDecorator}\n {...forwardedProps}\n ref={ref}\n className={classNames(Dot.className, className)}\n $clickable={Boolean(onClick)}\n $variant={variant}\n $theme={theme}\n >\n <circle\n cx={scaleX(data.x as any)}\n cy={scaleY(data.y as any)}\n r={data.r}\n fill={\n variant === DotVariant.hollow\n ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})`\n : isDeselected\n ? 'var(--redsift-color-neutral-light-grey)'\n : color\n }\n stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n strokeWidth={variant === DotVariant.hollow ? '2' : '0'}\n />\n {children}\n </StyledDot>\n );\n});\nDot.className = CLASSNAME;\nDot.displayName = COMPONENT_NAME;\n"],"names":["DotVariant","plain","hollow","StyledDot","styled","DataPoint","_ref","$variant","css","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","_extends","classNames","Boolean","$theme","cx","x","cy","y","r","fill","Theme","light","stroke","strokeWidth","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { L as Legend, S as StyledLegend } from './styles9.js';
|
|
2
|
+
export { L as LegendProps, S as StyledLegendProps } from './types6.js';
|
|
3
|
+
import '@redsift/design-system';
|
|
4
|
+
import 'styled-components';
|
|
5
|
+
import 'react';
|
|
6
|
+
import './types7.js';
|
|
7
|
+
import './types4.js';
|
|
8
|
+
import '@redsift/popovers';
|
|
9
|
+
import './data.js';
|
|
10
|
+
import 'd3-shape';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Legend.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,10 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { sum } from 'd3';
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import { LegendVariant } from '
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
import { baseContainer } from '@redsift/design-system';
|
|
7
|
+
import { L as LegendVariant } from './legend2.js';
|
|
8
|
+
import { L as LegendItem } from './LegendItem2.js';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Component style.
|
|
12
|
+
*/
|
|
13
|
+
const StyledLegend = styled.ul`
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
|
|
17
|
+
${baseContainer}
|
|
18
|
+
`;
|
|
8
19
|
|
|
9
20
|
const _excluded = ["children", "className", "data", "isLegendItemSelected", "labelDecorator", "legendDecorator", "legendItemRole", "onLegendItemClick", "variant", "width"],
|
|
10
21
|
_excluded2 = ["color"];
|
|
@@ -69,5 +80,5 @@ const Legend = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
69
80
|
Legend.className = CLASSNAME;
|
|
70
81
|
Legend.displayName = COMPONENT_NAME;
|
|
71
82
|
|
|
72
|
-
export { Legend };
|
|
73
|
-
//# sourceMappingURL=
|
|
83
|
+
export { Legend as L, StyledLegend as S };
|
|
84
|
+
//# sourceMappingURL=Legend3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Legend3.js","sources":["../../src/components/Legend/styles.ts","../../src/components/Legend/Legend.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLegendProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegend = styled.ul<StyledLegendProps>`\n display: flex;\n flex-direction: column;\n\n ${baseContainer}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp } from '@redsift/design-system';\n\nimport { LegendProps } from './types';\nimport { StyledLegend } from './styles';\nimport { LegendVariant } from '../../types';\nimport { LegendItem } from '../LegendItem';\n\nconst COMPONENT_NAME = 'Legend';\nconst CLASSNAME = 'redsift-chart-legend';\n\nexport const Legend: Comp<LegendProps, HTMLUListElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n data,\n isLegendItemSelected = () => true,\n labelDecorator,\n legendDecorator,\n legendItemRole,\n onLegendItemClick,\n variant = LegendVariant.label,\n width,\n ...forwardedProps\n } = props;\n\n if (!data || data.length === 0) {\n return null;\n }\n\n const total = d3sum(data, (d) => d.value);\n\n if (children) {\n const renderedChildren = typeof children === 'function' ? children(data, total) : children;\n\n return (\n <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref}>\n {renderedChildren}\n </StyledLegend>\n );\n }\n\n return (\n <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref} $width={width}>\n {data.map(({ color, ...datum }, index) => (\n <LegendItem\n data={{ data: { ...datum, percent: datum.percent ?? datum.value / total } }}\n dataset={data}\n color={color}\n variant={variant}\n index={index}\n isSelected={Boolean(isLegendItemSelected!({ data: datum }))}\n key={`legend-item _${index}`}\n labelDecorator={labelDecorator}\n legendDecorator={legendDecorator}\n onClick={onLegendItemClick}\n role={legendItemRole}\n />\n ))}\n </StyledLegend>\n );\n});\nLegend.className = CLASSNAME;\nLegend.displayName = COMPONENT_NAME;\n"],"names":["StyledLegend","styled","ul","baseContainer","COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","width","forwardedProps","_objectWithoutProperties","_excluded","length","total","d3sum","d","value","renderedChildren","React","createElement","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded2","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Comp, Theme } from '@redsift/design-system';
|
|
2
|
+
import { L as LegendItemProps } from './types7.js';
|
|
3
|
+
export { L as LegendItemProps, S as StyledLegendItemProps } from './types7.js';
|
|
4
|
+
import * as styled_components from 'styled-components';
|
|
5
|
+
import { S as StyledDataPointProps, L as LegendVariant } from './types4.js';
|
|
6
|
+
import 'react';
|
|
7
|
+
import './data.js';
|
|
8
|
+
import 'd3-shape';
|
|
9
|
+
import '@redsift/popovers';
|
|
10
|
+
|
|
11
|
+
declare const LegendItem: Comp<LegendItemProps, HTMLLIElement>;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Component style.
|
|
15
|
+
*/
|
|
16
|
+
declare const StyledLegendItem: styled_components.StyledComponent<"li", any, Pick<StyledDataPointProps, "$clickable"> & Omit<LegendItemProps, "data" | "dataset"> & {
|
|
17
|
+
$variant: LegendVariant | undefined;
|
|
18
|
+
$theme: Theme;
|
|
19
|
+
}, never>;
|
|
20
|
+
|
|
21
|
+
export { LegendItem, StyledLegendItem };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LegendItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,10 +1,67 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import { useTheme, useId, Number, Text } from '@redsift/design-system';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
4
|
+
import { Theme, useTheme, useId, Number, Text } from '@redsift/design-system';
|
|
5
|
+
import styled, { css } from 'styled-components';
|
|
6
|
+
import { L as LegendVariant } from './legend2.js';
|
|
7
|
+
import { m as monochrome } from './scheme.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Component style.
|
|
11
|
+
*/
|
|
12
|
+
const StyledLegendItem = styled.li`
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 8px;
|
|
16
|
+
font-size: var(--redsift-typography-caption-font-size);
|
|
17
|
+
|
|
18
|
+
${_ref => {
|
|
19
|
+
let {
|
|
20
|
+
$theme
|
|
21
|
+
} = _ref;
|
|
22
|
+
return css`
|
|
23
|
+
color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
|
|
24
|
+
`;
|
|
25
|
+
}}
|
|
26
|
+
|
|
27
|
+
${_ref2 => {
|
|
28
|
+
let {
|
|
29
|
+
$variant,
|
|
30
|
+
color
|
|
31
|
+
} = _ref2;
|
|
32
|
+
return $variant !== LegendVariant.custom ? css`
|
|
33
|
+
> div {
|
|
34
|
+
height: 16px;
|
|
35
|
+
width: 16px;
|
|
36
|
+
min-width: 16px;
|
|
37
|
+
background-color: ${color};
|
|
38
|
+
}
|
|
39
|
+
` : '';
|
|
40
|
+
}}}
|
|
41
|
+
|
|
42
|
+
${_ref3 => {
|
|
43
|
+
let {
|
|
44
|
+
$clickable
|
|
45
|
+
} = _ref3;
|
|
46
|
+
return $clickable ? css`
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
|
|
49
|
+
&:hover,
|
|
50
|
+
&:focus {
|
|
51
|
+
outline: none;
|
|
52
|
+
> div {
|
|
53
|
+
opacity: 0.7;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&:focus-visible {
|
|
58
|
+
> div {
|
|
59
|
+
outline: 4px solid var(--redsift-color-primary-n);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
` : '';
|
|
63
|
+
}}}
|
|
64
|
+
`;
|
|
8
65
|
|
|
9
66
|
const _excluded = ["className", "color", "data", "dataset", "id", "variant"];
|
|
10
67
|
const COMPONENT_NAME = 'LegendItem';
|
|
@@ -92,5 +149,5 @@ const LegendItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
92
149
|
LegendItem.className = CLASSNAME;
|
|
93
150
|
LegendItem.displayName = COMPONENT_NAME;
|
|
94
151
|
|
|
95
|
-
export { LegendItem };
|
|
96
|
-
//# sourceMappingURL=
|
|
152
|
+
export { LegendItem as L, StyledLegendItem as S };
|
|
153
|
+
//# sourceMappingURL=LegendItem2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LegendItem2.js","sources":["../../src/components/LegendItem/styles.ts","../../src/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledLegendItemProps } from './types';\nimport { LegendVariant } from '@redsift/charts/types';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegendItem = styled.li<StyledLegendItemProps>`\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: var(--redsift-typography-caption-font-size);\n\n ${({ $theme }) => css`\n color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n `}\n\n ${({ $variant, color }) =>\n $variant !== LegendVariant.custom\n ? css`\n > div {\n height: 16px;\n width: 16px;\n min-width: 16px;\n background-color: ${color};\n }\n `\n : ''}}\n\n ${({ $clickable }) =>\n $clickable\n ? css`\n cursor: pointer;\n\n &:hover,\n &:focus {\n outline: none;\n > div {\n opacity: 0.7;\n }\n }\n\n &:focus-visible {\n > div {\n outline: 4px solid var(--redsift-color-primary-n);\n }\n }\n `\n : ''}}\n`;\n","import React, { KeyboardEventHandler, forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\n\nimport { LegendItemProps } from './types';\nimport { StyledLegendItem } from './styles';\nimport { monochrome } from '../../scheme';\nimport { LegendVariant } from '../../types';\n\nconst COMPONENT_NAME = 'LegendItem';\nconst CLASSNAME = 'redsift-legend-item';\n\nexport const LegendItem: Comp<LegendItemProps, HTMLLIElement> = forwardRef((props, ref) => {\n const { index = 0, isSelected: propsIsSelected, labelDecorator, legendDecorator, onClick, role } = props;\n\n const { className, color = monochrome, data, dataset, id: propsId, variant, ...forwardedProps } = props;\n\n const theme = useTheme();\n\n const [_id] = useId();\n const id = propsId ?? _id;\n\n const isLegendCustom = variant === LegendVariant.custom && legendDecorator;\n const text = labelDecorator ? labelDecorator(data, { index, isSelected: propsIsSelected, color }) : data.data.key;\n const isEmpty = data.data.value === 0;\n\n const isSelectable = role === 'option';\n const isSelected = isSelectable && propsIsSelected === true;\n const isDeselected = isSelectable && propsIsSelected === false;\n\n const onKeyDown: KeyboardEventHandler<HTMLLIElement> = (event) => {\n if (onClick) {\n event.stopPropagation();\n\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n onClick(data, dataset);\n }\n }\n };\n\n return (\n <StyledLegendItem\n {...forwardedProps}\n className={classNames(LegendItem.className, className, `_${index}`, {\n selected: isSelected,\n deselected: isDeselected,\n })}\n color={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n ref={ref}\n aria-labelledby={!isEmpty ? `${id}-title` : undefined}\n aria-selected={isSelected ? true : isDeselected ? false : undefined}\n id={id}\n onClick={onClick ? () => onClick(data, dataset) : undefined}\n onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n role={role ? role : onClick ? 'button' : undefined}\n tabIndex={onClick ? 0 : undefined}\n $clickable={Boolean(onClick)}\n $variant={variant}\n $theme={theme}\n >\n {isLegendCustom ? (\n legendDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n ) : (\n <>\n <div />\n {typeof text === 'string' ? (\n variant === LegendVariant.value ? (\n <>\n <Number as=\"b\" maximumFractionDigits={2} value={data.data.value} variant=\"inherit\" />\n <Text variant=\"caption\">{text}</Text>\n </>\n ) : variant === LegendVariant.percent && data.data.percent ? (\n <>\n <Number as=\"b\" maximumFractionDigits={2} type=\"percent\" value={data.data.percent} variant=\"inherit\" />\n <Text variant=\"caption\">{text}</Text>\n </>\n ) : (\n <Text variant=\"caption\">{text}</Text>\n )\n ) : (\n <>{text}</>\n )}\n </>\n )}\n </StyledLegendItem>\n );\n});\nLegendItem.className = CLASSNAME;\nLegendItem.displayName = COMPONENT_NAME;\n"],"names":["StyledLegendItem","styled","li","_ref","$theme","css","Theme","dark","_ref2","$variant","color","LegendVariant","custom","_ref3","$clickable","COMPONENT_NAME","CLASSNAME","LegendItem","forwardRef","props","ref","index","isSelected","propsIsSelected","labelDecorator","legendDecorator","onClick","role","className","monochrome","data","dataset","id","propsId","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","_id","useId","isLegendCustom","text","key","isEmpty","value","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","React","createElement","_extends","classNames","selected","deselected","undefined","e","tabIndex","Boolean","Fragment","Number","as","maximumFractionDigits","Text","percent","type","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { L as Line, a as LineProps, b as StyledLine, S as StyledLineProps } from './styles10.js';
|
|
2
|
+
import '@redsift/design-system';
|
|
3
|
+
import 'styled-components';
|
|
4
|
+
import 'd3';
|
|
5
|
+
import 'react';
|
|
6
|
+
import './types5.js';
|
|
7
|
+
import './types4.js';
|
|
8
|
+
import '@redsift/popovers';
|
|
9
|
+
import './data.js';
|
|
10
|
+
import 'd3-shape';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Line.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _objectWithoutProperties, b as _objectSpread2, a as _extends } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import {
|
|
4
|
+
import { J, i as it } from '../index2.js';
|
|
5
5
|
import { interpolate } from 'd3';
|
|
6
|
-
import
|
|
7
|
-
import { monochrome } from '
|
|
8
|
-
import { config } from '
|
|
9
|
-
|
|
6
|
+
import styled from 'styled-components';
|
|
7
|
+
import { m as monochrome } from './scheme.js';
|
|
8
|
+
import { c as config } from './config.js';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Component style.
|
|
12
|
+
*/
|
|
13
|
+
const StyledLine = styled('g')``;
|
|
10
14
|
|
|
11
15
|
const _excluded = ["className", "createLine", "disableAnimations", "previousData"];
|
|
12
16
|
const COMPONENT_NAME = 'Line';
|
|
@@ -51,5 +55,5 @@ const Line = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
51
55
|
Line.className = CLASSNAME;
|
|
52
56
|
Line.displayName = COMPONENT_NAME;
|
|
53
57
|
|
|
54
|
-
export { Line };
|
|
55
|
-
//# sourceMappingURL=
|
|
58
|
+
export { Line as L, StyledLine as S };
|
|
59
|
+
//# sourceMappingURL=Line2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Line2.js","sources":["../../src/components/Line/styles.ts","../../src/components/Line/Line.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLineProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledLine = styled('g')<StyledLineProps>``;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { animated, useSpring } from '@react-spring/web';\nimport { interpolate as d3interpolate } from 'd3';\n\nimport { Comp } from '@redsift/design-system';\n\nimport { LineProps } from './types';\nimport { StyledLine } from './styles';\nimport { monochrome } from '../../scheme';\nimport { config } from '../../config';\n\nconst COMPONENT_NAME = 'Line';\nconst CLASSNAME = 'redsift-line';\n\nexport const Line: Comp<LineProps, SVGGElement> = forwardRef((props, ref) => {\n const { color = monochrome, data, isSelected: propsIsSelected, role } = props;\n\n const { className, createLine, disableAnimations, previousData = [], ...forwardedProps } = props;\n\n const interpolator = d3interpolate(previousData, data);\n\n const isSelectable = role === 'option';\n const isDeselected = isSelectable && propsIsSelected === false;\n\n const animatedProps = useSpring({\n ...config,\n to: async (next: (props?: object) => Promise<void>) => {\n await next({ t: 1 });\n },\n from: { t: 0 },\n });\n\n return (\n <StyledLine {...forwardedProps} ref={ref} className={classNames(Line.className, className)}>\n <animated.path\n d={\n config.immediate || disableAnimations\n ? (createLine(data) as unknown as string)\n : (animatedProps.t.to((t) => createLine(interpolator(t))) as unknown as string)\n }\n fill=\"none\"\n stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n strokeWidth={2}\n />\n </StyledLine>\n );\n});\nLine.className = CLASSNAME;\nLine.displayName = COMPONENT_NAME;\n"],"names":["StyledLine","styled","COMPONENT_NAME","CLASSNAME","Line","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","role","className","createLine","disableAnimations","previousData","forwardedProps","_objectWithoutProperties","_excluded","interpolator","d3interpolate","isSelectable","isDeselected","animatedProps","useSpring","_objectSpread","config","to","next","t","from","React","createElement","_extends","classNames","animated","path","d","immediate","fill","stroke","strokeWidth","displayName"],"mappings":";;;;;;;;;AAGA;AACA;AACA;MACaA,UAAU,GAAGC,MAAM,CAAC,GAAG,CAAmB,CAAC;;;ACMxD,MAAMC,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;AAEzB,MAAMC,IAAkC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;AAAEC,IAAAA,KAAK,GAAGC,UAAU;IAAEC,IAAI;AAAEC,IAAAA,UAAU,EAAEC,eAAe;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGP,KAAK,CAAA;EAE7E,MAAM;MAAEQ,SAAS;MAAEC,UAAU;MAAEC,iBAAiB;AAAEC,MAAAA,YAAY,GAAG,EAAA;AAAsB,KAAC,GAAGX,KAAK;AAAxBY,IAAAA,cAAc,GAAAC,wBAAA,CAAKb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAEhG,EAAA,MAAMC,YAAY,GAAGC,WAAa,CAACL,YAAY,EAAEP,IAAI,CAAC,CAAA;AAEtD,EAAA,MAAMa,YAAY,GAAGV,IAAI,KAAK,QAAQ,CAAA;AACtC,EAAA,MAAMW,YAAY,GAAGD,YAAY,IAAIX,eAAe,KAAK,KAAK,CAAA;EAE9D,MAAMa,aAAa,GAAGC,CAAS,CAAAC,cAAA,CAAAA,cAAA,KAC1BC,MAAM,CAAA,EAAA,EAAA,EAAA;IACTC,EAAE,EAAE,MAAOC,IAAuC,IAAK;AACrD,MAAA,MAAMA,IAAI,CAAC;AAAEC,QAAAA,CAAC,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;KACrB;AACDC,IAAAA,IAAI,EAAE;AAAED,MAAAA,CAAC,EAAE,CAAA;AAAE,KAAA;AAAC,GAAA,CACf,CAAC,CAAA;EAEF,oBACEE,cAAA,CAAAC,aAAA,CAAClC,UAAU,EAAAmC,QAAA,KAAKjB,cAAc,EAAA;AAAEX,IAAAA,GAAG,EAAEA,GAAI;AAACO,IAAAA,SAAS,EAAEsB,UAAU,CAAChC,IAAI,CAACU,SAAS,EAAEA,SAAS,CAAA;AAAE,GAAA,CAAA,eACzFmB,cAAA,CAAAC,aAAA,CAACG,EAAQ,CAACC,IAAI,EAAA;IACZC,CAAC,EACCX,MAAM,CAACY,SAAS,IAAIxB,iBAAiB,GAChCD,UAAU,CAACL,IAAI,CAAC,GAChBe,aAAa,CAACM,CAAC,CAACF,EAAE,CAAEE,CAAC,IAAKhB,UAAU,CAACM,YAAY,CAACU,CAAC,CAAC,CAAC,CAC3D;AACDU,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAElB,YAAY,GAAG,yCAAyC,GAAGhB,KAAM;AACzEmC,IAAAA,WAAW,EAAE,CAAA;AAAE,GAChB,CACS,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFvC,IAAI,CAACU,SAAS,GAAGX,SAAS,CAAA;AAC1BC,IAAI,CAACwC,WAAW,GAAG1C,cAAc;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { L as LineChart, b as LineChartDimensions, a as LineChartLegendVariant, c as LineChartProps, d as StyledLineChart, e as StyledLineChartEmptyText, S as StyledLineChartProps } from './styles11.js';
|
|
2
|
+
import '@redsift/design-system';
|
|
3
|
+
import 'styled-components';
|
|
4
|
+
import './types3.js';
|
|
5
|
+
import 'react';
|
|
6
|
+
import './types5.js';
|
|
7
|
+
import 'd3';
|
|
8
|
+
import './types4.js';
|
|
9
|
+
import '@redsift/popovers';
|
|
10
|
+
import './data.js';
|
|
11
|
+
import 'd3-shape';
|
|
12
|
+
import './types6.js';
|
|
13
|
+
import './types7.js';
|
|
14
|
+
import '../index2.js';
|
|
15
|
+
import './axis2.js';
|
|
16
|
+
import './scale.js';
|
|
17
|
+
import 'd3-scale';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|