@moderneinc/react-charts 1.6.0-next.ebd481 → 1.7.0

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

@@ -130,6 +130,23 @@ export type CampaignTimelineProps = {
      * 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

@@ -11,11 +11,12 @@ type UseCampaignTimelineProps = {
     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, enableScrubbing, complete, 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;