@codecademy/gamut 68.0.2-alpha.f8c3b5.0 → 68.1.0-alpha.46f13d.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.
Files changed (55) hide show
  1. package/dist/Anchor/index.d.ts +60 -12
  2. package/dist/Badge/index.d.ts +74 -14
  3. package/dist/Box/props.d.ts +204 -40
  4. package/dist/Button/shared/styles.d.ts +190 -38
  5. package/dist/Card/elements.d.ts +612 -120
  6. package/dist/ConnectedForm/utils.d.ts +1 -1
  7. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  8. package/dist/Form/elements/Form.d.ts +191 -39
  9. package/dist/Form/elements/FormGroupLabel.js +2 -2
  10. package/dist/Form/inputs/Select.js +5 -6
  11. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
  12. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +30 -6
  13. package/dist/Layout/Column.d.ts +60 -12
  14. package/dist/Layout/LayoutGrid.d.ts +60 -12
  15. package/dist/List/elements.d.ts +265 -53
  16. package/dist/Menu/elements.d.ts +204 -40
  17. package/dist/Pagination/AnimatedPaginationButtons.d.ts +190 -38
  18. package/dist/Pagination/utils.d.ts +190 -38
  19. package/dist/Tabs/props.d.ts +60 -12
  20. package/dist/Tag/types.d.ts +60 -12
  21. package/dist/Toggle/elements.d.ts +134 -26
  22. package/dist/Typography/Text.d.ts +74 -14
  23. package/dist/index.d.ts +0 -1
  24. package/dist/index.js +0 -1
  25. package/package.json +7 -7
  26. package/dist/BarChart/BarChartProvider.d.ts +0 -20
  27. package/dist/BarChart/BarChartProvider.js +0 -31
  28. package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
  29. package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -30
  30. package/dist/BarChart/BarRow/elements.d.ts +0 -719
  31. package/dist/BarChart/BarRow/elements.js +0 -97
  32. package/dist/BarChart/BarRow/index.d.ts +0 -26
  33. package/dist/BarChart/BarRow/index.js +0 -243
  34. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  35. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -328
  36. package/dist/BarChart/index.d.ts +0 -4
  37. package/dist/BarChart/index.js +0 -155
  38. package/dist/BarChart/layout/GridLines.d.ts +0 -7
  39. package/dist/BarChart/layout/GridLines.js +0 -78
  40. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
  41. package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
  42. package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
  43. package/dist/BarChart/layout/VerticalSpacer.js +0 -56
  44. package/dist/BarChart/shared/elements.d.ts +0 -7
  45. package/dist/BarChart/shared/elements.js +0 -12
  46. package/dist/BarChart/shared/styles.d.ts +0 -4
  47. package/dist/BarChart/shared/styles.js +0 -4
  48. package/dist/BarChart/shared/translations.d.ts +0 -68
  49. package/dist/BarChart/shared/translations.js +0 -52
  50. package/dist/BarChart/shared/types.d.ts +0 -94
  51. package/dist/BarChart/shared/types.js +0 -1
  52. package/dist/BarChart/utils/hooks.d.ts +0 -91
  53. package/dist/BarChart/utils/hooks.js +0 -291
  54. package/dist/BarChart/utils/index.d.ts +0 -100
  55. package/dist/BarChart/utils/index.js +0 -224
@@ -1,97 +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 RightLabelsHoverTarget = /*#__PURE__*/_styled(FlexBox, {
8
- target: "e15ycbyh5",
9
- label: "RightLabelsHoverTarget"
10
- })(css({}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9zQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvQmFyUm93L2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IGJhckxpc3RJdGVtUGFkZGluZyB9IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgUmlnaHRMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShjc3Moe30pKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIHhzOiAncm93JyB9LFxuXG4gIHA6IGJhckxpc3RJdGVtUGFkZGluZyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIHdpZHRoOiAnMTAwJScsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdzcGFuJykocm93QmFzZVN0eWxlcyk7XG5leHBvcnQgY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5leHBvcnQgY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlcyxcbiAgY3NzKHtcbiAgICBbYCY6aG92ZXIgJHtSaWdodExhYmVsc0hvdmVyVGFyZ2V0fWBdOiB7XG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ3VuZGVybGluZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXJXcmFwcGVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYm9yZGVyUmFkaXVzOiB7IF86ICdtZCcgYXMgYW55LCB4czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgeHM6IDEgfSxcbiAgICBoZWlnaHQ6IHsgXzogOCwgeHM6IDI0IH0sXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHdpZHRoOiB7IF86ICcxMDAlJywgeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIHhzOiAwIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyID0gc3R5bGVkKG1vdGlvbi5jcmVhdGUoQm94KSkoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYm9yZGVyUmFkaXVzOiAnaW5oZXJpdCcsXG4gICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgYm9yZGVyV2lkdGg6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBsZWZ0OiAwLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB9KVxuKTtcbiJdfQ== */");
11
- const rowBaseStyles = css({
12
- alignItems: 'center',
13
- bg: 'transparent',
14
- border: 'none',
15
- cursor: 'inherit',
16
- display: 'flex',
17
- flexDirection: {
18
- _: 'column',
19
- xs: 'row'
20
- },
21
- p: barListItemPadding,
22
- position: 'relative',
23
- textDecoration: 'none',
24
- width: '100%',
25
- '&:focus': {
26
- outline: 'none'
27
- },
28
- '&:focus-visible': {
29
- outline: '2px solid',
30
- outlineColor: 'primary',
31
- outlineOffset: '2px'
32
- }
33
- });
34
- const interactiveStyles = css({
35
- cursor: 'pointer',
36
- '&:hover': {
37
- bg: 'background-hover'
38
- }
39
- });
40
- export const RowWrapper = /*#__PURE__*/_styled('span', {
41
- target: "e15ycbyh4",
42
- label: "RowWrapper"
43
- })(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
44
- export const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
45
- target: "e15ycbyh3",
46
- label: "RowButton"
47
- }, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
48
- export const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
49
- target: "e15ycbyh2",
50
- label: "RowAnchor"
51
- }, styledOptions()))(rowBaseStyles, interactiveStyles, css({
52
- [`&:hover ${RightLabelsHoverTarget}`]: {
53
- textDecoration: 'underline'
54
- }
55
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
56
- export const BarWrapper = /*#__PURE__*/_styled(Box, {
57
- target: "e15ycbyh1",
58
- label: "BarWrapper"
59
- })(css({
60
- alignItems: 'center',
61
- borderRadius: {
62
- _: 'md',
63
- xs: 'xl'
64
- },
65
- display: 'flex',
66
- flex: {
67
- _: 'none',
68
- xs: 1
69
- },
70
- height: {
71
- _: 8,
72
- xs: 24
73
- },
74
- overflow: 'hidden',
75
- position: 'relative',
76
- width: {
77
- _: '100%',
78
- xs: 'auto'
79
- },
80
- mt: {
81
- _: 8,
82
- xs: 0
83
- }
84
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
85
- export const Bar = /*#__PURE__*/_styled(motion.create(Box), {
86
- target: "e15ycbyh0",
87
- label: "Bar"
88
- })(css({
89
- alignItems: 'center',
90
- borderRadius: 'inherit',
91
- borderStyle: 'solid',
92
- borderWidth: '1px',
93
- display: 'flex',
94
- height: '100%',
95
- left: 0,
96
- position: 'absolute'
97
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
@@ -1,26 +0,0 @@
1
- import { MouseEventHandler } from 'react';
2
- import { BarProps } from '../shared/types';
3
- export type BarRowProps = BarProps & {
4
- index?: number;
5
- };
6
- export declare const BarRow: import("react").ForwardRefExoticComponent<(Omit<{
7
- yLabel: string;
8
- seriesOneValue: number;
9
- seriesTwoValue?: number | undefined;
10
- icon?: import("react").ComponentType<import("@codecademy/gamut-icons").GamutIconProps> | undefined;
11
- } & Record<string, unknown> & {
12
- onClick?: undefined;
13
- href?: undefined;
14
- } & {
15
- index?: number | undefined;
16
- }, "ref"> | Omit<{
17
- yLabel: string;
18
- seriesOneValue: number;
19
- seriesTwoValue?: number | undefined;
20
- icon?: import("react").ComponentType<import("@codecademy/gamut-icons").GamutIconProps> | undefined;
21
- } & Record<string, unknown> & {
22
- onClick?: MouseEventHandler<HTMLButtonElement> | (MouseEventHandler<HTMLButtonElement> & MouseEventHandler<HTMLAnchorElement>) | undefined;
23
- href?: string | undefined;
24
- } & {
25
- index?: number | undefined;
26
- }, "ref">) & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement | HTMLButtonElement>>;
@@ -1,243 +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, useMeasureLeftLabelWidth, useMeasureRightLabelWidth } from '../utils/hooks';
7
- import { Bar, BarWrapper, RightLabelsHoverTarget, RowAnchor, RowButton, RowWrapper } 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
- yLabel,
12
- seriesOneValue,
13
- seriesTwoValue,
14
- icon: Icon,
15
- onClick,
16
- href,
17
- index = 0
18
- }, ref) => {
19
- const {
20
- minRange,
21
- maxRange,
22
- unit,
23
- styleConfig,
24
- animate,
25
- widestLeftLabelWidth,
26
- widestRightLabelWidth,
27
- translations
28
- } = useBarChartContext();
29
- const {
30
- textColor,
31
- seriesOneBarColor,
32
- seriesTwoBarColor,
33
- seriesOneLabel,
34
- seriesTwoLabel
35
- } = styleConfig;
36
- const labelRef = useRef(null);
37
- const rightLabelRef = useRef(null);
38
- useMeasureLeftLabelWidth({
39
- ref: labelRef
40
- });
41
- useMeasureRightLabelWidth({
42
- ref: rightLabelRef
43
- });
44
- const getBorderColor = useBarBorderColor();
45
- const isStacked = seriesTwoValue !== undefined;
46
- const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
47
- const {
48
- seriesOneBorderColor,
49
- seriesTwoBorderColor
50
- } = useMemo(() => ({
51
- seriesOneBorderColor: getBorderColor(seriesOneBarColor),
52
- seriesTwoBorderColor: getBorderColor(seriesTwoBarColor)
53
- }), [getBorderColor, seriesOneBarColor, seriesTwoBarColor]);
54
- const {
55
- bgWidthStr,
56
- fgWidthStr
57
- } = useMemo(() => {
58
- const bgWidth = calculateBarWidth({
59
- value: displayValue,
60
- minRange,
61
- maxRange
62
- });
63
- const fgWidth = isStacked ? calculateBarWidth({
64
- value: seriesOneValue,
65
- minRange,
66
- maxRange
67
- }) : 0;
68
- return {
69
- bgWidthStr: `${Math.max(minBarWidth, bgWidth)}%`,
70
- fgWidthStr: `${Math.max(minBarWidth, fgWidth)}%`
71
- };
72
- }, [displayValue, isStacked, seriesOneValue, minRange, maxRange]);
73
- const valuesSummary = useMemo(() => getValuesSummary({
74
- isInteractive: !!(href || onClick),
75
- seriesOneValue,
76
- seriesTwoValue,
77
- unit,
78
- yLabel,
79
- translations
80
- }), [href, onClick, seriesOneValue, seriesTwoValue, unit, yLabel, translations]);
81
- const animationDelay = animate ? index * 0.1 : 0;
82
- const widthValue = widestLeftLabelWidth === null ? 'min-content' : widestLeftLabelWidth;
83
- const rightWidthValue = widestRightLabelWidth === null ? 'min-content' : widestRightLabelWidth;
84
- const {
85
- seriesOneFormatted,
86
- displayValueFormatted
87
- } = useMemo(() => ({
88
- seriesOneFormatted: formatValueWithUnit({
89
- value: seriesOneValue,
90
- unit,
91
- locale: translations.locale
92
- }),
93
- displayValueFormatted: formatValueWithUnit({
94
- value: displayValue,
95
- unit,
96
- locale: translations.locale
97
- })
98
- }), [seriesOneValue, displayValue, unit, translations.locale]);
99
- const valueLabelsContent = useMemo(() => /*#__PURE__*/_jsx(ValueLabelsContent, {
100
- displayValueFormatted: displayValueFormatted,
101
- isStacked: isStacked,
102
- seriesOneFormatted: seriesOneFormatted,
103
- seriesOneLabel: seriesOneLabel,
104
- seriesTwoLabel: seriesTwoLabel
105
- }), [displayValueFormatted, isStacked, seriesOneFormatted, seriesOneLabel, seriesTwoLabel]);
106
- const labelsContainer = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
107
- alignItems: "center",
108
- display: {
109
- _: 'flex',
110
- c_xs: 'none'
111
- },
112
- gap: 8,
113
- justifyContent: "space-between",
114
- width: "100%",
115
- children: [/*#__PURE__*/_jsxs(FlexBox, {
116
- alignItems: "center",
117
- color: textColor,
118
- flexShrink: 0,
119
- children: [Icon && /*#__PURE__*/_jsx(Icon, {
120
- mr: iconPadding,
121
- size: iconWidth
122
- }), /*#__PURE__*/_jsx(Text, {
123
- fontWeight: "bold",
124
- truncate: "ellipsis",
125
- truncateLines: 1,
126
- whiteSpace: "nowrap",
127
- children: yLabel
128
- })]
129
- }), /*#__PURE__*/_jsx(RightLabelsHoverTarget, {
130
- alignItems: "center",
131
- flexShrink: 0,
132
- gap: 8,
133
- justifyContent: "flex-end",
134
- children: valueLabelsContent
135
- })]
136
- }), [textColor, Icon, yLabel, valueLabelsContent]);
137
- const leftLabel = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
138
- alignItems: "center",
139
- color: textColor,
140
- display: {
141
- _: 'none',
142
- c_xs: 'flex'
143
- },
144
- flexShrink: 0,
145
- pr: {
146
- _: 0,
147
- c_xs: 24
148
- },
149
- ref: labelRef,
150
- width: {
151
- _: 'auto',
152
- c_xs: widthValue
153
- },
154
- children: [Icon && /*#__PURE__*/_jsx(Icon, {
155
- mr: iconPadding,
156
- size: iconWidth
157
- }), /*#__PURE__*/_jsx(Text, {
158
- fontWeight: "bold",
159
- truncate: "ellipsis",
160
- truncateLines: 1,
161
- whiteSpace: "nowrap",
162
- children: yLabel
163
- })]
164
- }), [textColor, Icon, yLabel, widthValue]);
165
- const rightLabel = useMemo(() => /*#__PURE__*/_jsx(RightLabelsHoverTarget, {
166
- alignItems: "center",
167
- display: {
168
- _: 'none',
169
- c_xs: 'flex'
170
- },
171
- flexShrink: 0,
172
- justifyContent: "flex-end",
173
- pl: {
174
- _: 0,
175
- c_xs: 24
176
- },
177
- ref: rightLabelRef,
178
- width: {
179
- _: 'auto',
180
- c_xs: rightWidthValue
181
- },
182
- children: valueLabelsContent
183
- }), [valueLabelsContent, rightWidthValue]);
184
- const rowContent = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
185
- children: [labelsContainer, leftLabel, /*#__PURE__*/_jsxs(BarWrapper, {
186
- children: [/*#__PURE__*/_jsx(Bar, {
187
- animate: animate ? {
188
- width: bgWidthStr
189
- } : undefined,
190
- bg: isStacked ? seriesTwoBarColor : seriesOneBarColor,
191
- borderColor: isStacked ? seriesTwoBorderColor : seriesOneBorderColor,
192
- "data-testid": "background-bar",
193
- initial: animate ? {
194
- width: '0%'
195
- } : undefined,
196
- transition: {
197
- duration: 0.5,
198
- delay: animationDelay
199
- },
200
- width: !animate ? bgWidthStr : undefined
201
- }), isStacked && /*#__PURE__*/_jsx(Bar, {
202
- animate: animate ? {
203
- width: fgWidthStr
204
- } : undefined,
205
- bg: seriesOneBarColor,
206
- borderColor: seriesOneBorderColor,
207
- "data-testid": "foreground-bar",
208
- initial: animate ? {
209
- width: '0%'
210
- } : undefined,
211
- transition: {
212
- duration: 0.5,
213
- delay: animationDelay + 0.25
214
- },
215
- width: !animate ? fgWidthStr : undefined
216
- })]
217
- }), rightLabel]
218
- }), [animate, animationDelay, bgWidthStr, fgWidthStr, isStacked, labelsContainer, leftLabel, rightLabel, seriesOneBarColor, seriesOneBorderColor, seriesTwoBarColor, seriesTwoBorderColor]);
219
- const content = href ? /*#__PURE__*/_jsx(RowAnchor, {
220
- "aria-label": valuesSummary,
221
- href: href,
222
- ref: ref,
223
- onClick: onClick,
224
- children: rowContent
225
- }) : onClick ? /*#__PURE__*/_jsx(RowButton, {
226
- "aria-label": valuesSummary,
227
- ref: ref,
228
- onClick: onClick,
229
- children: rowContent
230
- }) : /*#__PURE__*/_jsx(_Fragment, {
231
- children: /*#__PURE__*/_jsxs(RowWrapper, {
232
- ref: ref,
233
- children: [/*#__PURE__*/_jsx(Text, {
234
- screenreader: true,
235
- children: valuesSummary
236
- }), " ", rowContent]
237
- })
238
- });
239
- return /*#__PURE__*/_jsx(Box, {
240
- as: "li",
241
- children: content
242
- });
243
- });
@@ -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;