@gitkraken/gitkraken-components 13.0.0-vnext.16 → 13.0.0-vnext.18

package/dist/components/graph/GraphColumn.d.ts

@@ -1,7 +1,7 @@
 import type { Alignment, GridCellRangeRenderer } from 'react-virtualized';
 import type { ReactElement } from 'react';
 import type { GraphMarkerType, GraphZone, GraphZoneType } from '../../domain/graph/GraphConstants';
-import type { ColumnContentGenerator, GetExternalIcon, GraphMarkerColors, GraphMarkerRowIndices, OnGraphZoneResize, OnGraphZoneResizeEnd, OnGraphZoneResizeFromPropChange, OnScrollForZone, RowRenderersByIds } from '../../domain/graph/GraphTypes';
+import type { ColumnContentGenerator, GetExternalIcon, GraphMarkerColors, GraphMarkerRowIndices, OnGraphZoneResize, OnGraphZoneResizeEnd, OnGraphZoneResizeFromPropChange, OnScrollForZone, ProcessedGraphRow, RowRenderersByIds } from '../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../domain/language/LanguageTypes';
 import type { GetRealKeyForCellFunc } from '../../domain/reactvirtualized/ReactVirtualizedHelpers';
 import type { OnMouseEnter } from '../../domain/ui/UiTypes';
@@ -32,13 +32,15 @@ type GraphColumnProps = {
     onScrollToRowCausedUpdate?: OnScrollForZone;
     onZoneEnter: OnMouseEnter;
     cellRenderersByIds: RowRenderersByIds;
+    processedRows?: ProcessedGraphRow[];
     scrollToAlignment?: Alignment;
     scrollToIndex?: number;
     scrollLeft: number;
     scrollTop: number;
     smartCellRangeRenderer: GridCellRangeRenderer;
+    stickyTimeline?: boolean;
     translate: TranslationFn;
     verticalScrollWidth: number;
 };
-export declare function GraphColumn({ branchUpstreamRowIndices, rowCount, cellRenderersByIds, columnIndex, customFooterRow, enabledScrollMarkerTypes, enableResizer, getExternalIcon, getKeyForCell, graphHeight, graphWidth, graphZoneType, graphZones, hasMoreCommits, horizontalScrollHeight, isCommitListFiltered, isLoadingRows, markerColors, markerRowIndices, onResize, onResizeEnd, onResizeFromPropChange, onScroll, onScrollToRowCausedUpdate, onZoneEnter, scrollLeft, scrollToAlignment, scrollToIndex, scrollTop, smartCellRangeRenderer, translate, verticalScrollWidth, }: GraphColumnProps): ReactElement<any> | null;
+export declare function GraphColumn({ branchUpstreamRowIndices, rowCount, cellRenderersByIds, columnIndex, customFooterRow, enabledScrollMarkerTypes, enableResizer, getExternalIcon, getKeyForCell, graphHeight, graphWidth, graphZoneType, graphZones, hasMoreCommits, horizontalScrollHeight, isCommitListFiltered, isLoadingRows, markerColors, markerRowIndices, onResize, onResizeEnd, onResizeFromPropChange, onScroll, onScrollToRowCausedUpdate, onZoneEnter, processedRows, scrollLeft, scrollToAlignment, scrollToIndex, scrollTop, smartCellRangeRenderer, stickyTimeline, translate, verticalScrollWidth, }: GraphColumnProps): ReactElement<any> | null;
 export {};

package/dist/components/graph/GraphContainer.d.ts

@@ -41,6 +41,7 @@ export interface StateProps {
     enabledScrollMarkerTypes?: GraphMarkerType[];
     scrollRowPadding?: number;
     enableMultiSelection?: boolean;
+    stickyTimeline?: boolean;
     graphCommitDescDisplayMode?: GraphCommitDescDisplayMode;
     graphRows: GraphRow[];
     hasMoreCommits?: boolean;
@@ -417,6 +418,12 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     onGraphContainerBlurred: OnGraphContainerBlurred;
     onGraphContainerMouseEnter: OnGraphMouseEnter;
     onGraphContainerMouseLeave: OnGraphMouseLeave;
+    private _headerHoverRestoreTimer?;
+    onGraphHeaderMouseDown: () => void;
+    onGraphHeaderMouseUp: (event: React.MouseEvent<any>) => void;
+    onGraphHeaderWheel: (event: React.WheelEvent<any>) => void;
+    onGraphHeaderMouseMove: (event: React.MouseEvent<any>) => void;
+    private hoverRowForHeaderEvent;
     onGraphResized: OnGraphResized;
     onGraphVisibleRowsUpdated(): void;
     getCurrentPlatform(): string;

package/dist/components/graph/GraphHeaderRow.d.ts

@@ -29,6 +29,10 @@ type Props = {
     translate: TranslationFn;
     width: number;
     height: number;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement>;
+    onWheel?: React.WheelEventHandler<HTMLDivElement>;
     settingsContext?: GraphItemContext;
 };
 declare class GraphHeaderRow extends React.PureComponent<Props> {

package/dist/components/graph/common/StickyTimeline.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { ProcessedGraphRow } from '../../../domain/graph/GraphTypes';
+import type { TranslationFn } from '../../../domain/language/LanguageTypes';
+interface StickyTimelineProps {
+    processedRows: ProcessedGraphRow[];
+    scrollTop: number;
+    translate: TranslationFn;
+}
+export declare function StickyTimeline({ processedRows, scrollTop, translate }: StickyTimelineProps): ReactElement | null;
+export {};

package/dist/components/graph/common/TimelineMessage.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+interface TimelineMessageProps {
+    message: string;
+}
+export declare function TimelineMessage({ message }: TimelineMessageProps): ReactElement;
+export {};

package/dist/components/graph/refzone/RefZone.d.ts

@@ -2,7 +2,7 @@ import type { ReactElement } from 'react';
 import React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { Style } from '../../../domain/generic/GenericTypes';
-import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, GraphRefGroup, IncludeOnlyRefsById, IncludeOnlyRemotesByName, OnClickRef, OnDoubleClickRef, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefNodeUnhovered, OnRefZoneContextMenu, OnRefZoneHovered, OnRefZoneUnhovered, OnToggleRefNodesShown, RefGroupContexts, RefMetadataById, RefMetadataType } from '../../../domain/graph/GraphTypes';
+import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, GraphRefGroup, IncludeOnlyRefsById, IncludeOnlyRemotesByName, OnClearCurrentlyHoveredGraphCommit, OnClickRef, OnDoubleClickRef, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefNodeUnhovered, OnRefZoneContextMenu, OnRefZoneHovered, OnRefZoneUnhovered, OnToggleRefNodesShown, RefGroupContexts, RefMetadataById, RefMetadataType } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
 import type { RefIconsPosition } from '../../../domain/ref/RefTypes';
 type RefZoneDefaultProps = {
@@ -55,6 +55,8 @@ type RefZoneProps = {
     type: CommitType;
     useColumnHeaderIcons: boolean;
     width: number;
+    clearCurrentlyHoveredGraphCommit: OnClearCurrentlyHoveredGraphCommit;
+    currentlyHoveredCommitSha: Sha | null;
 };
 export default class RefZone extends React.PureComponent<RefZoneProps> {
     popoverTargetRef: React.RefObject<HTMLDivElement>;

package/dist/components/resizable/Resizable.d.ts

@@ -3,7 +3,7 @@ import type { ReactElement, ReactNode } from 'react';
 import * as React from 'react';
 import type { Style } from '../../domain/generic/GenericTypes';
 import type { TranslationFn } from '../../domain/language/LanguageTypes';
-import type { OnResize, OnResizeEnd, OnResizeFromPropChange, OnResizeStart, OnWheel } from '../../domain/ui/UiTypes';
+import type { OnResize, OnResizeEnd, OnResizeFromPropChange, OnResizeStart } from '../../domain/ui/UiTypes';
 declare const resizableEdges: {
     bottom: string;
     left: string;
@@ -60,19 +60,15 @@ interface State extends Dimensions {
     initialWidth: number;
     resizing: boolean;
     vertical: boolean;
-    isMouseWheeling: boolean;
 }
 export default class Resizable extends React.PureComponent<Props, State> {
     static defaultProps: DefaultProps;
-    onWheelTimeOut?: ReturnType<typeof setTimeout>;
-    isMouseWheeling: boolean;
     constructor(props: Props);
     static getDerivedStateFromProps(props: Props, state: State): State;
     componentDidUpdate(nextProps: Props): void;
     _onResize: ResizeCallback;
     _onResizeStart: ResizeStartCallback;
     _onResizeEnd: ResizeCallback;
-    _onWheel: OnWheel;
     render(): ReactElement<'div'>;
 }
 export {};

package/dist/domain/graph/GraphHelpers.d.ts

@@ -4,7 +4,7 @@ import type { CssVariables } from '../generic/GenericTypes';
 import type { GetRealKeyForCellFunc } from '../reactvirtualized/ReactVirtualizedHelpers';
 import type { GraphRefType } from '../ref/RefTypes';
 import type { WorkDirStats } from '../workdir/WorkDirTypes';
-import type { GraphMarkerType, GraphZone, GraphZoneType, TimelineEntriesByPeriod } from './GraphConstants';
+import type { GraphMarkerType, GraphZone, GraphZoneType, TimelineEntry } from './GraphConstants';
 import { GraphColumnMode } from './GraphConstants';
 import type { BaseMetadata, ExternalIconKeys, GetMissingRefMetadata, GraphColumnWidthConstraints, GraphItemContext, GraphRef, GraphRefGroup, GraphRow, GraphZoneModeConstants, Head, HighlightedShas, ProcessedGraphRow, ProcessedGraphRowBySha, Ref, RefMetadata, RefMetadataById, RefMetadataType, RowStatsConstraints } from './GraphTypes';
 export type DebouncableFn = (...args: any) => void;
@@ -18,7 +18,22 @@ export declare function hasScrolledToRight(htmlElement: HTMLElement): boolean;
 export declare function parseContext(context?: GraphItemContext | null): string | null;
 export declare function getRowStatsConstraints(stats: number[]): RowStatsConstraints;
 export declare function getOrAskForRefMetadata(ref: GraphRef, refMetadata: RefMetadataById | undefined, onMissingRefMetadata: GetMissingRefMetadata, refMetadataType?: RefMetadataType): RefMetadata | BaseMetadata | BaseMetadata[] | null | undefined;
-export declare function getTimelineEntriesByPeriod(): TimelineEntriesByPeriod;
+export declare function getTimelineLabelAndValue(diffMs: number): {
+    label: string;
+    value: number;
+};
+export declare function getTimelineEntriesByPeriod(): TimelineEntry[];
+/**
+ * Assigns timeline entries to graph rows based on commit dates.
+ *
+ * Timeline markers act as boundaries between time periods:
+ * - All commits above a marker must be younger (more recent) than the marker time
+ * - All commits at and below a marker must be equal to or older than the marker time
+ *
+ * @param orderedRows - Array of graph rows ordered from newest to oldest
+ * @param entries - Array of timeline entries ordered from newest to oldest
+ */
+export declare function assignTimelineEntriesToRows(orderedRows: ProcessedGraphRow[], entries: TimelineEntry[]): void;
 export declare function getRefIdByBaseRef(refType: GraphRefType, ref: Ref): string;
 export declare function getRefIdByGraphRef(ref: GraphRef): string;
 export declare function getLastShrinkableGraphZone(activeGraphZones: GraphZone[], stoppingIndex?: number): GraphZone | undefined;
@@ -70,6 +85,7 @@ export interface GraphRowHelperProps {
     selectedShas: Set<Sha>;
     processedRows: ProcessedGraphRow[];
     processedGraphRowBySha: ProcessedGraphRowBySha;
+    scrollTop: number;
     alwaysShowTimelines?: boolean;
 }
 export declare class GraphRowHelper {