@codecademy/gamut 67.6.1-alpha.7ad049.0 → 67.6.1-alpha.9dd240.0

package/dist/BarChart/types.d.ts

@@ -1,56 +0,0 @@
-import { ColorAlias } from '@codecademy/gamut-styles';
-import { GamutIconProps } from '@codecademy/gamut-icons';
-import { HTMLProps } from 'react';
-import { ButtonProps } from '../Button';
-type BarChartAriaLabel = {
-    'aria-label': string;
-    'aria-labelledby'?: never;
-};
-type BarChartAriaLabelledBy = {
-    'aria-label'?: never;
-    'aria-labelledby': string;
-};
-type BarChartLabel = BarChartAriaLabel | BarChartAriaLabelledBy;
-export type BarChartStyles = {
-    /** Color for text labels. Defaults to 'text' */
-    textColor?: ColorAlias;
-    /** Color for the foreground/progress bar. Defaults to 'feedback-warning' */
-    foregroundBarColor?: ColorAlias;
-    /** Color for the background/total bar. Defaults to 'paleBlue' */
-    backgroundBarColor?: ColorAlias;
-};
-export type BarProps = {
-    /** Label displayed on the y-axis for this bar */
-    yLabel: string;
-    /** The foreground/progress bar value (always shown) */
-    seriesOneValue: number;
-    /** The background/total bar value (optional - creates stacked effect when provided) */
-    seriesTwoValue?: number;
-    /** Optional icon to display next to the label */
-    icon?: React.ComponentType<GamutIconProps>;
-    /** Click handler - makes row interactive as a button */
-    onClick?: ButtonProps['onClick'];
-    /** Link href - makes row interactive as an anchor */
-    href?: HTMLProps<HTMLAnchorElement>['href'];
-};
-export type BarChartProps = BarChartLabel & {
-    /** Whether to animate bars on mount */
-    animate?: boolean;
-    /** Array of bar data to render */
-    barValues: BarProps[];
-    /** Maximum value for the x-axis scale */
-    maxRange: number;
-    /** Minimum value for the x-axis scale (usually 0) */
-    minRange: number;
-    /** Sort order for bars */
-    order?: 'ascending' | 'descending';
-    /** Property to sort bars by */
-    sortBy?: 'label' | 'value' | 'none';
-    /** Unit label to display (e.g., "XP") */
-    unit?: string;
-    /** Style configuration for colors */
-    styleConfig?: BarChartStyles;
-    /** Interval for x-axis scale markers */
-    xScale?: number;
-};
-export {};

package/dist/BarChart/types.js

@@ -1 +0,0 @@
-export {};

package/dist/BarChart/utils/index.d.ts

@@ -1,23 +0,0 @@
-export declare const numDigits: (num: number) => number;
-export declare const columnBaseSize: (experience?: number) => {
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-export declare const calculatePercent: (value: number, total: number) => number;
-export declare const calculateBarWidth: ({ value, maxRange, }: {
-    value: number;
-    maxRange: number;
-}) => number;
-export declare const calculateTicksAndRange: (maxTicks: number, minPoint: number, maxPoint: number) => [number, number, number];
-/**
- * Returns a "nice" number approximately equal to range
- * Rounds the number if round = true
- * Takes the ceiling if round = false.
- * A nice number is a simple decimal number, for example if a number is 1234, a nice number would be 1000 or 2000.
- */
-export declare const niceNum: (range: number, roundDown: boolean) => number;
-export declare const getPercentDiff: (v1: number, v2: number) => number;
-export declare const formatNumberUS: (num: number) => string;
-export declare const formatNumberUSCompact: (num: number) => string;

package/dist/BarChart/utils/index.js

@@ -1,56 +0,0 @@
-export const numDigits = num => {
-  return Math.max(Math.floor(Math.log10(Math.abs(num))), 0) + 1;
-};
-export const columnBaseSize = (experience = 3) => {
-  const digits = numDigits(experience);
-  return {
-    sm: digits > 4 ? 5 : 4,
-    md: digits > 4 ? 5 : 4,
-    lg: digits > 4 ? 4 : 5,
-    xl: digits > 4 ? 5 : 4
-  };
-};
-export const calculatePercent = (value, total) => {
-  return value / total * 100;
-};
-export const calculateBarWidth = ({
-  value,
-  maxRange
-}) => {
-  return Math.floor(calculatePercent(value, maxRange));
-};
-
-// Calculate tick spacing and nice minimum and maximum data points on the axis.
-
-export const calculateTicksAndRange = (maxTicks, minPoint, maxPoint) => {
-  const range = niceNum(maxPoint - minPoint, false);
-  const tickSpacing = niceNum(range / (maxTicks - 1), true);
-  const niceMin = Math.floor(minPoint / tickSpacing) * tickSpacing;
-  const niceMax = Math.ceil(maxPoint / tickSpacing) * tickSpacing;
-  const tickCount = range / tickSpacing;
-  return [tickCount, niceMin, niceMax];
-};
-
-/**
- * Returns a "nice" number approximately equal to range
- * Rounds the number if round = true
- * Takes the ceiling if round = false.
- * A nice number is a simple decimal number, for example if a number is 1234, a nice number would be 1000 or 2000.
- */
-export const niceNum = (range, roundDown) => {
-  const exponent = Math.floor(Math.log10(range));
-  const fraction = range / 10 ** exponent;
-  let niceFraction;
-  if (roundDown) {
-    if (fraction < 1.5) niceFraction = 1;else if (fraction < 3) niceFraction = 2;else if (fraction < 7) niceFraction = 5;else niceFraction = 10;
-  } else if (fraction <= 1) niceFraction = 1;else if (fraction <= 2) niceFraction = 2;else if (fraction <= 5) niceFraction = 5;else niceFraction = 10;
-  return niceFraction * 10 ** exponent;
-};
-export const getPercentDiff = (v1, v2) => {
-  return Math.abs(v1 - v2) / ((v1 + v2) / 2) * 100;
-};
-export const formatNumberUS = num => Intl.NumberFormat('en').format(num);
-export const formatNumberUSCompact = num => Intl.NumberFormat('en', {
-  notation: 'compact',
-  compactDisplay: 'short'
-}).format(num);