@coinbase/cds-mobile-visualization 3.8.1 → 4.0.0

package/dts/chart/scrubber/ScrubberBeaconLabelGroup.d.ts

@@ -1,46 +0,0 @@
-import type { ChartTextProps } from '../text';
-import { type ScrubberLabelPosition } from '../utils/scrubber';
-import type {
-  ScrubberBeaconLabelComponent,
-  ScrubberBeaconLabelProps,
-  ScrubberBeaconProps,
-} from './Scrubber';
-export type ScrubberBeaconLabelGroupBaseProps = {
-  /**
-   * Labels to be displayed.
-   */
-  labels: Array<Pick<ScrubberBeaconLabelProps, 'seriesId' | 'label' | 'color'>>;
-  /**
-   * Minimum gap between labels in pixels.
-   * @default 4
-   */
-  labelMinGap?: number;
-  /**
-   * Horizontal offset of labels from the scrubber line in pixels.
-   * @default 16
-   */
-  labelHorizontalOffset?: number;
-  /**
-   * Font style for the beacon labels.
-   */
-  labelFont?: ChartTextProps['font'];
-  /**
-   * Preferred side for labels.
-   * @note labels will switch to the opposite side if there's not enough space on the preferred side.
-   * @default 'right'
-   */
-  labelPreferredSide?: ScrubberLabelPosition;
-};
-export type ScrubberBeaconLabelGroupProps = ScrubberBeaconLabelGroupBaseProps & {
-  /**
-   * Custom component to render as a scrubber beacon label.
-   * @default DefaultScrubberBeaconLabel
-   */
-  BeaconLabelComponent?: ScrubberBeaconLabelComponent;
-  /**
-   * Transition configuration for beacon label animations.
-   */
-  transitions?: ScrubberBeaconProps['transitions'];
-};
-export declare const ScrubberBeaconLabelGroup: import('react').NamedExoticComponent<ScrubberBeaconLabelGroupProps>;
-//# sourceMappingURL=ScrubberBeaconLabelGroup.d.ts.map

package/dts/chart/scrubber/ScrubberBeaconLabelGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrubberBeaconLabelGroup.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/ScrubberBeaconLabelGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAEjE,OAAO,EAKL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAC;AAS3B,OAAO,KAAK,EACV,4BAA4B,EAC5B,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAsFpB,MAAM,MAAM,iCAAiC,GAAG;IAC9C;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IAC9E;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,iCAAiC,GAAG;IAC9E;;;OAGG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,wBAAwB,qEAoMpC,CAAC"}

package/dts/chart/scrubber/ScrubberProvider.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { type ScrubberContextValue } from '../utils';
-export type ScrubberProviderProps = Partial<Pick<ScrubberContextValue, 'enableScrubbing'>> & {
-  children: React.ReactNode;
-  /**
-   * Allows continuous gestures on the chart to continue outside the bounds of the chart element.
-   */
-  allowOverflowGestures?: boolean;
-  /**
-   * Callback fired when the scrubber position changes.
-   * Receives the dataIndex of the scrubber or undefined when not scrubbing.
-   */
-  onScrubberPositionChange?: (index: number | undefined) => void;
-};
-/**
- * A component which encapsulates the ScrubberContext.
- * It depends on a ChartContext in order to provide accurate touch tracking.
- */
-export declare const ScrubberProvider: React.FC<ScrubberProviderProps>;
-//# sourceMappingURL=ScrubberProvider.d.ts.map

package/dts/chart/scrubber/ScrubberProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAA4C,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/F,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC,GAAG;IAC3F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+J5D,CAAC"}

package/dts/chart/scrubber/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DefaultScrubberBeacon';
-export * from './DefaultScrubberBeaconLabel';
-export * from './DefaultScrubberLabel';
-export * from './Scrubber';
-//# sourceMappingURL=index.d.ts.map

package/dts/chart/scrubber/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}

package/dts/chart/text/ChartText.d.ts

@@ -1,164 +0,0 @@
-import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-import type { Rect } from '@coinbase/cds-common/types';
-import {
-  type AnimatedProp,
-  FontSlant,
-  FontWeight,
-  type SkParagraph,
-  TextAlign,
-} from '@shopify/react-native-skia';
-import { type ChartInset } from '../utils';
-/**
- * The supported content types for ChartText.
- * Pass a string for simple text, or a SkParagraph for advanced rich text formatting.
- */
-export type ChartTextChildren = AnimatedProp<string | SkParagraph>;
-/**
- * Horizontal alignment options for chart text.
- */
-export type TextHorizontalAlignment = 'left' | 'center' | 'right';
-/**
- * Vertical alignment options for chart text.
- */
-export type TextVerticalAlignment = 'top' | 'middle' | 'bottom';
-export type ChartTextBaseProps = {
-  /**
-   * The text color.
-   * @default theme.color.fgMuted
-   */
-  color?: string;
-  /**
-   * The background color of the text's background rectangle.
-   * @default theme.color.bgElevation1 if elevated, otherwise 'transparent'
-   */
-  background?: string;
-  /**
-   * Whether the text's background should have an elevated appearance with a shadow.
-   */
-  elevated?: boolean;
-  /**
-   * When true, disables automatic repositioning to fit within bounds.
-   */
-  disableRepositioning?: boolean;
-  /**
-   * Optional bounds rectangle to constrain the text within. If provided, text will be positioned
-   * to stay within these bounds. Defaults to the full chart bounds when not provided.
-   */
-  bounds?: Rect;
-  /**
-   * Callback fired when text dimensions change.
-   * Used for collision detection and smart positioning.
-   * Returns the adjusted position and dimensions.
-   */
-  onDimensionsChange?: (rect: Rect) => void;
-  /**
-   * Inset around the text content for the background rect.
-   * Only affects the background, text position remains unchanged.
-   */
-  inset?: number | ChartInset;
-  /**
-   * Border radius for the background rectangle.
-   * @default 4
-   */
-  borderRadius?: number;
-};
-export type ChartTextProps = ChartTextBaseProps & {
-  /**
-   * The text content to display.
-   * Pass a string for simple text rendering, or build your own SkParagraph for advanced formatting.
-   * @example
-   * // Simple text
-   * <ChartText x={100} y={100}>Hello World</ChartText>
-   *
-   * @example
-   * // Advanced rich text with SkParagraph
-   * const paragraph = useMemo(() => {
-   *   const builder = Skia.ParagraphBuilder.Make(style, fontProvider);
-   *   builder.pushStyle({ fontSize: 14, fontWeight: 400 });
-   *   builder.addText('Regular ');
-   *   builder.pushStyle({ fontSize: 14, fontWeight: 700 });
-   *   builder.addText('Bold');
-   *   builder.pop();
-   *   const para = builder.build();
-   *   para.layout(width);
-   *   return para;
-   * }, [fontProvider, width]);
-   * <ChartText x={100} y={100}>{paragraph}</ChartText>
-   */
-  children: ChartTextChildren;
-  /**
-   * The desired x position in pixels.
-   * @note Text will be automatically positioned to fit within bounds unless `disableRepositioning` is true.
-   */
-  x: AnimatedProp<number>;
-  /**
-   * The desired y position in pixels.
-   * @note Text will be automatically positioned to fit within bounds unless `disableRepositioning` is true.
-   */
-  y: AnimatedProp<number>;
-  /**
-   * Horizontal offset in pixels to adjust the final x position.
-   * Useful for fine-tuning placement without affecting alignment.
-   */
-  dx?: AnimatedProp<number>;
-  /**
-   * Vertical offset in pixels to adjust the final y position.
-   * Useful for fine-tuning placement or elevation.
-   */
-  dy?: AnimatedProp<number>;
-  /**
-   * Horizontal alignment of the component.
-   * @default 'center'
-   */
-  horizontalAlignment?: AnimatedProp<TextHorizontalAlignment>;
-  /**
-   * Vertical alignment of the component.
-   * @default 'middle'
-   */
-  verticalAlignment?: AnimatedProp<TextVerticalAlignment>;
-  /**
-   * Text alignment of the SkParagraph
-   * @note when providing a custom SkParagraph as children, you still need to pass in the alignment used.
-   * @default TextAlign.Left
-   */
-  paragraphAlignment?: TextAlign;
-  /**
-   * Theme font to use for text rendering.
-   * This sets both fontSize and fontWeight from the theme.
-   * @note this will not adjust the actual font family used,
-   * that is only adjusted by using fontFamilies on ChartText or at chart level
-   * @default 'label2'
-   */
-  font?: ThemeVars.Font;
-  /**
-   * Font families override for Skia
-   * @example
-   * ['Helvetica', 'sans-serif']
-   */
-  fontFamilies?: string[];
-  /**
-   * Font size override in pixels.
-   * Overrides the size from the font prop.
-   * @example
-   * // Use label1 font weight but with custom size
-   * <ChartText font="label1" fontSize={18}>Text</ChartText>
-   */
-  fontSize?: number;
-  /**
-   * Font weight.
-   * Overrides the weight from the font prop.
-   */
-  fontWeight?: FontWeight;
-  /**
-   * Font style (normal or italic).
-   * @default FontSlant.Upright
-   */
-  fontStyle?: FontSlant;
-  /**
-   * Opacity of the text and background.
-   * @default 1
-   */
-  opacity?: AnimatedProp<number>;
-};
-export declare const ChartText: import('react').NamedExoticComponent<ChartTextProps>;
-//# sourceMappingURL=ChartText.d.ts.map

package/dts/chart/text/ChartText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartText.d.ts","sourceRoot":"","sources":["../../../src/chart/text/ChartText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EACL,KAAK,YAAY,EAEjB,SAAS,EACT,UAAU,EAOV,KAAK,WAAW,EAEhB,SAAS,EAEV,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,KAAK,UAAU,EAA2D,MAAM,UAAU,CAAC;AAwBpG;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC;IAC5D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,sDA0TrB,CAAC"}

package/dts/chart/text/ChartTextGroup.d.ts

@@ -1,61 +0,0 @@
-import { type ChartTextChildren, type ChartTextProps } from './ChartText';
-/**
- * Configuration for a single text label in the display list
- */
-export type TextLabelData = {
-  /**
-   * The text content to display
-   */
-  label: ChartTextChildren;
-  /**
-   * X coordinate where the text should be positioned
-   */
-  x: number;
-  /**
-   * Y coordinate where the text should be positioned
-   */
-  y: number;
-  /**
-   * Additional props to pass to the ChartText component for this specific label
-   */
-  chartTextProps?: Partial<ChartTextProps>;
-};
-export type TextLabelDataWithKey = TextLabelData & {
-  key: string;
-};
-export type ChartTextGroupBaseProps = {
-  /**
-   * Array of text labels to display
-   */
-  labels: TextLabelData[];
-  /**
-   * Minimum gap between labels
-   * @default 8
-   */
-  minGap?: number;
-  /**
-   * Whether to always show first and last labels
-   * @default true
-   */
-  prioritizeEndLabels?: boolean;
-  /**
-   * Common props to apply to all ChartText components
-   */
-  chartTextProps?: Partial<ChartTextProps>;
-  /**
-   * Custom component to render each label
-   * @default ChartText
-   */
-  LabelComponent?: React.FC<ChartTextProps>;
-};
-export type ChartTextGroupProps = ChartTextGroupBaseProps;
-/**
- * A smart text display component that prevents label overlap through collision detection.
- *
- * This component renders a list of ChartText components and automatically hides overlapping elements
- * to ensure readability.
- *
- * The component focuses solely on overlap prevention logic for better separation of concerns.
- */
-export declare const ChartTextGroup: import('react').NamedExoticComponent<ChartTextGroupBaseProps>;
-//# sourceMappingURL=ChartTextGroup.d.ts.map

package/dts/chart/text/ChartTextGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTextGroup.d.ts","sourceRoot":"","sources":["../../../src/chart/text/ChartTextGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAErF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAiB1D;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,+DA8L1B,CAAC"}

package/dts/chart/text/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ChartText';
-export * from './ChartTextGroup';
-//# sourceMappingURL=index.d.ts.map

package/dts/chart/text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/text/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}