@automattic/charts 0.58.0 → 1.0.0

package/dist/leaderboard-chart-odEYxxEC.d.ts

@@ -1,79 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { R as ResponsiveConfig } from './with-responsive-CNfhzAUu.js';
-import * as react from 'react';
-import { ReactNode, FC } from 'react';
-import { a as BaseLegendProps, B as BaseLegendItem } from './types-BuSrRM4p.js';
-import { B as BaseChartProps, L as LeaderboardEntry } from './types-ChOUI9-N.js';
-
-interface LeaderboardChartProps extends Pick<BaseChartProps<LeaderboardEntry>, 'className' | 'data' | 'showLegend' | 'legend' | 'chartId' | 'width' | 'height' | 'size' | 'gap' | 'animation'> {
-    /**
-     * Whether to show comparison data
-     */
-    withComparison?: boolean;
-    /**
-     * Whether to overlay the label on top of bar
-     */
-    withOverlayLabel?: boolean;
-    /**
-     * Primary color for current period bars
-     */
-    primaryColor?: string;
-    /**
-     * Secondary color for comparison period bars
-     */
-    secondaryColor?: string;
-    /**
-     * Formatter for values
-     */
-    valueFormatter?: (value: number) => string;
-    /**
-     * Formatter for delta values
-     */
-    deltaFormatter?: (value: number) => string;
-    /**
-     * Whether the chart is in loading state
-     */
-    loading?: boolean;
-    /**
-     * Custom styling for the chart container
-     */
-    style?: React.CSSProperties & {
-        '--a8c--charts--leaderboard--bar--border-radius'?: string;
-    };
-    /**
-     * Custom labels for legend items
-     */
-    legendLabels?: {
-        /**
-         * Label for primary period data
-         */
-        primary?: string;
-        /**
-         * Label for comparison period data (only used when withComparison is true)
-         */
-        comparison?: string;
-    };
-    /**
-     * Child components for composition API
-     */
-    children?: ReactNode;
-}
-
-declare const LeaderboardChart: FC<LeaderboardChartProps> & {
-    Legend: react.ForwardRefExoticComponent<Omit<BaseLegendProps, "items"> & {
-        items?: BaseLegendItem[];
-        chartId?: string;
-    } & react.RefAttributes<HTMLDivElement>>;
-};
-declare const LeaderboardChartResponsive: (({ resizeDebounceTime, maxWidth, aspectRatio, size, width, height, ...chartProps }: Omit<LeaderboardChartProps, "width" | "height" | "size"> & {
-    width?: number;
-    height?: number;
-    size?: number;
-} & ResponsiveConfig) => react_jsx_runtime.JSX.Element) & {
-    Legend: react.ForwardRefExoticComponent<Omit<BaseLegendProps, "items"> & {
-        items?: BaseLegendItem[];
-        chartId?: string;
-    } & react.RefAttributes<HTMLDivElement>>;
-};
-
-export { LeaderboardChartResponsive as L, LeaderboardChart as a, type LeaderboardChartProps as b };

package/dist/legend-DFkosEvC.d.cts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-import { a as BaseLegendProps, B as BaseLegendItem } from './types-Dfw9VOKI.cjs';
-
-declare const Legend: react.ForwardRefExoticComponent<Omit<BaseLegendProps, "items"> & {
-    items?: BaseLegendItem[];
-    chartId?: string;
-} & react.RefAttributes<HTMLDivElement>>;
-
-export { Legend as L };

package/dist/legend-DLswHhOk.d.ts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-import { a as BaseLegendProps, B as BaseLegendItem } from './types-BuSrRM4p.js';
-
-declare const Legend: react.ForwardRefExoticComponent<Omit<BaseLegendProps, "items"> & {
-    items?: BaseLegendItem[];
-    chartId?: string;
-} & react.RefAttributes<HTMLDivElement>>;
-
-export { Legend as L };

package/dist/providers/index.cjs

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-
-
-
-var _chunkWYK7EL5Rcjs = require('../chunk-WYK7EL5R.cjs');
-require('../chunk-MXGLYWVP.cjs');
-require('../chunk-EMMSS5I5.cjs');
-
-
-
-
-
-
-
-
-exports.GlobalChartsContext = _chunkWYK7EL5Rcjs.GlobalChartsContext; exports.GlobalChartsProvider = _chunkWYK7EL5Rcjs.GlobalChartsProvider; exports.defaultTheme = _chunkWYK7EL5Rcjs.defaultTheme; exports.useChartId = _chunkWYK7EL5Rcjs.useChartId; exports.useChartRegistration = _chunkWYK7EL5Rcjs.useChartRegistration; exports.useGlobalChartsContext = _chunkWYK7EL5Rcjs.useGlobalChartsContext; exports.useGlobalChartsTheme = _chunkWYK7EL5Rcjs.useGlobalChartsTheme;
-//# sourceMappingURL=index.cjs.map

package/dist/providers/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/providers/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,8cAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/providers/index.cjs"}

package/dist/providers/index.css

@@ -1,9 +0,0 @@
-/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
-.a8ccharts-jCw5dQ {
-  position: fixed;
-  inset: 0;
-  overflow: visible;
-  z-index: 1;
-  pointer-events: none;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/providers/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;","names":[]}

package/dist/providers/index.d.cts

@@ -1,28 +0,0 @@
-export { C as ChartRegistration, E as ElementStyles, c as GetElementStylesParams, G as GlobalChartsContext, e as GlobalChartsContextValue, a as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-D0qc5JaW.cjs';
-import { B as BaseLegendItem } from '../types-Dfw9VOKI.cjs';
-import 'react';
-import '../types-ChOUI9-N.cjs';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/legend/lib/types';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@visx/xychart';
-import '@wordpress/theme';
-import 'react-google-charts';
-import '@visx/legend';
-
-declare const useChartId: (providedId?: string) => string;
-
-declare const useChartRegistration: ({ chartId, legendItems, chartType, isDataValid, metadata, }: {
-    chartId: string;
-    legendItems: BaseLegendItem[];
-    chartType: string;
-    isDataValid: boolean;
-    metadata?: Record<string, unknown>;
-}) => void;
-
-export { useChartId, useChartRegistration };

package/dist/providers/index.d.ts

@@ -1,28 +0,0 @@
-export { C as ChartRegistration, E as ElementStyles, c as GetElementStylesParams, G as GlobalChartsContext, e as GlobalChartsContextValue, a as GlobalChartsProvider, d as defaultTheme, u as useGlobalChartsContext, b as useGlobalChartsTheme } from '../themes-itO4Ht5g.js';
-import { B as BaseLegendItem } from '../types-BuSrRM4p.js';
-import 'react';
-import '../types-ChOUI9-N.js';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/legend/lib/types';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@visx/xychart';
-import '@wordpress/theme';
-import 'react-google-charts';
-import '@visx/legend';
-
-declare const useChartId: (providedId?: string) => string;
-
-declare const useChartRegistration: ({ chartId, legendItems, chartType, isDataValid, metadata, }: {
-    chartId: string;
-    legendItems: BaseLegendItem[];
-    chartType: string;
-    isDataValid: boolean;
-    metadata?: Record<string, unknown>;
-}) => void;
-
-export { useChartId, useChartRegistration };

package/dist/providers/index.js

@@ -1,21 +0,0 @@
-import {
-  GlobalChartsContext,
-  GlobalChartsProvider,
-  defaultTheme,
-  useChartId,
-  useChartRegistration,
-  useGlobalChartsContext,
-  useGlobalChartsTheme
-} from "../chunk-2I67QUIV.js";
-import "../chunk-JJIMABHT.js";
-import "../chunk-G3PMV62Z.js";
-export {
-  GlobalChartsContext,
-  GlobalChartsProvider,
-  defaultTheme,
-  useChartId,
-  useChartRegistration,
-  useGlobalChartsContext,
-  useGlobalChartsTheme
-};
-//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/themes-D0qc5JaW.d.cts

@@ -1,67 +0,0 @@
-import * as react from 'react';
-import { ReactNode, CSSProperties, FC } from 'react';
-import { c as CompleteChartTheme, o as SeriesData, e as DataPointPercentage, b as ChartTheme } from './types-ChOUI9-N.cjs';
-import { B as BaseLegendItem } from './types-Dfw9VOKI.cjs';
-import { LegendShape } from '@visx/legend/lib/types';
-import { LineStyles, GlyphProps } from '@visx/xychart';
-
-interface ChartRegistration {
-    legendItems: BaseLegendItem[];
-    chartType: string;
-    metadata?: Record<string, unknown>;
-}
-type GetElementStylesParams = {
-    index: number;
-    data?: SeriesData | DataPointPercentage;
-    overrideColor?: string;
-    legendShape?: LegendShape<SeriesData[], number>;
-};
-type ElementStyles = {
-    color: string;
-    lineStyles: LineStyles;
-    glyph: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    shapeStyles: CSSProperties & LineStyles;
-};
-interface GlobalChartsContextValue {
-    charts: Map<string, ChartRegistration>;
-    registerChart: (id: string, data: ChartRegistration) => void;
-    unregisterChart: (id: string) => void;
-    getChartData: (id: string) => ChartRegistration | undefined;
-    theme: CompleteChartTheme;
-    getElementStyles: (params: GetElementStylesParams) => ElementStyles;
-    toggleSeriesVisibility: (chartId: string, seriesLabel: string) => void;
-    isSeriesVisible: (chartId: string, seriesLabel: string) => boolean;
-    getHiddenSeries: (chartId: string) => Set<string>;
-}
-
-declare const GlobalChartsContext: react.Context<GlobalChartsContextValue>;
-interface GlobalChartsProviderProps {
-    children: ReactNode;
-    theme?: Partial<ChartTheme>;
-    /**
-     * Optional ref to an element that chart tooltip portals should be relocated into.
-     * When provided, visx tooltip portals (normally appended to document.body) will be
-     * moved into this container so they participate in the same effective CSS stacking context.
-     * The element referenced here, or one of its ancestors, should establish the desired
-     * stacking context (for example by using `position` and `z-index`) so that tooltips
-     * appear above the relevant chart content.
-     */
-    portalContainer?: React.RefObject<HTMLElement | null>;
-}
-declare const GlobalChartsProvider: FC<GlobalChartsProviderProps>;
-
-declare const useGlobalChartsContext: () => GlobalChartsContextValue;
-
-/**
- * Hook to get the global chart theme from GlobalChartsProvider
- *
- * @return The global chart theme
- */
-declare const useGlobalChartsTheme: () => CompleteChartTheme;
-
-/**
- * Default theme configuration
- */
-declare const defaultTheme: CompleteChartTheme;
-
-export { type ChartRegistration as C, type ElementStyles as E, GlobalChartsContext as G, GlobalChartsProvider as a, useGlobalChartsTheme as b, type GetElementStylesParams as c, defaultTheme as d, type GlobalChartsContextValue as e, useGlobalChartsContext as u };

package/dist/themes-itO4Ht5g.d.ts

@@ -1,67 +0,0 @@
-import * as react from 'react';
-import { ReactNode, CSSProperties, FC } from 'react';
-import { c as CompleteChartTheme, o as SeriesData, e as DataPointPercentage, b as ChartTheme } from './types-ChOUI9-N.js';
-import { B as BaseLegendItem } from './types-BuSrRM4p.js';
-import { LegendShape } from '@visx/legend/lib/types';
-import { LineStyles, GlyphProps } from '@visx/xychart';
-
-interface ChartRegistration {
-    legendItems: BaseLegendItem[];
-    chartType: string;
-    metadata?: Record<string, unknown>;
-}
-type GetElementStylesParams = {
-    index: number;
-    data?: SeriesData | DataPointPercentage;
-    overrideColor?: string;
-    legendShape?: LegendShape<SeriesData[], number>;
-};
-type ElementStyles = {
-    color: string;
-    lineStyles: LineStyles;
-    glyph: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    shapeStyles: CSSProperties & LineStyles;
-};
-interface GlobalChartsContextValue {
-    charts: Map<string, ChartRegistration>;
-    registerChart: (id: string, data: ChartRegistration) => void;
-    unregisterChart: (id: string) => void;
-    getChartData: (id: string) => ChartRegistration | undefined;
-    theme: CompleteChartTheme;
-    getElementStyles: (params: GetElementStylesParams) => ElementStyles;
-    toggleSeriesVisibility: (chartId: string, seriesLabel: string) => void;
-    isSeriesVisible: (chartId: string, seriesLabel: string) => boolean;
-    getHiddenSeries: (chartId: string) => Set<string>;
-}
-
-declare const GlobalChartsContext: react.Context<GlobalChartsContextValue>;
-interface GlobalChartsProviderProps {
-    children: ReactNode;
-    theme?: Partial<ChartTheme>;
-    /**
-     * Optional ref to an element that chart tooltip portals should be relocated into.
-     * When provided, visx tooltip portals (normally appended to document.body) will be
-     * moved into this container so they participate in the same effective CSS stacking context.
-     * The element referenced here, or one of its ancestors, should establish the desired
-     * stacking context (for example by using `position` and `z-index`) so that tooltips
-     * appear above the relevant chart content.
-     */
-    portalContainer?: React.RefObject<HTMLElement | null>;
-}
-declare const GlobalChartsProvider: FC<GlobalChartsProviderProps>;
-
-declare const useGlobalChartsContext: () => GlobalChartsContextValue;
-
-/**
- * Hook to get the global chart theme from GlobalChartsProvider
- *
- * @return The global chart theme
- */
-declare const useGlobalChartsTheme: () => CompleteChartTheme;
-
-/**
- * Default theme configuration
- */
-declare const defaultTheme: CompleteChartTheme;
-
-export { type ChartRegistration as C, type ElementStyles as E, GlobalChartsContext as G, GlobalChartsProvider as a, useGlobalChartsTheme as b, type GetElementStylesParams as c, defaultTheme as d, type GlobalChartsContextValue as e, useGlobalChartsContext as u };

package/dist/types-B5f6XQ7Q.d.cts

@@ -1,19 +0,0 @@
-import { L as Legend } from './legend-DFkosEvC.cjs';
-import { ComponentType, FC, PropsWithChildren } from 'react';
-
-/**
- * Base interface for chart subcomponents in the composition API
- */
-interface BaseChartSubComponents {
-    Legend: ComponentType<React.ComponentProps<typeof Legend>>;
-    SVG: FC<PropsWithChildren>;
-    HTML: FC<PropsWithChildren>;
-}
-/**
- * Type helper for creating chart components with composition API
- * @template TProps - The props type for the chart component
- * @template TSubComponents - Additional subcomponents beyond the base ones
- */
-type ChartComponentWithComposition<TProps, TSubComponents extends BaseChartSubComponents = BaseChartSubComponents> = FC<TProps> & TSubComponents;
-
-export type { ChartComponentWithComposition as C };

package/dist/types-BsHooDbM.d.ts

@@ -1,19 +0,0 @@
-import { L as Legend } from './legend-DLswHhOk.js';
-import { ComponentType, FC, PropsWithChildren } from 'react';
-
-/**
- * Base interface for chart subcomponents in the composition API
- */
-interface BaseChartSubComponents {
-    Legend: ComponentType<React.ComponentProps<typeof Legend>>;
-    SVG: FC<PropsWithChildren>;
-    HTML: FC<PropsWithChildren>;
-}
-/**
- * Type helper for creating chart components with composition API
- * @template TProps - The props type for the chart component
- * @template TSubComponents - Additional subcomponents beyond the base ones
- */
-type ChartComponentWithComposition<TProps, TSubComponents extends BaseChartSubComponents = BaseChartSubComponents> = FC<TProps> & TSubComponents;
-
-export type { ChartComponentWithComposition as C };

package/dist/types-BuSrRM4p.d.ts

@@ -1,49 +0,0 @@
-import { LegendOrdinal } from '@visx/legend';
-import { j as LegendPosition, h as LegendItemStyles, i as LegendLabelStyles, k as LegendShapeStyles } from './types-ChOUI9-N.js';
-import { GlyphProps, LineStyles } from '@visx/xychart';
-import { ComponentProps, ReactNode, CSSProperties } from 'react';
-
-type VisxLegendProps = Pick<ComponentProps<typeof LegendOrdinal>, 'className' | 'shape' | 'fill' | 'size' | 'labelFormat' | 'labelTransform'>;
-type BaseLegendProps = VisxLegendProps & {
-    items: BaseLegendItem[];
-    orientation?: 'horizontal' | 'vertical';
-    position?: LegendPosition;
-    alignment?: 'start' | 'center' | 'end';
-    /** Additional CSS class name for legend items. */
-    itemClassName?: string;
-    /** CSS styles for each legend item (margin, flexDirection). */
-    itemStyles?: LegendItemStyles;
-    /** Additional CSS class name for legend labels. */
-    labelClassName?: string;
-    /** CSS styles for legend labels (justifyContent, flex, margin). */
-    labelStyles?: LegendLabelStyles;
-    /** Styles for legend shapes (width, height, margin). */
-    shapeStyles?: LegendShapeStyles;
-    /**
-     * Function for rendering a custom legend layout.
-     */
-    render?: (items: BaseLegendItem[]) => ReactNode;
-    /**
-     * Enable interactive legend items that can toggle series visibility.
-     * Requires GlobalChartsProvider and chartId to be set.
-     */
-    interactive?: boolean;
-    /**
-     * Chart ID for series visibility tracking when interactive mode is enabled.
-     */
-    chartId?: string;
-};
-type LegendProps = Omit<BaseLegendProps, 'items'> & {
-    items?: BaseLegendItem[];
-    chartId?: string;
-};
-type BaseLegendItem = {
-    label: string;
-    value?: number | string;
-    color: string;
-    glyphSize?: number;
-    renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    shapeStyle?: CSSProperties & LineStyles;
-};
-
-export type { BaseLegendItem as B, LegendProps as L, BaseLegendProps as a };