@codecademy/gamut 68.1.1-alpha.ff5b1d.0 → 68.1.1
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/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/Form/SelectDropdown/styles.d.ts +1 -1
- package/dist/Form/elements/Form.d.ts +1 -1
- package/dist/Form/elements/FormGroupLabel.js +2 -2
- package/dist/Form/inputs/Select.js +5 -6
- package/dist/List/elements.d.ts +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/package.json +6 -6
- package/dist/BarChart/BarChartProvider.d.ts +0 -19
- package/dist/BarChart/BarChartProvider.js +0 -27
- package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
- package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -34
- package/dist/BarChart/BarRow/elements.d.ts +0 -943
- package/dist/BarChart/BarRow/elements.js +0 -102
- package/dist/BarChart/BarRow/index.d.ts +0 -6
- package/dist/BarChart/BarRow/index.js +0 -235
- package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
- package/dist/BarChart/GENERIC_EXAMPLE.js +0 -327
- package/dist/BarChart/SortSelect/index.d.ts +0 -15
- package/dist/BarChart/SortSelect/index.js +0 -18
- package/dist/BarChart/index.d.ts +0 -4
- package/dist/BarChart/index.js +0 -136
- package/dist/BarChart/layout/GridLines.d.ts +0 -3
- package/dist/BarChart/layout/GridLines.js +0 -69
- package/dist/BarChart/layout/LabelSpacer.d.ts +0 -6
- package/dist/BarChart/layout/LabelSpacer.js +0 -56
- package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -3
- package/dist/BarChart/layout/ScaleChartHeader.js +0 -87
- package/dist/BarChart/shared/elements.d.ts +0 -7
- package/dist/BarChart/shared/elements.js +0 -12
- package/dist/BarChart/shared/styles.d.ts +0 -4
- package/dist/BarChart/shared/styles.js +0 -4
- package/dist/BarChart/shared/translations.d.ts +0 -69
- package/dist/BarChart/shared/translations.js +0 -57
- package/dist/BarChart/shared/types.d.ts +0 -100
- package/dist/BarChart/shared/types.js +0 -1
- package/dist/BarChart/utils/hooks.d.ts +0 -89
- package/dist/BarChart/utils/hooks.js +0 -281
- package/dist/BarChart/utils/index.d.ts +0 -56
- package/dist/BarChart/utils/index.js +0 -122
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
-
import { css, styledOptions } from '@codecademy/gamut-styles';
|
|
4
|
-
import { motion } from 'framer-motion';
|
|
5
|
-
import { Box, FlexBox } from '../../Box';
|
|
6
|
-
import { barListItemPadding } from '../shared/styles';
|
|
7
|
-
export const TotalValueLabelsHoverTarget = /*#__PURE__*/_styled(FlexBox, {
|
|
8
|
-
target: "e15ycbyh5",
|
|
9
|
-
label: "TotalValueLabelsHoverTarget"
|
|
10
|
-
})(css({
|
|
11
|
-
alignItems: 'center',
|
|
12
|
-
flexShrink: 0,
|
|
13
|
-
height: 'stretch',
|
|
14
|
-
justifyContent: 'flex-end'
|
|
15
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvQmFyUm93L2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IGJhckxpc3RJdGVtUGFkZGluZyB9IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgVG90YWxWYWx1ZUxhYmVsc0hvdmVyVGFyZ2V0ID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgaGVpZ2h0OiAnc3RyZXRjaCcsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsXG4gIH0pXG4pO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJnOiAndHJhbnNwYXJlbnQnLFxuICBib3JkZXI6ICdub25lJyxcbiAgY3Vyc29yOiAnaW5oZXJpdCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogeyBfOiAnY29sdW1uJywgY194czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7VG90YWxWYWx1ZUxhYmVsc0hvdmVyVGFyZ2V0fWBdOiB7XG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ3VuZGVybGluZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXJXcmFwcGVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYm9yZGVyUmFkaXVzOiB7IF86ICdtZCcgYXMgYW55LCBjX3hzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCBjX3hzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIGNfeHM6IDI0IH0sXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHdpZHRoOiB7IF86ICcxMDAlJywgY194czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgY194czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
|
|
16
|
-
const rowBaseStyles = css({
|
|
17
|
-
alignItems: 'center',
|
|
18
|
-
bg: 'transparent',
|
|
19
|
-
border: 'none',
|
|
20
|
-
cursor: 'inherit',
|
|
21
|
-
display: 'flex',
|
|
22
|
-
flexDirection: {
|
|
23
|
-
_: 'column',
|
|
24
|
-
c_xs: 'row'
|
|
25
|
-
},
|
|
26
|
-
p: barListItemPadding,
|
|
27
|
-
position: 'relative',
|
|
28
|
-
textDecoration: 'none',
|
|
29
|
-
width: '100%',
|
|
30
|
-
'&:focus': {
|
|
31
|
-
outline: 'none'
|
|
32
|
-
},
|
|
33
|
-
'&:focus-visible': {
|
|
34
|
-
outline: '2px solid',
|
|
35
|
-
outlineColor: 'primary',
|
|
36
|
-
outlineOffset: '2px'
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
const interactiveStyles = css({
|
|
40
|
-
cursor: 'pointer',
|
|
41
|
-
'&:hover': {
|
|
42
|
-
bg: 'background-hover'
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
export const RowWrapper = /*#__PURE__*/_styled('span', {
|
|
46
|
-
target: "e15ycbyh4",
|
|
47
|
-
label: "RowWrapper"
|
|
48
|
-
})(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
|
|
49
|
-
export const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
|
|
50
|
-
target: "e15ycbyh3",
|
|
51
|
-
label: "RowButton"
|
|
52
|
-
}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
|
|
53
|
-
export const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
|
|
54
|
-
target: "e15ycbyh2",
|
|
55
|
-
label: "RowAnchor"
|
|
56
|
-
}, styledOptions()))(rowBaseStyles, interactiveStyles, css({
|
|
57
|
-
[`&:hover ${TotalValueLabelsHoverTarget}`]: {
|
|
58
|
-
textDecoration: 'underline'
|
|
59
|
-
}
|
|
60
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
|
|
61
|
-
export const BarWrapper = /*#__PURE__*/_styled(Box, {
|
|
62
|
-
target: "e15ycbyh1",
|
|
63
|
-
label: "BarWrapper"
|
|
64
|
-
})(css({
|
|
65
|
-
alignItems: 'center',
|
|
66
|
-
borderRadius: {
|
|
67
|
-
_: 'md',
|
|
68
|
-
c_xs: 'xl'
|
|
69
|
-
},
|
|
70
|
-
display: 'flex',
|
|
71
|
-
flex: {
|
|
72
|
-
_: 'none',
|
|
73
|
-
c_xs: 1
|
|
74
|
-
},
|
|
75
|
-
height: {
|
|
76
|
-
_: 8,
|
|
77
|
-
c_xs: 24
|
|
78
|
-
},
|
|
79
|
-
overflow: 'hidden',
|
|
80
|
-
position: 'relative',
|
|
81
|
-
width: {
|
|
82
|
-
_: '100%',
|
|
83
|
-
c_xs: 'auto'
|
|
84
|
-
},
|
|
85
|
-
mt: {
|
|
86
|
-
_: 8,
|
|
87
|
-
c_xs: 0
|
|
88
|
-
}
|
|
89
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
|
|
90
|
-
export const Bar = /*#__PURE__*/_styled(motion.create(Box), {
|
|
91
|
-
target: "e15ycbyh0",
|
|
92
|
-
label: "Bar"
|
|
93
|
-
})(css({
|
|
94
|
-
alignItems: 'center',
|
|
95
|
-
borderRadius: 'inherit',
|
|
96
|
-
borderStyle: 'solid',
|
|
97
|
-
borderWidth: '1px',
|
|
98
|
-
display: 'flex',
|
|
99
|
-
height: '100%',
|
|
100
|
-
left: 0,
|
|
101
|
-
position: 'absolute'
|
|
102
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BarProps } from '../shared/types';
|
|
3
|
-
export type BarRowProps = BarProps & {
|
|
4
|
-
index?: number;
|
|
5
|
-
};
|
|
6
|
-
export declare const BarRow: import("react").ForwardRefExoticComponent<BarRowProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement | HTMLButtonElement>>;
|
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
import { forwardRef, useMemo, useRef } from 'react';
|
|
2
|
-
import { Box, FlexBox } from '../../Box';
|
|
3
|
-
import { Text } from '../../Typography';
|
|
4
|
-
import { iconPadding, iconWidth, minBarWidth } from '../shared/styles';
|
|
5
|
-
import { calculateBarWidth, formatValueWithUnit, getValuesSummary } from '../utils';
|
|
6
|
-
import { useBarBorderColor, useBarChartContext, useMeasureCategoryLabelWidth, useMeasureTotalValueLabelWidth } from '../utils/hooks';
|
|
7
|
-
import { Bar, BarWrapper, RowAnchor, RowButton, RowWrapper, TotalValueLabelsHoverTarget } from './elements';
|
|
8
|
-
import { ValueLabelsContent } from './ValueLabelsContent';
|
|
9
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
|
-
export const BarRow = /*#__PURE__*/forwardRef(({
|
|
11
|
-
categoryLabel,
|
|
12
|
-
seriesOneValue,
|
|
13
|
-
seriesTwoValue,
|
|
14
|
-
icon: Icon,
|
|
15
|
-
onClick,
|
|
16
|
-
href,
|
|
17
|
-
index = 0
|
|
18
|
-
}, ref) => {
|
|
19
|
-
const {
|
|
20
|
-
maxScaleValue,
|
|
21
|
-
unit,
|
|
22
|
-
styleConfig,
|
|
23
|
-
animate,
|
|
24
|
-
widestCategoryLabelWidth,
|
|
25
|
-
widestTotalValueLabelWidth,
|
|
26
|
-
translations
|
|
27
|
-
} = useBarChartContext();
|
|
28
|
-
const {
|
|
29
|
-
textColor,
|
|
30
|
-
seriesOneBarColor,
|
|
31
|
-
seriesTwoBarColor,
|
|
32
|
-
seriesOneLabel,
|
|
33
|
-
seriesTwoLabel
|
|
34
|
-
} = styleConfig;
|
|
35
|
-
const labelRef = useRef(null);
|
|
36
|
-
const totalValueLabelRef = useRef(null);
|
|
37
|
-
useMeasureCategoryLabelWidth({
|
|
38
|
-
ref: labelRef
|
|
39
|
-
});
|
|
40
|
-
useMeasureTotalValueLabelWidth({
|
|
41
|
-
ref: totalValueLabelRef
|
|
42
|
-
});
|
|
43
|
-
const getBorderColor = useBarBorderColor();
|
|
44
|
-
const isStacked = seriesTwoValue !== undefined;
|
|
45
|
-
const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
|
|
46
|
-
const {
|
|
47
|
-
seriesOneBorderColor,
|
|
48
|
-
seriesTwoBorderColor
|
|
49
|
-
} = useMemo(() => ({
|
|
50
|
-
seriesOneBorderColor: getBorderColor(seriesOneBarColor),
|
|
51
|
-
seriesTwoBorderColor: getBorderColor(seriesTwoBarColor)
|
|
52
|
-
}), [getBorderColor, seriesOneBarColor, seriesTwoBarColor]);
|
|
53
|
-
const {
|
|
54
|
-
bgWidthStr,
|
|
55
|
-
fgWidthStr
|
|
56
|
-
} = useMemo(() => {
|
|
57
|
-
const bgWidth = calculateBarWidth({
|
|
58
|
-
value: displayValue,
|
|
59
|
-
maxScaleValue
|
|
60
|
-
});
|
|
61
|
-
const fgWidth = isStacked ? calculateBarWidth({
|
|
62
|
-
value: seriesOneValue,
|
|
63
|
-
maxScaleValue
|
|
64
|
-
}) : 0;
|
|
65
|
-
return {
|
|
66
|
-
bgWidthStr: `${Math.max(minBarWidth, bgWidth)}%`,
|
|
67
|
-
fgWidthStr: `${Math.max(minBarWidth, fgWidth)}%`
|
|
68
|
-
};
|
|
69
|
-
}, [displayValue, isStacked, seriesOneValue, maxScaleValue]);
|
|
70
|
-
const valuesSummary = useMemo(() => getValuesSummary({
|
|
71
|
-
seriesOneValue,
|
|
72
|
-
seriesTwoValue,
|
|
73
|
-
unit,
|
|
74
|
-
categoryLabel,
|
|
75
|
-
translations
|
|
76
|
-
}), [seriesOneValue, seriesTwoValue, unit, categoryLabel, translations]);
|
|
77
|
-
const animationDelay = animate ? index * 0.1 : 0;
|
|
78
|
-
const widthValue = widestCategoryLabelWidth === null ? 'min-content' : widestCategoryLabelWidth;
|
|
79
|
-
const totalValueLabelWidthValue = widestTotalValueLabelWidth === null ? 'min-content' : widestTotalValueLabelWidth;
|
|
80
|
-
const {
|
|
81
|
-
seriesOneFormatted,
|
|
82
|
-
displayValueFormatted
|
|
83
|
-
} = useMemo(() => ({
|
|
84
|
-
seriesOneFormatted: formatValueWithUnit({
|
|
85
|
-
value: seriesOneValue,
|
|
86
|
-
unit,
|
|
87
|
-
locale: translations.locale
|
|
88
|
-
}),
|
|
89
|
-
displayValueFormatted: formatValueWithUnit({
|
|
90
|
-
value: displayValue,
|
|
91
|
-
unit,
|
|
92
|
-
locale: translations.locale
|
|
93
|
-
})
|
|
94
|
-
}), [seriesOneValue, displayValue, unit, translations.locale]);
|
|
95
|
-
const valueLabelsContent = useMemo(() => /*#__PURE__*/_jsx(ValueLabelsContent, {
|
|
96
|
-
displayValueFormatted: displayValueFormatted,
|
|
97
|
-
isStacked: isStacked,
|
|
98
|
-
seriesOneFormatted: seriesOneFormatted,
|
|
99
|
-
seriesOneLabel: seriesOneLabel,
|
|
100
|
-
seriesTwoLabel: seriesTwoLabel
|
|
101
|
-
}), [displayValueFormatted, isStacked, seriesOneFormatted, seriesOneLabel, seriesTwoLabel]);
|
|
102
|
-
const labelsContainer = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
|
|
103
|
-
alignItems: "center",
|
|
104
|
-
display: {
|
|
105
|
-
_: 'flex',
|
|
106
|
-
c_xs: 'none'
|
|
107
|
-
},
|
|
108
|
-
flexWrap: "wrap",
|
|
109
|
-
gap: 8,
|
|
110
|
-
justifyContent: "space-between",
|
|
111
|
-
width: "100%",
|
|
112
|
-
children: [/*#__PURE__*/_jsxs(FlexBox, {
|
|
113
|
-
alignItems: "center",
|
|
114
|
-
color: textColor,
|
|
115
|
-
flexShrink: 0,
|
|
116
|
-
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
|
117
|
-
mr: iconPadding,
|
|
118
|
-
size: iconWidth
|
|
119
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
120
|
-
fontWeight: "bold",
|
|
121
|
-
truncate: "ellipsis",
|
|
122
|
-
truncateLines: 1,
|
|
123
|
-
whiteSpace: "nowrap",
|
|
124
|
-
children: categoryLabel
|
|
125
|
-
})]
|
|
126
|
-
}), /*#__PURE__*/_jsx(TotalValueLabelsHoverTarget, {
|
|
127
|
-
gap: 8,
|
|
128
|
-
children: valueLabelsContent
|
|
129
|
-
})]
|
|
130
|
-
}), [textColor, Icon, categoryLabel, valueLabelsContent]);
|
|
131
|
-
const categoryLabelNode = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
|
|
132
|
-
alignItems: "center",
|
|
133
|
-
"aria-hidden": true,
|
|
134
|
-
color: textColor,
|
|
135
|
-
display: {
|
|
136
|
-
_: 'none',
|
|
137
|
-
c_xs: 'flex'
|
|
138
|
-
},
|
|
139
|
-
flexShrink: 0,
|
|
140
|
-
pr: {
|
|
141
|
-
_: 0,
|
|
142
|
-
c_xs: 24
|
|
143
|
-
},
|
|
144
|
-
ref: labelRef,
|
|
145
|
-
width: {
|
|
146
|
-
_: 'auto',
|
|
147
|
-
c_xs: widthValue
|
|
148
|
-
},
|
|
149
|
-
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
|
150
|
-
mr: iconPadding,
|
|
151
|
-
size: iconWidth
|
|
152
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
153
|
-
fontWeight: "bold",
|
|
154
|
-
truncate: "ellipsis",
|
|
155
|
-
truncateLines: 1,
|
|
156
|
-
whiteSpace: "nowrap",
|
|
157
|
-
children: categoryLabel
|
|
158
|
-
})]
|
|
159
|
-
}), [textColor, Icon, categoryLabel, widthValue]);
|
|
160
|
-
const totalValueLabelNode = useMemo(() => /*#__PURE__*/_jsx(TotalValueLabelsHoverTarget, {
|
|
161
|
-
display: {
|
|
162
|
-
_: 'none',
|
|
163
|
-
c_xs: 'flex'
|
|
164
|
-
},
|
|
165
|
-
pl: {
|
|
166
|
-
_: 0,
|
|
167
|
-
c_xs: 24
|
|
168
|
-
},
|
|
169
|
-
ref: totalValueLabelRef,
|
|
170
|
-
width: {
|
|
171
|
-
_: 'auto',
|
|
172
|
-
c_xs: totalValueLabelWidthValue
|
|
173
|
-
},
|
|
174
|
-
children: valueLabelsContent
|
|
175
|
-
}), [valueLabelsContent, totalValueLabelWidthValue]);
|
|
176
|
-
const rowContent = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
|
|
177
|
-
children: [labelsContainer, categoryLabelNode, /*#__PURE__*/_jsxs(BarWrapper, {
|
|
178
|
-
children: [/*#__PURE__*/_jsx(Bar, {
|
|
179
|
-
animate: animate ? {
|
|
180
|
-
width: bgWidthStr
|
|
181
|
-
} : undefined,
|
|
182
|
-
bg: isStacked ? seriesTwoBarColor : seriesOneBarColor,
|
|
183
|
-
borderColor: isStacked ? seriesTwoBorderColor : seriesOneBorderColor,
|
|
184
|
-
"data-testid": "background-bar",
|
|
185
|
-
initial: animate ? {
|
|
186
|
-
width: '0%'
|
|
187
|
-
} : undefined,
|
|
188
|
-
transition: {
|
|
189
|
-
duration: 0.5,
|
|
190
|
-
delay: animationDelay
|
|
191
|
-
},
|
|
192
|
-
width: !animate ? bgWidthStr : undefined
|
|
193
|
-
}), isStacked && /*#__PURE__*/_jsx(Bar, {
|
|
194
|
-
animate: animate ? {
|
|
195
|
-
width: fgWidthStr
|
|
196
|
-
} : undefined,
|
|
197
|
-
bg: seriesOneBarColor,
|
|
198
|
-
borderColor: seriesOneBorderColor,
|
|
199
|
-
"data-testid": "foreground-bar",
|
|
200
|
-
initial: animate ? {
|
|
201
|
-
width: '0%'
|
|
202
|
-
} : undefined,
|
|
203
|
-
transition: {
|
|
204
|
-
duration: 0.5,
|
|
205
|
-
delay: animationDelay + 0.25
|
|
206
|
-
},
|
|
207
|
-
width: !animate ? fgWidthStr : undefined
|
|
208
|
-
})]
|
|
209
|
-
}), totalValueLabelNode]
|
|
210
|
-
}), [animate, animationDelay, bgWidthStr, fgWidthStr, isStacked, labelsContainer, categoryLabelNode, totalValueLabelNode, seriesOneBarColor, seriesOneBorderColor, seriesTwoBarColor, seriesTwoBorderColor]);
|
|
211
|
-
const content = href ? /*#__PURE__*/_jsx(RowAnchor, {
|
|
212
|
-
"aria-label": valuesSummary,
|
|
213
|
-
href: href,
|
|
214
|
-
ref: ref,
|
|
215
|
-
onClick: onClick,
|
|
216
|
-
children: rowContent
|
|
217
|
-
}) : onClick ? /*#__PURE__*/_jsx(RowButton, {
|
|
218
|
-
"aria-label": valuesSummary,
|
|
219
|
-
ref: ref,
|
|
220
|
-
onClick: onClick,
|
|
221
|
-
children: rowContent
|
|
222
|
-
}) : /*#__PURE__*/_jsx(_Fragment, {
|
|
223
|
-
children: /*#__PURE__*/_jsxs(RowWrapper, {
|
|
224
|
-
ref: ref,
|
|
225
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
226
|
-
screenreader: true,
|
|
227
|
-
children: valuesSummary
|
|
228
|
-
}), " ", rowContent]
|
|
229
|
-
})
|
|
230
|
-
});
|
|
231
|
-
return /*#__PURE__*/_jsx(Box, {
|
|
232
|
-
as: "li",
|
|
233
|
-
children: content
|
|
234
|
-
});
|
|
235
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generic Type Example for BarChart with Custom Sorting
|
|
3
|
-
*
|
|
4
|
-
* This file demonstrates how the generic types work with custom properties.
|
|
5
|
-
* TypeScript will automatically infer the bar type from barValues, and
|
|
6
|
-
* sort functions will receive the correct type with custom properties.
|
|
7
|
-
*
|
|
8
|
-
* THIS WILL BE DELETED BEFORE SHIPPING
|
|
9
|
-
*/
|
|
10
|
-
export declare const DateSortingExample: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const CategorySortingExample: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const ComplexSortingExample: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export declare const ExplicitTypeExample: () => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export declare const WrongCategorySortingExample: () => import("react/jsx-runtime").JSX.Element;
|