@redsift/charts 11.5.0 → 11.6.0-alpha.0
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 +2 -0
- package/_internal/Arc.js.map +1 -0
- package/_internal/Arc2.js +117 -0
- package/_internal/Arc2.js.map +1 -0
- package/_internal/Arcs.js +2 -0
- package/_internal/Arcs.js.map +1 -0
- package/_internal/Arcs2.js +94 -0
- package/_internal/Arcs2.js.map +1 -0
- package/_internal/Axis.js +2 -0
- package/_internal/Axis.js.map +1 -0
- package/_internal/Axis2.js +388 -0
- package/_internal/Axis2.js.map +1 -0
- package/_internal/Bar.js +2 -0
- package/_internal/Bar.js.map +1 -0
- package/_internal/Bar2.js +170 -0
- package/_internal/Bar2.js.map +1 -0
- package/_internal/BarChart.js +2 -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 +2 -0
- package/_internal/ChartContainer.js.map +1 -0
- package/_internal/ChartContainer2.js +266 -0
- package/_internal/ChartContainer2.js.map +1 -0
- package/_internal/DataPoint.js +2 -0
- package/_internal/DataPoint.js.map +1 -0
- package/_internal/DataPoint2.js +110 -0
- package/_internal/DataPoint2.js.map +1 -0
- package/_internal/Dot.js +2 -0
- package/_internal/Dot.js.map +1 -0
- package/_internal/Dot2.js +110 -0
- package/_internal/Dot2.js.map +1 -0
- package/_internal/Legend.js +2 -0
- package/_internal/Legend.js.map +1 -0
- package/_internal/Legend3.js +84 -0
- package/_internal/Legend3.js.map +1 -0
- package/_internal/LegendItem.js +2 -0
- package/_internal/LegendItem.js.map +1 -0
- package/_internal/LegendItem2.js +153 -0
- package/_internal/LegendItem2.js.map +1 -0
- package/_internal/Line.js +2 -0
- package/_internal/Line.js.map +1 -0
- package/_internal/Line2.js +59 -0
- package/_internal/Line2.js.map +1 -0
- package/_internal/LineChart.js +2 -0
- package/_internal/LineChart.js.map +1 -0
- package/_internal/LineChart2.js +669 -0
- package/_internal/LineChart2.js.map +1 -0
- package/_internal/PieChart.js +2 -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 +2 -0
- package/_internal/ScatterPlot.js.map +1 -0
- package/_internal/ScatterPlot2.js +744 -0
- package/_internal/ScatterPlot2.js.map +1 -0
- package/_internal/_rollupPluginBabelHelpers.js +93 -0
- package/_internal/_rollupPluginBabelHelpers.js.map +1 -0
- package/_internal/config.js +13 -0
- package/_internal/config.js.map +1 -0
- package/_internal/legend2.js +21 -0
- package/_internal/legend2.js.map +1 -0
- package/_internal/scheme.js +47 -0
- package/_internal/scheme.js.map +1 -0
- package/_internal/theme.js +79 -0
- package/_internal/theme.js.map +1 -0
- package/_internal/useFormatCategoricalData.js +56 -0
- package/_internal/useFormatCategoricalData.js.map +1 -0
- package/index.js +17 -5118
- package/index.js.map +1 -1
- package/index2.js +16 -0
- package/index2.js.map +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, b as _objectSpread2, a as _extends } from './_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { J, i as it } from '../index2.js';
|
|
5
|
+
import { interpolate } from 'd3';
|
|
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')``;
|
|
14
|
+
|
|
15
|
+
const _excluded = ["className", "createLine", "disableAnimations", "previousData"];
|
|
16
|
+
const COMPONENT_NAME = 'Line';
|
|
17
|
+
const CLASSNAME = 'redsift-line';
|
|
18
|
+
const Line = /*#__PURE__*/forwardRef((props, ref) => {
|
|
19
|
+
const {
|
|
20
|
+
color = monochrome,
|
|
21
|
+
data,
|
|
22
|
+
isSelected: propsIsSelected,
|
|
23
|
+
role
|
|
24
|
+
} = props;
|
|
25
|
+
const {
|
|
26
|
+
className,
|
|
27
|
+
createLine,
|
|
28
|
+
disableAnimations,
|
|
29
|
+
previousData = []
|
|
30
|
+
} = props,
|
|
31
|
+
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
32
|
+
const interpolator = interpolate(previousData, data);
|
|
33
|
+
const isSelectable = role === 'option';
|
|
34
|
+
const isDeselected = isSelectable && propsIsSelected === false;
|
|
35
|
+
const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
|
|
36
|
+
to: async next => {
|
|
37
|
+
await next({
|
|
38
|
+
t: 1
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
from: {
|
|
42
|
+
t: 0
|
|
43
|
+
}
|
|
44
|
+
}));
|
|
45
|
+
return /*#__PURE__*/React__default.createElement(StyledLine, _extends({}, forwardedProps, {
|
|
46
|
+
ref: ref,
|
|
47
|
+
className: classNames(Line.className, className)
|
|
48
|
+
}), /*#__PURE__*/React__default.createElement(it.path, {
|
|
49
|
+
d: config.immediate || disableAnimations ? createLine(data) : animatedProps.t.to(t => createLine(interpolator(t))),
|
|
50
|
+
fill: "none",
|
|
51
|
+
stroke: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
|
|
52
|
+
strokeWidth: 2
|
|
53
|
+
}));
|
|
54
|
+
});
|
|
55
|
+
Line.className = CLASSNAME;
|
|
56
|
+
Line.displayName = COMPONENT_NAME;
|
|
57
|
+
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|