@codecademy/gamut 68.2.0-alpha.a8fc55.0 → 68.2.1-alpha.610ec2.0

package/dist/BarChart/BarChartProvider.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { BarChartTranslations } from './shared/translations';
+import { BarChartStyles, MaxScaleValue } from './shared/types';
+export interface BarChartContextProps {
+    maxScaleValue: MaxScaleValue;
+    scaleInterval: number;
+    unit: string;
+    styleConfig: Required<BarChartStyles>;
+    animate: boolean;
+    widestCategoryLabelWidth: number | null;
+    setWidestCategoryLabelWidth: (width: number) => void;
+    widestTotalValueLabelWidth: number | null;
+    setWidestTotalValueLabelWidth: (width: number) => void;
+    isMeasuring: boolean;
+    translations: BarChartTranslations;
+}
+export declare const defaultStyleConfig: Required<BarChartStyles>;
+export declare const BarChartContext: import("react").Context<BarChartContextProps>;
+export declare const BarChartProvider: import("react").Provider<BarChartContextProps>;

package/dist/BarChart/BarChartProvider.js

@@ -0,0 +1,27 @@
+import { createContext } from 'react';
+import { defaultBarChartTranslations } from './shared/translations';
+export const defaultStyleConfig = {
+  textColor: 'text',
+  seriesOneBarColor: 'text',
+  seriesTwoBarColor: 'primary',
+  seriesOneLabel: 'text-secondary',
+  seriesTwoLabel: 'primary'
+};
+export const BarChartContext = /*#__PURE__*/createContext({
+  maxScaleValue: 100,
+  scaleInterval: 10,
+  unit: '',
+  styleConfig: defaultStyleConfig,
+  animate: false,
+  widestCategoryLabelWidth: null,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setWidestCategoryLabelWidth: () => {},
+  widestTotalValueLabelWidth: null,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setWidestTotalValueLabelWidth: () => {
+    // No-op: default context value
+  },
+  isMeasuring: true,
+  translations: defaultBarChartTranslations
+});
+export const BarChartProvider = BarChartContext.Provider;

package/dist/BarChart/BarRow/ValueLabelsContent.d.ts

@@ -0,0 +1,7 @@
+import { BarChartStyles } from '../shared/types';
+export type ValueLabelsContentProps = {
+    seriesOneFormatted: string;
+    displayValueFormatted: string;
+    isStacked: boolean;
+} & Pick<Required<BarChartStyles>, 'seriesOneLabel' | 'seriesTwoLabel'>;
+export declare const ValueLabelsContent: ({ seriesOneFormatted, displayValueFormatted, isStacked, seriesOneLabel, seriesTwoLabel, }: ValueLabelsContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/BarChart/BarRow/ValueLabelsContent.js

@@ -0,0 +1,34 @@
+import { MiniArrowRightIcon } from '@codecademy/gamut-icons';
+import { Text } from '../../Typography';
+import { iconPadding } from '../shared/styles';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const valueLabelProps = {
+  height: 'fit-content',
+  lineHeight: 'title',
+  variant: 'p-small',
+  whiteSpace: 'nowrap'
+};
+export const ValueLabelsContent = ({
+  seriesOneFormatted,
+  displayValueFormatted,
+  isStacked,
+  seriesOneLabel,
+  seriesTwoLabel
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [isStacked && /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      color: seriesOneLabel,
+      ...valueLabelProps,
+      children: seriesOneFormatted
+    }), /*#__PURE__*/_jsx(MiniArrowRightIcon, {
+      color: seriesOneLabel,
+      mx: iconPadding,
+      size: 16
+    })]
+  }), /*#__PURE__*/_jsx(Text, {
+    color: isStacked ? seriesTwoLabel : seriesOneLabel,
+    fontWeight: isStacked ? 'bold' : 'normal',
+    ...valueLabelProps,
+    children: displayValueFormatted
+  })]
+});