@moderneinc/react-charts 1.5.2-next.f8b5a8 → 1.6.0-next.0d285b

package/dist/components/campaign-timeline/campaign-timeline.types.d.ts

@@ -101,6 +101,22 @@ export type CampaignTimelineProps = {
      * @default true
      */
     snapToEvents?: boolean;
+    /**
+     * False makes the chart display-only: no playhead, no slider role, input
+     * ignored, `onTimeChange` never fires. Flags stay clickable - this disables
+     * scrubbing, not selection.
+     * @default true
+     */
+    enableScrubbing?: boolean;
+    /**
+     * Whether the campaign has finished. Complete graphs the span of its own
+     * data; incomplete runs to wall-clock now, so elapsed silence occupies width.
+     *
+     * NOTE: wall-clock is read once per instance - the edge does not advance on
+     * its own. Pass `horizonEnd` on an interval for that.
+     * @default true
+     */
+    complete?: boolean;
     /**
      * How far data is known - typically the last status refresh. The line stops
      * here and the rest is hatched: unrefreshed, not empty. Defaults to no hatch.
@@ -109,9 +125,28 @@ export type CampaignTimelineProps = {
     /**
      * Extends the x-domain to at least this time, so the chart can show
      * wall-clock time past the last refresh. Never shrinks the domain: a value
-     * earlier than the last data point has no effect.
+     * earlier than the last data point has no effect - including under
+     * `complete={false}`, which sets a floor for the right edge rather than
+     * overriding one.
      */
     horizonEnd?: number;
+    /**
+     * Fraction of the plot width at which the newest data sits. `2/3` leaves the
+     * last third empty; `1` runs the data flush to the right edge.
+     *
+     * Trailing room is what a flag's label needs: the last event's banner is
+     * drawn to the RIGHT of its pole, so a pole at the edge has nowhere to put
+     * its text and the label flips to a chip on the other side. Reserving space
+     * here keeps the newest - usually most interesting - event reading like
+     * every other one.
+     *
+     * Applies to whatever right edge the domain settled on, so it composes with
+     * `horizonEnd` and with `complete={false}`'s wall-clock edge rather than
+     * fighting them. Clamped to (0, 1].
+     *
+     * @default 1
+     */
+    trailingRatio?: number;
     /** Ids of events drawn in the selected state. */
     selectedEventIds?: string[];
     /** Called when an event flag is clicked. */

package/dist/components/campaign-timeline/hooks/use-campaign-timeline.hook.d.ts

@@ -7,13 +7,16 @@ type UseCampaignTimelineProps = {
     defaultTime?: number;
     onTimeChange?: (time: number, reason: PlayheadChangeReason) => void;
     snapToEvents: boolean;
+    enableScrubbing: boolean;
+    complete: boolean;
     now?: number;
     horizonEnd?: number;
+    trailingRatio: number;
     width?: number;
     fontFamily: string;
     formatDate?: (timestamp: number) => string;
 };
-export declare const useCampaignTimeline: ({ events, burndown, time, defaultTime, onTimeChange, snapToEvents, now, horizonEnd, width: widthProp, fontFamily, formatDate }: UseCampaignTimelineProps) => {
+export declare const useCampaignTimeline: ({ events, burndown, time, defaultTime, onTimeChange, snapToEvents, enableScrubbing, complete, now, horizonEnd, trailingRatio, width: widthProp, fontFamily, formatDate }: UseCampaignTimelineProps) => {
     containerRef: import('react').RefObject<HTMLDivElement>;
     width: number;
     plotWidth: number;