@codecademy/gamut 68.0.1-alpha.4fa3a1.0 → 68.0.1-alpha.5950e5.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/dist/BarChart/BarChartProvider.js +2 -2
- package/dist/BarChart/BarRow/elements.d.ts +6 -0
- package/dist/BarChart/BarRow/elements.js +14 -6
- package/dist/BarChart/BarRow/index.js +15 -15
- package/dist/BarChart/index.d.ts +2 -2
- package/dist/BarChart/index.js +2 -2
- package/dist/BarChart/shared/translations.d.ts +54 -3
- package/dist/BarChart/shared/translations.js +36 -0
- package/dist/BarChart/shared/types.d.ts +11 -7
- package/dist/BarChart/utils/hooks.d.ts +2 -2
- package/dist/BarChart/utils/index.d.ts +3 -1
- package/dist/BarChart/utils/index.js +45 -3
- package/package.json +2 -2
|
@@ -2,8 +2,8 @@ import { createContext } from 'react';
|
|
|
2
2
|
import { defaultBarChartTranslations } from './shared/translations';
|
|
3
3
|
export const defaultStyleConfig = {
|
|
4
4
|
textColor: 'text',
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
seriesOneBarColor: 'text',
|
|
6
|
+
seriesTwoBarColor: 'primary',
|
|
7
7
|
seriesOneLabel: 'text-secondary',
|
|
8
8
|
seriesTwoLabel: 'primary'
|
|
9
9
|
};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
/// <reference types="react" />
|
|
3
|
+
export declare const RightLabelsHoverTarget: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
|
+
} & import("../../Box").FlexBoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
}, {}, {}>;
|
|
3
9
|
export declare const RowWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
10
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
11
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
@@ -2,8 +2,12 @@ import _styled from "@emotion/styled/base";
|
|
|
2
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
3
|
import { css, styledOptions } from '@codecademy/gamut-styles';
|
|
4
4
|
import { motion } from 'framer-motion';
|
|
5
|
-
import { Box } from '../../Box';
|
|
5
|
+
import { Box, FlexBox } from '../../Box';
|
|
6
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== */");
|
|
7
11
|
const rowBaseStyles = css({
|
|
8
12
|
alignItems: 'center',
|
|
9
13
|
bg: 'transparent',
|
|
@@ -36,15 +40,19 @@ const interactiveStyles = css({
|
|
|
36
40
|
export const RowWrapper = /*#__PURE__*/_styled('span', {
|
|
37
41
|
target: "e15ycbyh4",
|
|
38
42
|
label: "RowWrapper"
|
|
39
|
-
})(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
})(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
|
|
40
44
|
export const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
|
|
41
45
|
target: "e15ycbyh3",
|
|
42
46
|
label: "RowButton"
|
|
43
|
-
}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
|
|
44
48
|
export const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
|
|
45
49
|
target: "e15ycbyh2",
|
|
46
50
|
label: "RowAnchor"
|
|
47
|
-
}, styledOptions()))(rowBaseStyles, interactiveStyles,
|
|
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= */");
|
|
48
56
|
export const BarWrapper = /*#__PURE__*/_styled(Box, {
|
|
49
57
|
target: "e15ycbyh1",
|
|
50
58
|
label: "BarWrapper"
|
|
@@ -73,7 +81,7 @@ export const BarWrapper = /*#__PURE__*/_styled(Box, {
|
|
|
73
81
|
_: 8,
|
|
74
82
|
xs: 0
|
|
75
83
|
}
|
|
76
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
84
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
|
|
77
85
|
export const Bar = /*#__PURE__*/_styled(motion.create(Box), {
|
|
78
86
|
target: "e15ycbyh0",
|
|
79
87
|
label: "Bar"
|
|
@@ -86,4 +94,4 @@ export const Bar = /*#__PURE__*/_styled(motion.create(Box), {
|
|
|
86
94
|
height: '100%',
|
|
87
95
|
left: 0,
|
|
88
96
|
position: 'absolute'
|
|
89
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
97
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFJpZ2h0TGFiZWxzSG92ZXJUYXJnZXQgPSBzdHlsZWQoRmxleEJveCkoY3NzKHt9KSk7XG5cbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiB7IF86ICdjb2x1bW4nLCB4czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7UmlnaHRMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgeHM6ICd4bCcgfSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleDogeyBfOiAnbm9uZScsIHhzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIHhzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIHhzOiAnYXV0bycgfSxcbiAgICBtdDogeyBfOiA4LCB4czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
|
|
@@ -5,7 +5,7 @@ import { Text } from '../../Typography';
|
|
|
5
5
|
import { iconPadding, iconWidth, minBarWidth } from '../shared/styles';
|
|
6
6
|
import { calculateBarWidth, getValuesSummary } from '../utils';
|
|
7
7
|
import { useBarBorderColor, useBarChartContext, useMeasureLeftLabelWidth, useMeasureRightLabelWidth } from '../utils/hooks';
|
|
8
|
-
import { Bar, BarWrapper, RowAnchor, RowButton, RowWrapper } from './elements';
|
|
8
|
+
import { Bar, BarWrapper, RightLabelsHoverTarget, RowAnchor, RowButton, RowWrapper } from './elements';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
10
|
export const BarRow = /*#__PURE__*/forwardRef(({
|
|
11
11
|
yLabel,
|
|
@@ -28,8 +28,8 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
28
28
|
} = useBarChartContext();
|
|
29
29
|
const {
|
|
30
30
|
textColor,
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
seriesOneBarColor,
|
|
32
|
+
seriesTwoBarColor,
|
|
33
33
|
seriesOneLabel,
|
|
34
34
|
seriesTwoLabel
|
|
35
35
|
} = styleConfig;
|
|
@@ -45,12 +45,12 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
45
45
|
const isStacked = seriesTwoValue !== undefined;
|
|
46
46
|
const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
|
|
47
47
|
const {
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
seriesOneBorderColor,
|
|
49
|
+
seriesTwoBorderColor
|
|
50
50
|
} = useMemo(() => ({
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}), [getBorderColor,
|
|
51
|
+
seriesOneBorderColor: getBorderColor(seriesOneBarColor),
|
|
52
|
+
seriesTwoBorderColor: getBorderColor(seriesTwoBarColor)
|
|
53
|
+
}), [getBorderColor, seriesOneBarColor, seriesTwoBarColor]);
|
|
54
54
|
const {
|
|
55
55
|
bgWidthStr,
|
|
56
56
|
fgWidthStr
|
|
@@ -104,7 +104,7 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
104
104
|
whiteSpace: "nowrap",
|
|
105
105
|
children: yLabel
|
|
106
106
|
})]
|
|
107
|
-
}), /*#__PURE__*/_jsxs(
|
|
107
|
+
}), /*#__PURE__*/_jsxs(RightLabelsHoverTarget, {
|
|
108
108
|
alignItems: "center",
|
|
109
109
|
flexShrink: 0,
|
|
110
110
|
gap: 8,
|
|
@@ -156,7 +156,7 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
156
156
|
children: yLabel
|
|
157
157
|
})]
|
|
158
158
|
}), [textColor, Icon, yLabel, widthValue]);
|
|
159
|
-
const rightLabel = useMemo(() => /*#__PURE__*/_jsxs(
|
|
159
|
+
const rightLabel = useMemo(() => /*#__PURE__*/_jsxs(RightLabelsHoverTarget, {
|
|
160
160
|
alignItems: "center",
|
|
161
161
|
display: {
|
|
162
162
|
_: 'none',
|
|
@@ -198,8 +198,8 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
198
198
|
animate: animate ? {
|
|
199
199
|
width: bgWidthStr
|
|
200
200
|
} : undefined,
|
|
201
|
-
bg: isStacked ?
|
|
202
|
-
borderColor: isStacked ?
|
|
201
|
+
bg: isStacked ? seriesTwoBarColor : seriesOneBarColor,
|
|
202
|
+
borderColor: isStacked ? seriesTwoBorderColor : seriesOneBorderColor,
|
|
203
203
|
"data-testid": "background-bar",
|
|
204
204
|
initial: animate ? {
|
|
205
205
|
width: '0%'
|
|
@@ -213,8 +213,8 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
213
213
|
animate: animate ? {
|
|
214
214
|
width: fgWidthStr
|
|
215
215
|
} : undefined,
|
|
216
|
-
bg:
|
|
217
|
-
borderColor:
|
|
216
|
+
bg: seriesOneBarColor,
|
|
217
|
+
borderColor: seriesOneBorderColor,
|
|
218
218
|
"data-testid": "foreground-bar",
|
|
219
219
|
initial: animate ? {
|
|
220
220
|
width: '0%'
|
|
@@ -226,7 +226,7 @@ export const BarRow = /*#__PURE__*/forwardRef(({
|
|
|
226
226
|
width: !animate ? fgWidthStr : undefined
|
|
227
227
|
})]
|
|
228
228
|
}), rightLabel]
|
|
229
|
-
}), [animate, animationDelay,
|
|
229
|
+
}), [animate, animationDelay, bgWidthStr, fgWidthStr, isStacked, labelsContainer, leftLabel, rightLabel, seriesOneBarColor, seriesOneBorderColor, seriesTwoBarColor, seriesTwoBorderColor]);
|
|
230
230
|
const content = href ? /*#__PURE__*/_jsx(RowAnchor, {
|
|
231
231
|
"aria-label": valuesSummary,
|
|
232
232
|
href: href,
|
package/dist/BarChart/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BarChartTranslations } from './shared/translations';
|
|
1
|
+
import { BarChartAccessibilityInLabelContext, BarChartAccessibilityInOnlyContext, BarChartAccessibilityStackedContext, BarChartTranslations, PartialBarChartTranslations } from './shared/translations';
|
|
2
2
|
import { BarChartProps, BarProps, InferBarType } from './shared/types';
|
|
3
|
-
export type { BarProps, InferBarType, BarChartTranslations };
|
|
3
|
+
export type { BarChartAccessibilityInLabelContext, BarChartAccessibilityInOnlyContext, BarChartAccessibilityStackedContext, BarProps, InferBarType, BarChartTranslations, PartialBarChartTranslations, };
|
|
4
4
|
export declare const BarChart: <TBarValues extends BarProps[] | readonly BarProps[] = BarProps[]>({ "aria-labelledby": ariaLabelledBy, animate, barValues, description, hideDescription, hideTitle, maxRange, minRange, sortFns, styleConfig, title, translations, unit, xScale, }: BarChartProps<TBarValues>) => import("react/jsx-runtime").JSX.Element;
|
package/dist/BarChart/index.js
CHANGED
|
@@ -19,14 +19,14 @@ const StyledFormGroupLabel = /*#__PURE__*/_styled(FormGroupLabel, {
|
|
|
19
19
|
})(css({
|
|
20
20
|
mr: 8,
|
|
21
21
|
mt: 4
|
|
22
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M2QiIsImZpbGUiOiIuLi8uLi9zcmMvQmFyQ2hhcnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUlkLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHsgRm9ybUdyb3VwTGFiZWwgfSBmcm9tICcuLi9Gb3JtJztcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gJy4uL0Zvcm0vaW5wdXRzL1NlbGVjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeS9UZXh0JztcbmltcG9ydCB7IEJhckNoYXJ0UHJvdmlkZXIgfSBmcm9tICcuL0JhckNoYXJ0UHJvdmlkZXInO1xuaW1wb3J0IHsgQmFyUm93IH0gZnJvbSAnLi9CYXJSb3cnO1xuaW1wb3J0IHsgR3JpZExpbmVzIH0gZnJvbSAnLi9sYXlvdXQvR3JpZExpbmVzJztcbmltcG9ydCB7IFNjYWxlQ2hhcnRIZWFkZXIgfSBmcm9tICcuL2xheW91dC9TY2FsZUNoYXJ0SGVhZGVyJztcbmltcG9ydCB7IEJhcnNMaXN0IH0gZnJvbSAnLi9zaGFyZWQvZWxlbWVudHMnO1xuaW1wb3J0IHtcbiAgQmFyQ2hhcnRBY2Nlc3NpYmlsaXR5SW5MYWJlbENvbnRleHQsXG4gIEJhckNoYXJ0QWNjZXNzaWJpbGl0eUluT25seUNvbnRleHQsXG4gIEJhckNoYXJ0QWNjZXNzaWJpbGl0eVN0YWNrZWRDb250ZXh0LFxuICBCYXJDaGFydFRyYW5zbGF0aW9ucyxcbiAgZGVmYXVsdEJhckNoYXJ0VHJhbnNsYXRpb25zLFxuICBQYXJ0aWFsQmFyQ2hhcnRUcmFuc2xhdGlvbnMsXG59IGZyb20gJy4vc2hhcmVkL3RyYW5zbGF0aW9ucyc7XG5pbXBvcnQgeyBCYXJDaGFydFByb3BzLCBCYXJQcm9wcywgSW5mZXJCYXJUeXBlIH0gZnJvbSAnLi9zaGFyZWQvdHlwZXMnO1xuaW1wb3J0IHsgdXNlQmFyQ2hhcnQsIHVzZUJhckNoYXJ0U29ydCB9IGZyb20gJy4vdXRpbHMvaG9va3MnO1xuXG5leHBvcnQgdHlwZSB7XG4gIEJhckNoYXJ0QWNjZXNzaWJpbGl0eUluTGFiZWxDb250ZXh0LFxuICBCYXJDaGFydEFjY2Vzc2liaWxpdHlJbk9ubHlDb250ZXh0LFxuICBCYXJDaGFydEFjY2Vzc2liaWxpdHlTdGFja2VkQ29udGV4dCxcbiAgQmFyUHJvcHMsXG4gIEluZmVyQmFyVHlwZSxcbiAgQmFyQ2hhcnRUcmFuc2xhdGlvbnMsXG4gIFBhcnRpYWxCYXJDaGFydFRyYW5zbGF0aW9ucyxcbn07XG5cbmNvbnN0IFN0eWxlZEZvcm1Hcm91cExhYmVsID0gc3R5bGVkKEZvcm1Hcm91cExhYmVsKShcbiAgY3NzKHtcbiAgICBtcjogOCxcbiAgICBtdDogNCxcbiAgfSlcbik7XG5jb25zdCBXaWR0aFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKFxuICBjc3Moe1xuICAgIHdpZHRoOiAnbWF4LWNvbnRlbnQnLFxuICAgIHByOiAxMixcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXJDaGFydCA9IDxcbiAgVEJhclZhbHVlcyBleHRlbmRzIEJhclByb3BzW10gfCByZWFkb25seSBCYXJQcm9wc1tdID0gQmFyUHJvcHNbXVxuPih7XG4gICdhcmlhLWxhYmVsbGVkYnknOiBhcmlhTGFiZWxsZWRCeSxcbiAgYW5pbWF0ZSA9IGZhbHNlLFxuICBiYXJWYWx1ZXMsXG4gIGRlc2NyaXB0aW9uLFxuICBoaWRlRGVzY3JpcHRpb24gPSBmYWxzZSxcbiAgaGlkZVRpdGxlID0gZmFsc2UsXG4gIG1heFJhbmdlLFxuICBtaW5SYW5nZSxcbiAgc29ydEZucyxcbiAgc3R5bGVDb25maWcsXG4gIHRpdGxlLFxuICB0cmFuc2xhdGlvbnMsXG4gIHVuaXQgPSAnJyxcbiAgeFNjYWxlLFxufTogQmFyQ2hhcnRQcm9wczxUQmFyVmFsdWVzPikgPT4ge1xuICBjb25zdCBtZXJnZWRUcmFuc2xhdGlvbnMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICAuLi5kZWZhdWx0QmFyQ2hhcnRUcmFuc2xhdGlvbnMsXG4gICAgICAuLi50cmFuc2xhdGlvbnMsXG4gICAgICBzb3J0T3B0aW9uczoge1xuICAgICAgICAuLi5kZWZhdWx0QmFyQ2hhcnRUcmFuc2xhdGlvbnMuc29ydE9wdGlvbnMsXG4gICAgICAgIC4uLnRyYW5zbGF0aW9ucz8uc29ydE9wdGlvbnMsXG4gICAgICB9LFxuICAgICAgYWNjZXNzaWJpbGl0eToge1xuICAgICAgICAuLi5kZWZhdWx0QmFyQ2hhcnRUcmFuc2xhdGlvbnMuYWNjZXNzaWJpbGl0eSxcbiAgICAgICAgLi4udHJhbnNsYXRpb25zPy5hY2Nlc3NpYmlsaXR5LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICBbdHJhbnNsYXRpb25zXVxuICApO1xuXG4gIGNvbnN0IHsgc29ydGVkQmFycywgc2VsZWN0UHJvcHMgfSA9IHVzZUJhckNoYXJ0U29ydDxUQmFyVmFsdWVzPih7XG4gICAgYmFyczogYmFyVmFsdWVzLFxuICAgIHNvcnRGbnMsXG4gICAgdHJhbnNsYXRpb25zOiBtZXJnZWRUcmFuc2xhdGlvbnMsXG4gIH0pO1xuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IHVzZUJhckNoYXJ0KHtcbiAgICBtaW5SYW5nZSxcbiAgICBtYXhSYW5nZSxcbiAgICB4U2NhbGUsXG4gICAgdW5pdCxcbiAgICBzdHlsZUNvbmZpZyxcbiAgICBhbmltYXRlLFxuICAgIGJhckNvdW50OiBzb3J0ZWRCYXJzPy5sZW5ndGgsXG4gICAgdHJhbnNsYXRpb25zOiBtZXJnZWRUcmFuc2xhdGlvbnMsXG4gIH0pO1xuXG4gIGNvbnN0IHRpY2tDb3VudCA9IE1hdGguY2VpbCgobWF4UmFuZ2UgLSBtaW5SYW5nZSkgLyBjb250ZXh0VmFsdWUueFNjYWxlKSArIDE7XG5cbiAgY29uc3QgdGl0bGVJZCA9IHVzZUlkKCk7XG4gIGNvbnN0IHNvcnRTZWxlY3RJZCA9IHVzZUlkKCk7XG5cbiAgY29uc3QgdGl0bGVQcm9wcyA9XG4gICAgdHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJ1xuICAgICAgPyB7XG4gICAgICAgICAgYXM6ICdoMicgYXMgY29uc3QsXG4gICAgICAgICAgY2hpbGRyZW46IHRpdGxlLFxuICAgICAgICAgIGhpZGRlbjogaGlkZVRpdGxlLFxuICAgICAgICAgIGlkOiB0aXRsZUlkLFxuICAgICAgICAgIHZhcmlhbnQ6ICd0aXRsZS14cycgYXMgY29uc3QsXG4gICAgICAgIH1cbiAgICAgIDogdGl0bGVcbiAgICAgID8geyAuLi50aXRsZSwgY2hpbGRyZW46IHRpdGxlLnRpdGxlLCBoaWRkZW46IGhpZGVUaXRsZSwgaWQ6IHRpdGxlSWQgfVxuICAgICAgOiBudWxsO1xuXG4gIGNvbnN0IHRpdGxlQ29udGVudCA9XG4gICAgKHRpdGxlICYmICFoaWRlVGl0bGUpIHx8IHNlbGVjdFByb3BzID8gKFxuICAgICAgPEJveFxuICAgICAgICBib3JkZXJCb3R0b209ezF9XG4gICAgICAgIGJvcmRlckNvbG9yPVwiYmFja2dyb3VuZC1kaXNhYmxlZFwiXG4gICAgICAgIG1iPXsyNH1cbiAgICAgICAgcGI9ezh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAge3RpdGxlUHJvcHMgJiYgPFRleHQgbWI9ezR9IHsuLi50aXRsZVByb3BzfSAvPn1cbiAgICAgICAgICB7c2VsZWN0UHJvcHMgJiYgKFxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICA8U3R5bGVkRm9ybUdyb3VwTGFiZWxcbiAgICAgICAgICAgICAgICBodG1sRm9yPXtzb3J0U2VsZWN0SWR9XG4gICAgICAgICAgICAgICAgaXNTb2xvRmllbGRcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge21lcmdlZFRyYW5zbGF0aW9ucy5zb3J0TGFiZWx9XG4gICAgICAgICAgICAgIDwvU3R5bGVkRm9ybUdyb3VwTGFiZWw+XG4gICAgICAgICAgICAgIDxXaWR0aFNlbGVjdFxuICAgICAgICAgICAgICAgIHNpemVWYXJpYW50PVwic21hbGxcIlxuICAgICAgICAgICAgICAgIHsuLi5zZWxlY3RQcm9wc31cbiAgICAgICAgICAgICAgICBpZD17c29ydFNlbGVjdElkfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQm94PlxuICAgICkgOiAoXG4gICAgICA8VGV4dCB7Li4udGl0bGVQcm9wc30gLz5cbiAgICApO1xuXG4gIHJldHVybiAoXG4gICAgPEJhckNoYXJ0UHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZX0+XG4gICAgICB7dGl0bGVDb250ZW50fVxuICAgICAgPEJveCBhcz1cImZpZ3VyZVwiIHBvc2l0aW9uPVwicmVsYXRpdmVcIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFNjYWxlQ2hhcnRIZWFkZXJcbiAgICAgICAgICBsYWJlbENvdW50PXt0aWNrQ291bnR9XG4gICAgICAgICAgbWF4PXttYXhSYW5nZX1cbiAgICAgICAgICBtaW49e21pblJhbmdlfVxuICAgICAgICAvPlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICA8R3JpZExpbmVzIG1heD17bWF4UmFuZ2V9IG1pbj17bWluUmFuZ2V9IHRpY2tDb3VudD17dGlja0NvdW50fSAvPlxuICAgICAgICAgIDxCYXJzTGlzdCBhcmlhLWxhYmVsbGVkYnk9e2FyaWFMYWJlbGxlZEJ5ID8/IHRpdGxlSWR9PlxuICAgICAgICAgICAge3NvcnRlZEJhcnMubWFwKChiYXIsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IGtleSA9XG4gICAgICAgICAgICAgICAgYmFyLnlMYWJlbCAmJiBiYXIuc2VyaWVzT25lVmFsdWVcbiAgICAgICAgICAgICAgICAgID8gYCR7YmFyLnlMYWJlbH0tJHtiYXIuc2VyaWVzT25lVmFsdWV9LSR7XG4gICAgICAgICAgICAgICAgICAgICAgYmFyLnNlcmllc1R3b1ZhbHVlID8/ICcnXG4gICAgICAgICAgICAgICAgICAgIH0tJHtpbmRleH1gXG4gICAgICAgICAgICAgICAgICA6IGluZGV4O1xuICAgICAgICAgICAgICByZXR1cm4gPEJhclJvdyBpbmRleD17aW5kZXh9IGtleT17a2V5fSB7Li4uYmFyfSAvPjtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvQmFyc0xpc3Q+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8VGV4dFxuICAgICAgICAgIGFzPVwiZmlnY2FwdGlvblwiXG4gICAgICAgICAgY29sb3I9XCJ0ZXh0LWRpc2FibGVkXCJcbiAgICAgICAgICBoaWRkZW49e2hpZGVEZXNjcmlwdGlvbn1cbiAgICAgICAgICBtdD17OH1cbiAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIDwvQmFyQ2hhcnRQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */");
|
|
23
23
|
const WidthSelect = /*#__PURE__*/_styled(Select, {
|
|
24
24
|
target: "ey39o7m0",
|
|
25
25
|
label: "WidthSelect"
|
|
26
26
|
})(css({
|
|
27
27
|
width: 'max-content',
|
|
28
28
|
pr: 12
|
|
29
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NvQiIsImZpbGUiOiIuLi8uLi9zcmMvQmFyQ2hhcnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUlkLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHsgRm9ybUdyb3VwTGFiZWwgfSBmcm9tICcuLi9Gb3JtJztcbmltcG9ydCB7IFNlbGVjdCB9IGZyb20gJy4uL0Zvcm0vaW5wdXRzL1NlbGVjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeS9UZXh0JztcbmltcG9ydCB7IEJhckNoYXJ0UHJvdmlkZXIgfSBmcm9tICcuL0JhckNoYXJ0UHJvdmlkZXInO1xuaW1wb3J0IHsgQmFyUm93IH0gZnJvbSAnLi9CYXJSb3cnO1xuaW1wb3J0IHsgR3JpZExpbmVzIH0gZnJvbSAnLi9sYXlvdXQvR3JpZExpbmVzJztcbmltcG9ydCB7IFNjYWxlQ2hhcnRIZWFkZXIgfSBmcm9tICcuL2xheW91dC9TY2FsZUNoYXJ0SGVhZGVyJztcbmltcG9ydCB7IEJhcnNMaXN0IH0gZnJvbSAnLi9zaGFyZWQvZWxlbWVudHMnO1xuaW1wb3J0IHtcbiAgQmFyQ2hhcnRBY2Nlc3NpYmlsaXR5SW5MYWJlbENvbnRleHQsXG4gIEJhckNoYXJ0QWNjZXNzaWJpbGl0eUluT25seUNvbnRleHQsXG4gIEJhckNoYXJ0QWNjZXNzaWJpbGl0eVN0YWNrZWRDb250ZXh0LFxuICBCYXJDaGFydFRyYW5zbGF0aW9ucyxcbiAgZGVmYXVsdEJhckNoYXJ0VHJhbnNsYXRpb25zLFxuICBQYXJ0aWFsQmFyQ2hhcnRUcmFuc2xhdGlvbnMsXG59IGZyb20gJy4vc2hhcmVkL3RyYW5zbGF0aW9ucyc7XG5pbXBvcnQgeyBCYXJDaGFydFByb3BzLCBCYXJQcm9wcywgSW5mZXJCYXJUeXBlIH0gZnJvbSAnLi9zaGFyZWQvdHlwZXMnO1xuaW1wb3J0IHsgdXNlQmFyQ2hhcnQsIHVzZUJhckNoYXJ0U29ydCB9IGZyb20gJy4vdXRpbHMvaG9va3MnO1xuXG5leHBvcnQgdHlwZSB7XG4gIEJhckNoYXJ0QWNjZXNzaWJpbGl0eUluTGFiZWxDb250ZXh0LFxuICBCYXJDaGFydEFjY2Vzc2liaWxpdHlJbk9ubHlDb250ZXh0LFxuICBCYXJDaGFydEFjY2Vzc2liaWxpdHlTdGFja2VkQ29udGV4dCxcbiAgQmFyUHJvcHMsXG4gIEluZmVyQmFyVHlwZSxcbiAgQmFyQ2hhcnRUcmFuc2xhdGlvbnMsXG4gIFBhcnRpYWxCYXJDaGFydFRyYW5zbGF0aW9ucyxcbn07XG5cbmNvbnN0IFN0eWxlZEZvcm1Hcm91cExhYmVsID0gc3R5bGVkKEZvcm1Hcm91cExhYmVsKShcbiAgY3NzKHtcbiAgICBtcjogOCxcbiAgICBtdDogNCxcbiAgfSlcbik7XG5jb25zdCBXaWR0aFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKFxuICBjc3Moe1xuICAgIHdpZHRoOiAnbWF4LWNvbnRlbnQnLFxuICAgIHByOiAxMixcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXJDaGFydCA9IDxcbiAgVEJhclZhbHVlcyBleHRlbmRzIEJhclByb3BzW10gfCByZWFkb25seSBCYXJQcm9wc1tdID0gQmFyUHJvcHNbXVxuPih7XG4gICdhcmlhLWxhYmVsbGVkYnknOiBhcmlhTGFiZWxsZWRCeSxcbiAgYW5pbWF0ZSA9IGZhbHNlLFxuICBiYXJWYWx1ZXMsXG4gIGRlc2NyaXB0aW9uLFxuICBoaWRlRGVzY3JpcHRpb24gPSBmYWxzZSxcbiAgaGlkZVRpdGxlID0gZmFsc2UsXG4gIG1heFJhbmdlLFxuICBtaW5SYW5nZSxcbiAgc29ydEZucyxcbiAgc3R5bGVDb25maWcsXG4gIHRpdGxlLFxuICB0cmFuc2xhdGlvbnMsXG4gIHVuaXQgPSAnJyxcbiAgeFNjYWxlLFxufTogQmFyQ2hhcnRQcm9wczxUQmFyVmFsdWVzPikgPT4ge1xuICBjb25zdCBtZXJnZWRUcmFuc2xhdGlvbnMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICAuLi5kZWZhdWx0QmFyQ2hhcnRUcmFuc2xhdGlvbnMsXG4gICAgICAuLi50cmFuc2xhdGlvbnMsXG4gICAgICBzb3J0T3B0aW9uczoge1xuICAgICAgICAuLi5kZWZhdWx0QmFyQ2hhcnRUcmFuc2xhdGlvbnMuc29ydE9wdGlvbnMsXG4gICAgICAgIC4uLnRyYW5zbGF0aW9ucz8uc29ydE9wdGlvbnMsXG4gICAgICB9LFxuICAgICAgYWNjZXNzaWJpbGl0eToge1xuICAgICAgICAuLi5kZWZhdWx0QmFyQ2hhcnRUcmFuc2xhdGlvbnMuYWNjZXNzaWJpbGl0eSxcbiAgICAgICAgLi4udHJhbnNsYXRpb25zPy5hY2Nlc3NpYmlsaXR5LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICBbdHJhbnNsYXRpb25zXVxuICApO1xuXG4gIGNvbnN0IHsgc29ydGVkQmFycywgc2VsZWN0UHJvcHMgfSA9IHVzZUJhckNoYXJ0U29ydDxUQmFyVmFsdWVzPih7XG4gICAgYmFyczogYmFyVmFsdWVzLFxuICAgIHNvcnRGbnMsXG4gICAgdHJhbnNsYXRpb25zOiBtZXJnZWRUcmFuc2xhdGlvbnMsXG4gIH0pO1xuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IHVzZUJhckNoYXJ0KHtcbiAgICBtaW5SYW5nZSxcbiAgICBtYXhSYW5nZSxcbiAgICB4U2NhbGUsXG4gICAgdW5pdCxcbiAgICBzdHlsZUNvbmZpZyxcbiAgICBhbmltYXRlLFxuICAgIGJhckNvdW50OiBzb3J0ZWRCYXJzPy5sZW5ndGgsXG4gICAgdHJhbnNsYXRpb25zOiBtZXJnZWRUcmFuc2xhdGlvbnMsXG4gIH0pO1xuXG4gIGNvbnN0IHRpY2tDb3VudCA9IE1hdGguY2VpbCgobWF4UmFuZ2UgLSBtaW5SYW5nZSkgLyBjb250ZXh0VmFsdWUueFNjYWxlKSArIDE7XG5cbiAgY29uc3QgdGl0bGVJZCA9IHVzZUlkKCk7XG4gIGNvbnN0IHNvcnRTZWxlY3RJZCA9IHVzZUlkKCk7XG5cbiAgY29uc3QgdGl0bGVQcm9wcyA9XG4gICAgdHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJ1xuICAgICAgPyB7XG4gICAgICAgICAgYXM6ICdoMicgYXMgY29uc3QsXG4gICAgICAgICAgY2hpbGRyZW46IHRpdGxlLFxuICAgICAgICAgIGhpZGRlbjogaGlkZVRpdGxlLFxuICAgICAgICAgIGlkOiB0aXRsZUlkLFxuICAgICAgICAgIHZhcmlhbnQ6ICd0aXRsZS14cycgYXMgY29uc3QsXG4gICAgICAgIH1cbiAgICAgIDogdGl0bGVcbiAgICAgID8geyAuLi50aXRsZSwgY2hpbGRyZW46IHRpdGxlLnRpdGxlLCBoaWRkZW46IGhpZGVUaXRsZSwgaWQ6IHRpdGxlSWQgfVxuICAgICAgOiBudWxsO1xuXG4gIGNvbnN0IHRpdGxlQ29udGVudCA9XG4gICAgKHRpdGxlICYmICFoaWRlVGl0bGUpIHx8IHNlbGVjdFByb3BzID8gKFxuICAgICAgPEJveFxuICAgICAgICBib3JkZXJCb3R0b209ezF9XG4gICAgICAgIGJvcmRlckNvbG9yPVwiYmFja2dyb3VuZC1kaXNhYmxlZFwiXG4gICAgICAgIG1iPXsyNH1cbiAgICAgICAgcGI9ezh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAge3RpdGxlUHJvcHMgJiYgPFRleHQgbWI9ezR9IHsuLi50aXRsZVByb3BzfSAvPn1cbiAgICAgICAgICB7c2VsZWN0UHJvcHMgJiYgKFxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICA8U3R5bGVkRm9ybUdyb3VwTGFiZWxcbiAgICAgICAgICAgICAgICBodG1sRm9yPXtzb3J0U2VsZWN0SWR9XG4gICAgICAgICAgICAgICAgaXNTb2xvRmllbGRcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge21lcmdlZFRyYW5zbGF0aW9ucy5zb3J0TGFiZWx9XG4gICAgICAgICAgICAgIDwvU3R5bGVkRm9ybUdyb3VwTGFiZWw+XG4gICAgICAgICAgICAgIDxXaWR0aFNlbGVjdFxuICAgICAgICAgICAgICAgIHNpemVWYXJpYW50PVwic21hbGxcIlxuICAgICAgICAgICAgICAgIHsuLi5zZWxlY3RQcm9wc31cbiAgICAgICAgICAgICAgICBpZD17c29ydFNlbGVjdElkfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvQm94PlxuICAgICkgOiAoXG4gICAgICA8VGV4dCB7Li4udGl0bGVQcm9wc30gLz5cbiAgICApO1xuXG4gIHJldHVybiAoXG4gICAgPEJhckNoYXJ0UHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZX0+XG4gICAgICB7dGl0bGVDb250ZW50fVxuICAgICAgPEJveCBhcz1cImZpZ3VyZVwiIHBvc2l0aW9uPVwicmVsYXRpdmVcIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFNjYWxlQ2hhcnRIZWFkZXJcbiAgICAgICAgICBsYWJlbENvdW50PXt0aWNrQ291bnR9XG4gICAgICAgICAgbWF4PXttYXhSYW5nZX1cbiAgICAgICAgICBtaW49e21pblJhbmdlfVxuICAgICAgICAvPlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICA8R3JpZExpbmVzIG1heD17bWF4UmFuZ2V9IG1pbj17bWluUmFuZ2V9IHRpY2tDb3VudD17dGlja0NvdW50fSAvPlxuICAgICAgICAgIDxCYXJzTGlzdCBhcmlhLWxhYmVsbGVkYnk9e2FyaWFMYWJlbGxlZEJ5ID8/IHRpdGxlSWR9PlxuICAgICAgICAgICAge3NvcnRlZEJhcnMubWFwKChiYXIsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IGtleSA9XG4gICAgICAgICAgICAgICAgYmFyLnlMYWJlbCAmJiBiYXIuc2VyaWVzT25lVmFsdWVcbiAgICAgICAgICAgICAgICAgID8gYCR7YmFyLnlMYWJlbH0tJHtiYXIuc2VyaWVzT25lVmFsdWV9LSR7XG4gICAgICAgICAgICAgICAgICAgICAgYmFyLnNlcmllc1R3b1ZhbHVlID8/ICcnXG4gICAgICAgICAgICAgICAgICAgIH0tJHtpbmRleH1gXG4gICAgICAgICAgICAgICAgICA6IGluZGV4O1xuICAgICAgICAgICAgICByZXR1cm4gPEJhclJvdyBpbmRleD17aW5kZXh9IGtleT17a2V5fSB7Li4uYmFyfSAvPjtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvQmFyc0xpc3Q+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8VGV4dFxuICAgICAgICAgIGFzPVwiZmlnY2FwdGlvblwiXG4gICAgICAgICAgY29sb3I9XCJ0ZXh0LWRpc2FibGVkXCJcbiAgICAgICAgICBoaWRkZW49e2hpZGVEZXNjcmlwdGlvbn1cbiAgICAgICAgICBtdD17OH1cbiAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIDwvQmFyQ2hhcnRQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */");
|
|
30
30
|
export const BarChart = ({
|
|
31
31
|
'aria-labelledby': ariaLabelledBy,
|
|
32
32
|
animate = false,
|
|
@@ -1,3 +1,44 @@
|
|
|
1
|
+
/** Shared context fields for accessibility translation functions. */
|
|
2
|
+
type BarChartAccessibilityContextBase = {
|
|
3
|
+
unit: string;
|
|
4
|
+
locale: string;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Context passed to the single-bar accessibility translation function (inOnly).
|
|
8
|
+
* Used for non-interactive bars when the summary does not include the row label.
|
|
9
|
+
*/
|
|
10
|
+
export type BarChartAccessibilityInOnlyContext = BarChartAccessibilityContextBase & {
|
|
11
|
+
value: number;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Context passed to the single-bar-with-label accessibility translation function (inLabel).
|
|
15
|
+
* Used for interactive bars (button/link) when the summary includes the row label.
|
|
16
|
+
*/
|
|
17
|
+
export type BarChartAccessibilityInLabelContext = BarChartAccessibilityInOnlyContext & {
|
|
18
|
+
yLabel: string;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* Context passed to the stacked-bar accessibility translation function (gainedNowAt).
|
|
22
|
+
* Use when you need full control over the accessibility summary for stacked bars,
|
|
23
|
+
* e.g. for pluralization, word order, or locale-specific phrasing.
|
|
24
|
+
*/
|
|
25
|
+
export type BarChartAccessibilityStackedContext = BarChartAccessibilityContextBase & {
|
|
26
|
+
yLabel: string;
|
|
27
|
+
seriesOneValue: number;
|
|
28
|
+
seriesTwoValue: number;
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* BarChart translation configuration for internationalization.
|
|
32
|
+
*
|
|
33
|
+
* **Accessibility keys** (`gainedNowAt`, `inLabel`, `inOnly`) may be either:
|
|
34
|
+
* - **String** – Used as a fragment in the built-in template (e.g. "in", "gained - now at").
|
|
35
|
+
* Backward compatible with existing usage.
|
|
36
|
+
* - **Function** – Receives scoped context (values, label, unit, locale) and returns the
|
|
37
|
+
* **entire** accessibility summary string. Use for nuanced i18n (pluralization, word
|
|
38
|
+
* order, locale-specific phrasing).
|
|
39
|
+
*
|
|
40
|
+
* **sortLabel**, **sortOptions**, and **locale** are always strings.
|
|
41
|
+
*/
|
|
1
42
|
export type BarChartTranslations = {
|
|
2
43
|
sortLabel: string;
|
|
3
44
|
sortOptions: {
|
|
@@ -8,10 +49,20 @@ export type BarChartTranslations = {
|
|
|
8
49
|
valueDesc: string;
|
|
9
50
|
};
|
|
10
51
|
accessibility: {
|
|
11
|
-
gainedNowAt: string;
|
|
12
|
-
inLabel: string;
|
|
13
|
-
inOnly: string;
|
|
52
|
+
gainedNowAt: string | ((ctx: BarChartAccessibilityStackedContext) => string);
|
|
53
|
+
inLabel: string | ((ctx: BarChartAccessibilityInLabelContext) => string);
|
|
54
|
+
inOnly: string | ((ctx: BarChartAccessibilityInOnlyContext) => string);
|
|
14
55
|
};
|
|
56
|
+
/** For Intl.NumberFormat (e.g. 'en', 'es', 'fr'). */
|
|
15
57
|
locale: string;
|
|
16
58
|
};
|
|
59
|
+
/**
|
|
60
|
+
* Partial translations for BarChart. Nested `accessibility` and `sortOptions` may
|
|
61
|
+
* override individual keys; they are merged with defaults at runtime.
|
|
62
|
+
*/
|
|
63
|
+
export type PartialBarChartTranslations = Partial<Omit<BarChartTranslations, 'accessibility' | 'sortOptions'>> & {
|
|
64
|
+
sortOptions?: Partial<BarChartTranslations['sortOptions']>;
|
|
65
|
+
accessibility?: Partial<BarChartTranslations['accessibility']>;
|
|
66
|
+
};
|
|
17
67
|
export declare const defaultBarChartTranslations: BarChartTranslations;
|
|
68
|
+
export {};
|
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
/** Shared context fields for accessibility translation functions. */
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Context passed to the single-bar accessibility translation function (inOnly).
|
|
5
|
+
* Used for non-interactive bars when the summary does not include the row label.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Context passed to the single-bar-with-label accessibility translation function (inLabel).
|
|
10
|
+
* Used for interactive bars (button/link) when the summary includes the row label.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Context passed to the stacked-bar accessibility translation function (gainedNowAt).
|
|
15
|
+
* Use when you need full control over the accessibility summary for stacked bars,
|
|
16
|
+
* e.g. for pluralization, word order, or locale-specific phrasing.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* BarChart translation configuration for internationalization.
|
|
21
|
+
*
|
|
22
|
+
* **Accessibility keys** (`gainedNowAt`, `inLabel`, `inOnly`) may be either:
|
|
23
|
+
* - **String** – Used as a fragment in the built-in template (e.g. "in", "gained - now at").
|
|
24
|
+
* Backward compatible with existing usage.
|
|
25
|
+
* - **Function** – Receives scoped context (values, label, unit, locale) and returns the
|
|
26
|
+
* **entire** accessibility summary string. Use for nuanced i18n (pluralization, word
|
|
27
|
+
* order, locale-specific phrasing).
|
|
28
|
+
*
|
|
29
|
+
* **sortLabel**, **sortOptions**, and **locale** are always strings.
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Partial translations for BarChart. Nested `accessibility` and `sortOptions` may
|
|
34
|
+
* override individual keys; they are merged with defaults at runtime.
|
|
35
|
+
*/
|
|
36
|
+
|
|
1
37
|
export const defaultBarChartTranslations = {
|
|
2
38
|
sortLabel: 'Order by:',
|
|
3
39
|
sortOptions: {
|
|
@@ -5,7 +5,7 @@ import { ButtonProps } from '../../Button';
|
|
|
5
5
|
import { Text } from '../../Typography/Text';
|
|
6
6
|
import { HeadingTags } from '../../Typography/types';
|
|
7
7
|
import { CustomSortOption } from '../utils/hooks';
|
|
8
|
-
import {
|
|
8
|
+
import { PartialBarChartTranslations } from './translations';
|
|
9
9
|
type titleType = string | {
|
|
10
10
|
as?: HeadingTags;
|
|
11
11
|
title: string;
|
|
@@ -24,10 +24,10 @@ type BarChartLabel = BarChartAriaLabel | BarChartAriaLabelledBy;
|
|
|
24
24
|
export type BarChartStyles = {
|
|
25
25
|
/** Color for text labels. Defaults to 'text' */
|
|
26
26
|
textColor?: ColorAlias;
|
|
27
|
-
/** Color for the
|
|
28
|
-
|
|
29
|
-
/** Color for the
|
|
30
|
-
|
|
27
|
+
/** Color for the series one bar (seriesOneValue: overlay in stacked charts, only bar in simple charts). Defaults to 'text' */
|
|
28
|
+
seriesOneBarColor?: ColorAlias;
|
|
29
|
+
/** Color for the series two bar (seriesTwoValue: full bar in stacked charts; unused in simple). Defaults to 'primary' */
|
|
30
|
+
seriesTwoBarColor?: ColorAlias;
|
|
31
31
|
/** Color for the series one label (first right label when stacked, or displayValue when not stacked). Defaults to 'text-secondary' */
|
|
32
32
|
seriesOneLabel?: ColorAlias;
|
|
33
33
|
/** Color for the series two label (displayValue when stacked). Defaults to 'primary' */
|
|
@@ -80,8 +80,12 @@ export type BarChartProps<TBarValues extends BarProps[] | readonly BarProps[] =
|
|
|
80
80
|
xScale?: number;
|
|
81
81
|
/** Array of sort options to display in the dropdown. Can include string literals ('alphabetically', 'numerically', 'none') or custom sort functions. If not provided, the Select dropdown will not render. */
|
|
82
82
|
sortFns?: ('alphabetically' | 'numerically' | 'none' | CustomSortOption<InferBarType<TBarValues>>)[];
|
|
83
|
-
/**
|
|
84
|
-
|
|
83
|
+
/**
|
|
84
|
+
* Translations for internationalization. Partial translations are merged with defaults.
|
|
85
|
+
* Accessibility keys (gainedNowAt, inLabel, inOnly) may be strings or functions that
|
|
86
|
+
* receive scoped context (values, label, unit, locale) and return the full summary.
|
|
87
|
+
*/
|
|
88
|
+
translations?: PartialBarChartTranslations;
|
|
85
89
|
};
|
|
86
90
|
export type BarChartRange = Pick<BarChartProps, 'minRange' | 'maxRange'>;
|
|
87
91
|
export type BarChartUnit = Pick<BarChartProps, 'unit'>;
|
|
@@ -35,8 +35,8 @@ export declare const useBarChart: ({ minRange, maxRange, xScale, unit, styleConf
|
|
|
35
35
|
unit: string;
|
|
36
36
|
styleConfig: {
|
|
37
37
|
textColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
seriesOneBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
|
|
39
|
+
seriesTwoBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
|
|
40
40
|
seriesOneLabel: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
|
|
41
41
|
seriesTwoLabel: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
|
|
42
42
|
};
|
|
@@ -58,7 +58,9 @@ export declare const sortBars: <T extends BarProps>({ bars, sortBy, order, }: {
|
|
|
58
58
|
order: 'ascending' | 'descending';
|
|
59
59
|
}) => T[];
|
|
60
60
|
/**
|
|
61
|
-
* Generates an accessible summary of the bar values
|
|
61
|
+
* Generates an accessible summary of the bar values for aria-label / screen reader.
|
|
62
|
+
* When translations.accessibility keys are functions, they are called with scoped
|
|
63
|
+
* context (values, label, unit, locale) and their return value is used as the full summary.
|
|
62
64
|
*/
|
|
63
65
|
export declare const getValuesSummary: ({ isInteractive, seriesOneValue, seriesTwoValue, unit, yLabel, translations, }: Pick<BarProps, "yLabel" | "seriesOneValue" | "seriesTwoValue"> & Required<Pick<BarChartUnit, "unit">> & {
|
|
64
66
|
isInteractive: boolean;
|
|
@@ -117,7 +117,9 @@ export const sortBars = ({
|
|
|
117
117
|
};
|
|
118
118
|
|
|
119
119
|
/**
|
|
120
|
-
* Generates an accessible summary of the bar values
|
|
120
|
+
* Generates an accessible summary of the bar values for aria-label / screen reader.
|
|
121
|
+
* When translations.accessibility keys are functions, they are called with scoped
|
|
122
|
+
* context (values, label, unit, locale) and their return value is used as the full summary.
|
|
121
123
|
*/
|
|
122
124
|
export const getValuesSummary = ({
|
|
123
125
|
isInteractive,
|
|
@@ -128,11 +130,51 @@ export const getValuesSummary = ({
|
|
|
128
130
|
translations
|
|
129
131
|
}) => {
|
|
130
132
|
const unitText = unit ? ` ${unit}` : '';
|
|
133
|
+
const {
|
|
134
|
+
locale
|
|
135
|
+
} = translations;
|
|
131
136
|
if (seriesTwoValue !== undefined) {
|
|
137
|
+
const {
|
|
138
|
+
gainedNowAt,
|
|
139
|
+
inLabel
|
|
140
|
+
} = translations.accessibility;
|
|
141
|
+
if (typeof gainedNowAt === 'function') {
|
|
142
|
+
return gainedNowAt({
|
|
143
|
+
yLabel,
|
|
144
|
+
seriesOneValue,
|
|
145
|
+
seriesTwoValue,
|
|
146
|
+
unit,
|
|
147
|
+
locale
|
|
148
|
+
});
|
|
149
|
+
}
|
|
132
150
|
const gained = seriesOneValue;
|
|
133
|
-
return `${gained}${unitText} ${
|
|
151
|
+
return `${gained}${unitText} ${gainedNowAt} ${seriesTwoValue}${unitText} ${inLabel} ${yLabel}`;
|
|
152
|
+
}
|
|
153
|
+
if (isInteractive) {
|
|
154
|
+
const {
|
|
155
|
+
inLabel
|
|
156
|
+
} = translations.accessibility;
|
|
157
|
+
if (typeof inLabel === 'function') {
|
|
158
|
+
return inLabel({
|
|
159
|
+
yLabel,
|
|
160
|
+
value: seriesOneValue,
|
|
161
|
+
unit,
|
|
162
|
+
locale
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
return `${seriesOneValue}${unitText} ${inLabel} ${yLabel}`;
|
|
166
|
+
}
|
|
167
|
+
const {
|
|
168
|
+
inOnly
|
|
169
|
+
} = translations.accessibility;
|
|
170
|
+
if (typeof inOnly === 'function') {
|
|
171
|
+
return inOnly({
|
|
172
|
+
value: seriesOneValue,
|
|
173
|
+
unit,
|
|
174
|
+
locale
|
|
175
|
+
});
|
|
134
176
|
}
|
|
135
|
-
return
|
|
177
|
+
return `${seriesOneValue}${unitText} ${inOnly}`;
|
|
136
178
|
};
|
|
137
179
|
|
|
138
180
|
/**
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut",
|
|
3
3
|
"description": "Styleguide & Component library for Codecademy",
|
|
4
|
-
"version": "68.0.1-alpha.
|
|
4
|
+
"version": "68.0.1-alpha.5950e5.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@codecademy/gamut-icons": "9.54.2",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"dist/**/[A-Z]**/[A-Z]*.js",
|
|
57
57
|
"dist/**/[A-Z]**/index.js"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "296228a5f09e2d520a512458cf7d001d45d549eb"
|
|
60
60
|
}
|