@coinbase/cds-web-visualization 0.0.0 → 3.4.0-beta.1

package/dts/sparkline/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Sparkline';
+export * from './sparkline-interactive/SparklineInteractive';
+export * from './sparkline-interactive-header/SparklineInteractiveHeader';
+export * from './SparklineArea';
+export * from './SparklineGradient';
+//# sourceMappingURL=index.d.ts.map

package/dts/sparkline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sparkline/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,8CAA8C,CAAC;AAC7D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dts/sparkline/sparkline-interactive/InnerSparklineInteractiveProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type InnerSparklineInteractiveProviderProps = {
+  width: number;
+  height: number;
+  children: React.ReactNode;
+};
+export declare const InnerSparklineInteractiveProvider: ({
+  width,
+  height,
+  children,
+}: InnerSparklineInteractiveProviderProps) => import('react/jsx-runtime').JSX.Element;
+export {};
+//# sourceMappingURL=InnerSparklineInteractiveProvider.d.ts.map

package/dts/sparkline/sparkline-interactive/InnerSparklineInteractiveProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerSparklineInteractiveProvider.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/InnerSparklineInteractiveProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,KAAK,sCAAsC,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAAI,8BAI/C,sCAAsC,4CASxC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractive.d.ts

@@ -0,0 +1,199 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type {
+  ChartData,
+  ChartFormatDate,
+  ChartScrubParams,
+  ChartTimeseries,
+  Placement,
+} from '@coinbase/cds-common/types';
+export * from '@coinbase/cds-common/types/Chart';
+export type SparklineInteractiveDefaultFallback = Pick<
+  SparklineInteractiveBaseProps<string>,
+  'fallbackType' | 'compact'
+>;
+export type SparklineInteractiveBaseProps<Period extends string> = {
+  /**
+   * Chart data bucketed by Period. Period is a string key
+   */
+  data?: Record<Period, ChartData>;
+  /**
+   * A list of periods that the chart will use. label is what is shown in the bottom of the chart and the value is the key.
+   */
+  periods: {
+    label: string;
+    value: Period;
+  }[];
+  /**
+   * default period value that the chart will use
+   */
+  defaultPeriod: Period;
+  /**
+   * Callback when the user selects a new period.
+   */
+  onPeriodChanged?: (period: Period) => void;
+  /**
+   * Callback when the user starts scrubbing
+   */
+  onScrubStart?: () => void;
+  /**
+   * Callback when a user finishes scrubbing
+   */
+  onScrubEnd?: () => void;
+  /**
+   * Callback used when the user is scrubbing. This will be called for every data point change.
+   */
+  onScrub?: (params: ChartScrubParams<Period>) => void;
+  /**
+   * Disables the scrub user interaction from the chart
+   *
+   * @default false
+   */
+  disableScrubbing?: boolean;
+  /**
+   * function used to format the date that is shown in the bottom of the chart as the user scrubs
+   */
+  formatDate: ChartFormatDate<Period>;
+  /**
+   * Color of the line*
+   */
+  strokeColor: string;
+  /**
+   * Fallback shown in the chart when data is not available. This is usually a loading state.
+   */
+  fallback?: React.ReactNode;
+  /**
+   * If you use the default fallback then this specifies if the fallback line is decreasing or increasing
+   */
+  fallbackType?: 'positive' | 'negative';
+  /**
+   * Show the chart in compact height
+   *
+   * @default false
+   */
+  compact?: boolean;
+  /**
+   * Hides the period selector at the bottom of the chart
+   *
+   * @default false
+   */
+  hidePeriodSelector?: boolean;
+  /**
+   * Adds an area fill to the Sparkline
+   *
+   * @default true
+   */
+  fill?: boolean;
+  /**
+   * Type of fill to use for the area
+   * @default 'gradient'
+   */
+  fillType?: 'dotted' | 'gradient';
+  /**
+     Formats the date above the chart as you scrub. Omit this if you don't want to show the date as the user scrubs
+     */
+  formatHoverDate?: (date: Date, period: Period) => string;
+  /**
+     Formats the price above the chart as you scrub. Omit this if you don't want to show the price as the user scrubs
+     */
+  formatHoverPrice?: (price: number) => string;
+  /**
+   * Adds a header node above the chart. It will be placed next to the period selector on web.
+   */
+  headerNode?: React.ReactNode;
+  /**
+   *  Optional data to show on hover/scrub instead of the original sparkline. This allows multiple timeseries lines.
+   *
+   *  Period => timeseries list
+   */
+  hoverData?: Record<Period, ChartTimeseries[]>;
+  /**
+   * Optional gutter to add to the Period selector. This is useful if you choose to use the full screen width for the chart
+   */
+  timePeriodGutter?: ThemeVars.Space;
+  /**
+   * Optional placement prop that position the period selector component above or below the chart
+   */
+  periodSelectorPlacement?: Extract<Placement, 'above' | 'below'>;
+  /** Scales the sparkline to show more or less variance. Use a number less than 1 for less variance and a number greater than 1 for more variance. If you use a number greater than 1 it may clip the boundaries of the sparkline. */
+  yAxisScalingFactor?: number;
+};
+export type SparklineInteractiveProps<Period extends string> =
+  SparklineInteractiveBaseProps<Period> & {
+    /**
+     * Custom class name for the root element.
+     */
+    className?: string;
+    /**
+     * Custom class names for the component.
+     */
+    classNames?: {
+      /**
+       * Custom class name for the header node.
+       */
+      header?: string;
+      /**
+       * Custom class name for the root element.
+       */
+      root?: string;
+    };
+    /**
+     * Custom styles for the root element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom styles for the component.
+     */
+    styles?: {
+      /**
+       * Custom style for the header node.
+       */
+      header?: React.CSSProperties;
+      /**
+       * Custom style for the root element.
+       */
+      root?: React.CSSProperties;
+    };
+    /** Test ID for the header */
+    headerTestID?: string;
+  };
+declare function SparklineInteractiveContentWithGeneric<Period extends string>({
+  data,
+  periods,
+  defaultPeriod,
+  onPeriodChanged,
+  strokeColor,
+  onScrub,
+  onScrubStart,
+  onScrubEnd,
+  formatDate,
+  fallback,
+  hidePeriodSelector,
+  disableScrubbing,
+  fill,
+  fillType,
+  yAxisScalingFactor,
+  compact,
+  formatHoverDate,
+  formatHoverPrice,
+  headerNode,
+  fallbackType,
+  timePeriodGutter,
+  hoverData,
+  periodSelectorPlacement,
+  className,
+  classNames,
+  style,
+  styles,
+  headerTestID,
+}: SparklineInteractiveProps<Period>): import('react/jsx-runtime').JSX.Element;
+export declare const SparklineInteractiveContent: typeof SparklineInteractiveContentWithGeneric;
+declare function SparklineInteractiveWithGeneric<Period extends string>({
+  compact,
+  ...props
+}: SparklineInteractiveProps<Period>): import('react/jsx-runtime').JSX.Element;
+/**
+ * @deprecated Use LineChart instead.
+ */
+export declare const SparklineInteractive: typeof SparklineInteractiveWithGeneric;
+//# sourceMappingURL=SparklineInteractive.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractive.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractive.tsx"],"names":[],"mappings":"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"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.d.ts

@@ -0,0 +1,26 @@
+import 'd3-transition';
+import React from 'react';
+import { type SparklineFillType } from '../Sparkline';
+export type SparklineInteractiveAnimatedPathProps = {
+  d: string;
+  color: string;
+  area?: string;
+  selectedPeriod: string;
+  fillType?: SparklineFillType;
+  yAxisScalingFactor?: number;
+  initialPath?: string;
+  initialArea?: string;
+};
+export declare const SparklineInteractiveAnimatedPath: React.MemoExoticComponent<
+  ({
+    d,
+    color,
+    selectedPeriod,
+    area,
+    fillType,
+    yAxisScalingFactor,
+    initialPath,
+    initialArea,
+  }: SparklineInteractiveAnimatedPathProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveAnimatedPath.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveAnimatedPath.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAwD,MAAM,OAAO,CAAC;AAM7E,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjE,MAAM,MAAM,qCAAqC,GAAG;IAClD,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gCAAgC,0HAUxC,qCAAqC,6CAiHzC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SparklineInteractiveHoverDate: React.MemoExoticComponent<
+  () => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveHoverDate.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveHoverDate.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAgBjD,eAAO,MAAM,6BAA6B,0EAmBxC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverPrice.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SparklineInteractiveHoverPrice: React.MemoExoticComponent<
+  () => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveHoverPrice.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverPrice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveHoverPrice.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveHoverPrice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAgBjD,eAAO,MAAM,8BAA8B,0EAiBzC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type SparklineInteractiveLineVerticalProps = {
+  color: string;
+};
+export declare const SparklineInteractiveLineVertical: React.MemoExoticComponent<
+  ({ color }: SparklineInteractiveLineVerticalProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveLineVertical.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveLineVertical.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA6CjD,MAAM,MAAM,qCAAqC,GAAG;IAClD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gCAAgC,wCAC/B,qCAAqC,6CAkClD,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.d.ts

@@ -0,0 +1,17 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { ChartFormatDate, ChartGetMarker } from './SparklineInteractive';
+export type SparklineInteractiveMarkerDatesProps<Period extends string> = {
+  getMarker: ChartGetMarker;
+  formatDate: ChartFormatDate<Period>;
+  selectedPeriod: Period;
+  timePeriodGutter?: ThemeVars.Space;
+};
+declare function SparklineInteractiveMarkerDatesWithGeneric<Period extends string>({
+  formatDate,
+  selectedPeriod,
+  getMarker,
+  timePeriodGutter,
+}: SparklineInteractiveMarkerDatesProps<Period>): import('react/jsx-runtime').JSX.Element;
+export declare const SparklineInteractiveMarkerDates: typeof SparklineInteractiveMarkerDatesWithGeneric;
+export {};
+//# sourceMappingURL=SparklineInteractiveMarkerDates.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveMarkerDates.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AASjE,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AA8C9E,MAAM,MAAM,oCAAoC,CAAC,MAAM,SAAS,MAAM,IAAI;IACxE,SAAS,EAAE,cAAc,CAAC;IAC1B,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACpC,CAAC;AAEF,iBAAS,0CAA0C,CAAC,MAAM,SAAS,MAAM,EAAE,EACzE,UAAU,EACV,cAAc,EACd,SAAS,EACT,gBAAoB,GACrB,EAAE,oCAAoC,CAAC,MAAM,CAAC,2CAkC9C;AAED,eAAO,MAAM,+BAA+B,EAEvC,OAAO,0CAA0C,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractivePaths.d.ts

@@ -0,0 +1,25 @@
+import type { SparklineInteractiveBaseProps } from './SparklineInteractive';
+export type SparklineInteractivePathsProps<Period extends string> = Pick<
+  SparklineInteractiveBaseProps<Period>,
+  'fill' | 'fillType' | 'yAxisScalingFactor' | 'strokeColor' | 'hoverData' | 'compact'
+> & {
+  showHoverData: boolean;
+  path: string;
+  area: string;
+  selectedPeriod: Period;
+};
+declare function SparklineInteractivePathsWithGeneric<Period extends string>({
+  showHoverData,
+  fill,
+  fillType,
+  path,
+  area,
+  selectedPeriod,
+  yAxisScalingFactor,
+  strokeColor,
+  hoverData,
+  compact,
+}: SparklineInteractivePathsProps<Period>): import('react/jsx-runtime').JSX.Element;
+export declare const SparklineInteractivePaths: typeof SparklineInteractivePathsWithGeneric;
+export {};
+//# sourceMappingURL=SparklineInteractivePaths.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractivePaths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractivePaths.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractivePaths.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAQ5E,MAAM,MAAM,8BAA8B,CAAC,MAAM,SAAS,MAAM,IAAI,IAAI,CACtE,6BAA6B,CAAC,MAAM,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,oBAAoB,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,CACrF,GAAG;IACF,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,oCAAoC,CAAC,MAAM,SAAS,MAAM,EAAE,EACnE,aAAa,EACb,IAAI,EACJ,QAAqB,EACrB,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE,8BAA8B,CAAC,MAAM,CAAC,2CA2CxC;AAED,eAAO,MAAM,yBAAyB,EAEjC,OAAO,oCAAoC,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.d.ts

@@ -0,0 +1,25 @@
+export type SparklineInteractivePeriodSelectorProps<Period extends string> = {
+  selectedPeriod: Period;
+  setSelectedPeriod: (period: Period) => void;
+  periods: {
+    label: string;
+    value: Period;
+  }[];
+  color: string;
+};
+export type SparklineInteractivePeriodProps<Period extends string> = {
+  period: {
+    label: string;
+    value: Period;
+  };
+  selectedPeriod: Period;
+  setSelectedPeriod: SparklineInteractivePeriodSelectorProps<Period>['setSelectedPeriod'];
+  color: string;
+};
+export declare const SparklineInteractivePeriodSelector: <Period extends string>({
+  selectedPeriod,
+  setSelectedPeriod,
+  periods,
+  color,
+}: SparklineInteractivePeriodSelectorProps<Period>) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=SparklineInteractivePeriodSelector.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractivePeriodSelector.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,uCAAuC,CAAC,MAAM,SAAS,MAAM,IAAI;IAC3E,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,+BAA+B,CAAC,MAAM,SAAS,MAAM,IAAI;IACnE,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,uCAAuC,CAAC,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACxF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,eAAO,MAAM,kCAAkC,GAAI,MAAM,SAAS,MAAM,EAAE,wDAKvE,uCAAuC,CAAC,MAAM,CAAC,4CAwBjD,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveProvider.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Dispatch, SetStateAction } from 'react';
+type SparklineInteractiveProviderProps = {
+  children: React.ReactNode;
+  compact?: boolean;
+};
+type SparklineInteractiveContextInterface = {
+  isFallbackVisible: boolean;
+  compact: boolean;
+  width: number;
+  height: number;
+  showFallback: () => void;
+  hideFallback: () => void;
+  setWidth: Dispatch<SetStateAction<number>>;
+  setHeight: Dispatch<SetStateAction<number>>;
+};
+export declare const SparklineInteractiveProvider: React.MemoExoticComponent<
+  ({
+    children,
+    compact,
+  }: SparklineInteractiveProviderProps) => import('react/jsx-runtime').JSX.Element
+>;
+export declare function useSparklineInteractiveContext(): SparklineInteractiveContextInterface;
+export {};
+//# sourceMappingURL=SparklineInteractiveProvider.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveProvider.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAC/F,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,iCAAiC,GAAG;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,oCAAoC,GAAG;IAC1C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC7C,CAAC;AAaF,eAAO,MAAM,4BAA4B,oDACP,iCAAiC,6CAiClE,CAAC;AAEF,wBAAgB,8BAA8B,yCAE7C"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveScrubHandler.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { ChartGetMarker } from '@coinbase/cds-common';
+import type { SparklineInteractiveBaseProps } from './SparklineInteractive';
+export declare const scrubHandlerStaticClassName = 'cds-sparkline--scrubhandler';
+export declare function fadeInMask(domNode?: HTMLElement | null): void;
+type SparklineInteractiveScrubHandlerWebProps<Period extends string> = Pick<
+  SparklineInteractiveBaseProps<Period>,
+  'onScrub' | 'formatHoverDate' | 'formatHoverPrice'
+> & {
+  getMarker: ChartGetMarker;
+  selectedPeriod: Period;
+  onScrubEnd?: () => void;
+  onScrubStart?: () => void;
+  disabled?: boolean;
+  children: React.ReactNode;
+};
+declare const SparklineInteractiveScrubHandlerWithGeneric: <Period extends string>({
+  onScrubEnd,
+  onScrubStart,
+  children,
+  disabled,
+  onScrub,
+  getMarker,
+  selectedPeriod,
+  formatHoverDate,
+  formatHoverPrice,
+}: SparklineInteractiveScrubHandlerWebProps<Period>) => import('react/jsx-runtime').JSX.Element;
+export declare const SparklineInteractiveScrubHandler: typeof SparklineInteractiveScrubHandlerWithGeneric;
+export {};
+//# sourceMappingURL=SparklineInteractiveScrubHandler.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveScrubHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveScrubHandler.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveScrubHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAU3D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAI5E,eAAO,MAAM,2BAA2B,gCAAgC,CAAC;AAyEzE,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,QAGtD;AAED,KAAK,wCAAwC,CAAC,MAAM,SAAS,MAAM,IAAI,IAAI,CACzE,6BAA6B,CAAC,MAAM,CAAC,EACrC,SAAS,GAAG,iBAAiB,GAAG,kBAAkB,CACnD,GAAG;IACF,SAAS,EAAE,cAAc,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,2CAA2C,GAAI,MAAM,SAAS,MAAM,EAAE,0HAUzE,wCAAwC,CAAC,MAAM,CAAC,4CAwMlD,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAExC,OAAO,2CAA2C,CAAC"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveScrubProvider.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Dispatch, SetStateAction } from 'react';
+type SparklineInteractiveScrubContextInterface = {
+  setLineDOMNode: Dispatch<SetStateAction<HTMLDivElement | null>>;
+  setMaskDOMNode: Dispatch<SetStateAction<HTMLDivElement | null>>;
+  setHoverDateDOMNode: Dispatch<SetStateAction<HTMLSpanElement | null>>;
+  setHoverPriceDOMNode: Dispatch<SetStateAction<HTMLSpanElement | null>>;
+  lineDOMNode: HTMLDivElement | null;
+  maskDOMNode: HTMLDivElement | null;
+  hoverDateDOMNode: HTMLSpanElement | null;
+  hoverPriceDOMNode: HTMLSpanElement | null;
+};
+export declare const SparklineInteractiveScrubProvider: React.MemoExoticComponent<
+  ({ children }: { children: React.ReactNode }) => import('react/jsx-runtime').JSX.Element
+>;
+export declare function useSparklineInteractiveScrubContext(): SparklineInteractiveScrubContextInterface;
+export {};
+//# sourceMappingURL=SparklineInteractiveScrubProvider.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveScrubProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveScrubProvider.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveScrubProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,yCAAyC,GAAG;IAC/C,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAChE,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAChE,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC;IACtE,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,gBAAgB,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAC;CAC3C,CAAC;AAaF,eAAO,MAAM,iCAAiC,2CAC7B;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6CA0B7C,CAAC;AAEF,wBAAgB,mCAAmC,8CAElD"}

package/dts/sparkline/sparkline-interactive/SparklineInteractiveTimeseriesPaths.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { ChartDataPoint, ChartTimeseries } from '@coinbase/cds-common/types';
+import type { Area, Line } from 'd3-shape';
+export type TimeseriesPathOnRenderParams = {
+  path: string;
+  area: string;
+};
+export type TimeseriesPathProps = {
+  lineFn: Line<ChartDataPoint>;
+  areaFn: Area<ChartDataPoint>;
+  timeseries: ChartTimeseries;
+  initialPath: string;
+  onRender?: ({ path, area }: TimeseriesPathOnRenderParams) => void;
+};
+export type SparklineInteractiveTimeseriesPathsProps = {
+  initialPath: string;
+  data: ChartTimeseries[];
+  width: number;
+  height: number;
+  onRender: ({ path, area }: TimeseriesPathOnRenderParams) => void;
+};
+export declare const SparklineInteractiveTimeseriesPaths: React.MemoExoticComponent<
+  ({
+    data,
+    width,
+    height,
+    initialPath,
+    onRender,
+  }: SparklineInteractiveTimeseriesPathsProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SparklineInteractiveTimeseriesPaths.d.ts.map

package/dts/sparkline/sparkline-interactive/SparklineInteractiveTimeseriesPaths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractiveTimeseriesPaths.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/SparklineInteractiveTimeseriesPaths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOlF,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAM3C,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC7B,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC7B,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACnE,CAAC;AA8CF,MAAM,MAAM,wCAAwC,GAAG;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,eAAO,MAAM,mCAAmC,6EACG,wCAAwC,6CA2B1F,CAAC"}

package/dts/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SparklineInteractive.figma.d.ts.map

package/dts/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineInteractive.figma.d.ts","sourceRoot":"","sources":["../../../../src/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.tsx"],"names":[],"mappings":""}

package/dts/sparkline/sparkline-interactive/fade.d.ts

@@ -0,0 +1,3 @@
+export declare function fadeOut(domNode?: HTMLElement | null): void;
+export declare function fadeIn(domNode?: HTMLElement | null): void;
+//# sourceMappingURL=fade.d.ts.map

package/dts/sparkline/sparkline-interactive/fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/fade.ts"],"names":[],"mappings":"AAqCA,wBAAgB,OAAO,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,QAGnD;AAED,wBAAgB,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,QAGlD"}

package/dts/sparkline/sparkline-interactive/useSparklineInteractiveConstants.d.ts

@@ -0,0 +1,13 @@
+export declare function useSparklineInteractiveConstants(): {
+  chartWidth: number;
+  chartHeight: number;
+  chartDimensionStyles: {
+    height: number;
+    width: number;
+  };
+  xRange: number[];
+  yRange: number[];
+  startX: number;
+  endX: number;
+};
+//# sourceMappingURL=useSparklineInteractiveConstants.d.ts.map

package/dts/sparkline/sparkline-interactive/useSparklineInteractiveConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSparklineInteractiveConstants.d.ts","sourceRoot":"","sources":["../../../src/sparkline/sparkline-interactive/useSparklineInteractiveConstants.ts"],"names":[],"mappings":"AASA,wBAAgB,gCAAgC;;;;;;;;;;;EAuB/C"}