@gitkraken/gitkraken-components 13.0.0-vnext.10 → 13.0.0-vnext.15

package/dist/components/dnd/DndComponent.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 export type DndCanDrag = (sourceData?: any) => boolean;
 export type DndOnBeginDrag = (event: React.DragEvent, sourceData?: any) => void;
 export type DndOnDragEnter = (event: React.DragEvent, sourceData?: any, targetData?: any) => void;

package/dist/components/dnd/DndContainer.d.ts

@@ -1,6 +1,6 @@
 import type { Drake } from 'dragula';
 import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 export type DndDirection = 'vertical' | 'horizontal';
 export type DndIsDraggable = (source: ReactElement<any>) => boolean;
 export type DndIsDroppable = (source: ReactElement<any>, target: ReactElement<any>) => boolean;

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

@@ -20,6 +20,7 @@ type GraphColumnProps = {
     graphZones: GraphZone[];
     hasMoreCommits: boolean;
     horizontalScrollHeight: number;
+    isCommitListFiltered: boolean;
     isLoadingRows: boolean;
     markerColors: GraphMarkerColors;
     markerRowIndices: GraphMarkerRowIndices;
@@ -39,5 +40,5 @@ type GraphColumnProps = {
     translate: TranslationFn;
     verticalScrollWidth: number;
 };
-export declare function GraphColumn({ branchUpstreamRowIndices, rowCount, cellRenderersByIds, columnIndex, customFooterRow, enabledScrollMarkerTypes, enableResizer, getExternalIcon, getKeyForCell, graphHeight, graphWidth, graphZoneType, graphZones, hasMoreCommits, horizontalScrollHeight, 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, scrollLeft, scrollToAlignment, scrollToIndex, scrollTop, smartCellRangeRenderer, translate, verticalScrollWidth, }: GraphColumnProps): ReactElement<any> | null;
 export {};

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

@@ -1,6 +1,6 @@
 import type { Alignment, ScrollParams } from 'react-virtualized';
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Sha } from '../../domain/commit/CommitTypes';
 import type { CssVariables } from '../../domain/generic/GenericTypes';
 import type { GraphCommitDescDisplayMode, GraphMarkerType, GraphSearchMode, GraphZone, GraphZoneType, ShiftSelectMode } from '../../domain/graph/GraphConstants';
@@ -164,6 +164,7 @@ type HasMergeNodeChildBySha = {
     [sha: Sha]: boolean;
 };
 declare class GraphContainer extends React.Component<Props, ComponentState> implements IGraphContainer {
+    static getDerivedStateFromProps(props: Props, state: ComponentState): Partial<ComponentState> | null;
     private graphComponentRef;
     private graphContainerRef;
     private resizeObserver;
@@ -189,10 +190,12 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     shouldFireShowMoreCommits: boolean;
     columnsToFreeWhenFound: ColumnsToFreeBySha;
     hasMergeNodeChildBySha: HasMergeNodeChildBySha;
+    private _autoLoadTimer?;
     reserverInfoBySha: ReserverInfoBySha;
     columnsUsed: ColumnsUsed;
     rowsStats?: Record<string, RowStats>;
     workDirStats: WorkDirStats;
+    private _markerColorsCache;
     excludeByType: ExcludeByType;
     excludeRefsById: ExcludeRefsById;
     includeOnlyRefsById: IncludeOnlyRefsById;
@@ -208,18 +211,18 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     graphZonesByType: GraphZonesByType;
     graphZoneOrdering: GraphZoneType[];
     clientHeight: number;
-    missingAvatarsTimer?: NodeJS.Timeout;
+    missingAvatarsTimer?: ReturnType<typeof setTimeout>;
     pendingMissingAvatars: AvatarUrlByEmail;
     requestedMissingAvatars: AvatarUrlRequestedByEmail;
-    missingRefsMetadataTimer?: NodeJS.Timeout;
+    missingRefsMetadataTimer?: ReturnType<typeof setTimeout>;
     pendingMissingRefsMetadata: RefsMissingMetadata;
     requestedMissingRefsMetadata: RefMetadataRequestedById;
     branchUpstreamRowIndices: number[];
     downstreamsByUpstream: DownstreamsByUpstream;
-    timelinesInterval?: NodeJS.Timeout;
+    timelinesInterval?: ReturnType<typeof setInterval>;
     constructor(props: Props);
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    componentDidUpdate(prevProps: Props, prevState: ComponentState): void;
     componentWillUnmount(): void;
     focus(): void;
     getRefIconsPositionOrDefault(refIconsPosition?: RefIconsPosition | null): RefIconsPosition;
@@ -280,26 +283,29 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     onShowMoreCommits: OnShowMoreCommits;
     onScrollForZone: OnScrollForZone;
     loadMoreCommitsIfNecessary(graphHeight: number, hasMoreCommits: boolean): void;
+    private shouldAutoLoadToFillViewport;
+    private autoLoadToFillViewport;
     onScrollToRowCausedUpdateForFirstColumn: OnScrollForZone;
     onCommitContextMenu: OnCommitContextMenu;
     onRefContextMenu: OnRefZoneContextMenu;
-    /**
-     * Check if an object has any keys (more efficient than Object.keys().length > 0)
-     */
-    private hasAnyKey;
     /**
      * Deep equality check for isSelectedBySha objects to avoid unnecessary scroll-to-selection
      * when object reference changes but content is the same (e.g., after postMessage serialization)
      */
     private isSelectedByShaEqual;
+    private _pendingRowsUpdate;
+    private _selectionVersion;
     selectCommits(shas: Sha[], includeToPrevSel: boolean, isAutoOrKeyScroll: boolean): void;
     getCommitZoneContentWidthBetweenGutters(): number;
-    getSelectedShas(): Sha[];
     getExcludeRemotesByName(): ExcludeRemotesByName;
     getIncludeOnlyRemotesByName(): IncludeOnlyRemotesByName;
     clearScrollToIndex: ClearScrollToIndex;
     getTopAndBottomVisibleRowIndex(): TopAndBottomVisibleRowIndex;
-    getOffsetSha(sha: Sha): Sha;
+    getOffsetSha(sha: Sha, scrollDirection: 'up' | 'down' | 'none', lastScrollDirection: 'up' | 'down' | 'none' | undefined, isAutoOrKeyScroll: boolean): Sha;
+    private _pendingScrollUpdate;
+    private _lastSelectedRowIndex;
+    private _lastScrollDirection;
+    private _scrollToAlignmentOverride;
     selectSha(sha: Sha, isAutoOrKeyScroll?: boolean): void;
     updateWidthByZone(widthToAssignForZone: number, graphZoneType: GraphZoneType, updatePreferredWidth?: boolean): void;
     updateCommitZoneContentWidthFromChange(): void;
@@ -356,6 +362,10 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     selectNext(topological?: boolean): void;
     selectPrevious(topological?: boolean): void;
     selectHead(upstream?: boolean): void;
+    selectFirst(shiftKey?: boolean): void;
+    selectLast(shiftKey?: boolean): void;
+    selectPageUp(shiftKey?: boolean): void;
+    selectPageDown(shiftKey?: boolean): void;
     getAvailableColumnAndUseIt(): number;
     getColumns(graphRow: GraphRow): number;
     getFilteredHeadsForGraphRow(row: GraphRow, hasIncludes: boolean): Head[];

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { GraphZone } from '../../domain/graph/GraphConstants';
 import type { ExcludeRefsById, GetExternalIcon, GraphColumnsSettings, GraphItemContext, IncludeOnlyRefsById, OnFilterColumnClick, OnGraphColumnReOrdered, OnGraphZoneResize, OnGraphZoneResizeEnd, OnGraphZoneResizeFromPropChange, OnPopupGraphHeaderContextMenu, OnSettingsClick, OnToggleRefNodesShown } from '../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../domain/language/LanguageTypes';

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { GraphMarkerType } from '../../domain/graph/GraphConstants';
 import type { GraphMarkerColors, GraphMarkerRowIndices } from '../../domain/graph/GraphTypes';
 interface Props {

package/dist/components/graph/commitzone/CommitNode.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CommitType } from '../../../domain/commit/CommitTypes';
 import type { CssVariables } from '../../../domain/generic/GenericTypes';
 import type { GetExternalIcon, GraphItemContext, GraphZoneModeConstants } from '../../../domain/graph/GraphTypes';

package/dist/components/graph/commitzone/CommitZone.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { CssVariables, Style } from '../../../domain/generic/GenericTypes';
 import type { ColumnColorByColumn, GetExternalIcon, GraphItemContext, GraphZoneModeConstants, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnCommitContextMenu, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit, RowEdges } from '../../../domain/graph/GraphTypes';

package/dist/components/graph/commitzone/GraphAvatar.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CssVariables, Style } from '../../../domain/generic/GenericTypes';
 import type { GraphItemContext } from '../../../domain/graph/GraphTypes';
 import type { ComponentTooltip } from '../../../domain/ui/UiTypes';

package/dist/components/graph/commitzone/edges/Edges.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { ColumnColorByColumn, GraphZoneModeConstants, RowEdges } from '../../../../domain/graph/GraphTypes';
 type EdgeProps = {
     columnColorByColumn: ColumnColorByColumn;

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

@@ -1,5 +1,5 @@
 import type { MouseEventHandler, ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { GraphZone, GraphZoneType } from '../../../domain/graph/GraphConstants';
 import type { ExcludeRefsById, GetExternalIcon, GraphColumnSetting, GraphItemContext, GraphRefOptData, IncludeOnlyRefsById, OnFilterColumnClick, OnGraphZoneResize, OnGraphZoneResizeEnd, OnGraphZoneResizeFromPropChange, OnGraphZoneResizeStart, OnSettingsClick, OnToggleRefNodesShown } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GraphZoneType } from '../../../domain/graph/GraphConstants';

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

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 export type ScrollParams = {
     clientHeight: number;
     clientWidth: number;

package/dist/components/graph/messagezone/WorkDirMessageInput.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Sha } from '../../../domain/commit/CommitTypes';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GraphZoneType } from '../../../domain/graph/GraphConstants';

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { FormatRefShorthand, IsRefShorthandValid, OnRefCreate, OnRefCreateCancel, OnRefCreateContextMenu, OnRefShorthandChange } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, GraphRef, GraphRefGroup, OnClickRef, OnClickRefMetadata, OnDoubleClickRef, OnDoubleClickRefMetadata, OnHideRefClick, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefZoneContextMenu, RefMetadataById, RefMetadataItem, RefMetadataType } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';

package/dist/components/graph/rowRenderers/CommitsInfoRow.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GraphZoneType } from '../../../domain/graph/GraphConstants';
 import type { GetExternalIcon } from '../../../domain/graph/GraphTypes';

package/dist/components/graph/shared/Avatar.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { GraphItemContext } from '../../../domain/graph/GraphTypes';
 type DataURLBase64 = string;
 type Props = {

package/dist/components/graph/shared/FileDiffTypeIcon.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GetExternalIcon } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
@@ -8,6 +8,7 @@ type Props = {
     fileDiffType: string;
     getExternalIcon: GetExternalIcon;
     translate: TranslationFn;
+    noMargin?: boolean;
 };
 declare class FileDiffTypeIcon extends React.Component<Props> {
     render(): ReactElement<'span'> | null;

package/dist/components/graph/shared/WipStatsPill.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { GetExternalIcon } from '../../../domain/graph/GraphTypes';
+import type { TranslationFn } from '../../../domain/language/LanguageTypes';
+import type { WorkDirStats } from '../../../domain/workdir/WorkDirTypes';
+type Props = {
+    workDirStats: WorkDirStats;
+    getExternalIcon: GetExternalIcon;
+    translate: TranslationFn;
+};
+declare function WipStatsPill({ workDirStats, getExternalIcon, translate }: Props): ReactElement<'span'> | null;
+export default WipStatsPill;

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

@@ -1,6 +1,6 @@
 import type { HandleStyles, ResizeCallback, ResizeStartCallback } from 're-resizable';
 import type { ReactElement, ReactNode } from 'react';
-import React 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';
@@ -64,7 +64,7 @@ interface State extends Dimensions {
 }
 export default class Resizable extends React.PureComponent<Props, State> {
     static defaultProps: DefaultProps;
-    onWheelTimeOut?: NodeJS.Timeout;
+    onWheelTimeOut?: ReturnType<typeof setTimeout>;
     isMouseWheeling: boolean;
     constructor(props: Props);
     static getDerivedStateFromProps(props: Props, state: State): State;

package/dist/domain/generic/GenericTypes.d.ts

@@ -17,7 +17,11 @@ export declare enum NamedKeys {
     arrowDownKey = "ArrowDown",
     arrowUpKey = "ArrowUp",
     controlKey = "Control",
+    endKey = "End",
+    homeKey = "Home",
     metaKey = "Meta",
+    pageDownKey = "PageDown",
+    pageUpKey = "PageUp",
     shiftKey = "Shift"
 }
 export type MapWithCacheQueue<T, U> = {

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

@@ -70,6 +70,8 @@ export declare const commitAuthorZone: CommitAuthorZoneType;
 export declare const commitDateTimeZone: CommitDateTimeZoneType;
 export declare const commitShaZone: CommitShaZoneType;
 export declare const changesZone: ChangesZoneType;
+/** A special sha used to indicate that the graph should be highlighted but there are no rows to highlight */
+export declare const noShaHighlightedSha = "no-sha-highlighted";
 export declare enum GraphColumnMode {
     Compact = "compact",
     Rich = "rich",

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

@@ -1,5 +1,5 @@
 import type { GridCellRenderer, ScrollParams } from 'react-virtualized';
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import type { CommitDateTimeSources } from '../commit/CommitConstants';
 import type { CommitType, Sha } from '../commit/CommitTypes';
 import type { CssVariables } from '../generic/GenericTypes';
@@ -317,9 +317,8 @@ export interface ProcessedGraphRow extends GraphRow {
     rowIndex?: number;
     column: number;
     columnForColoring?: number;
-    displayMessage: string;
-    displaySummary: string;
-    displayBody?: string;
+    displaySummary: string | ReactNode;
+    displayBody?: string | ReactNode;
     edges: RowEdges;
     edgeColumnMaxes: number;
     hasRefs?: boolean;
@@ -430,7 +429,10 @@ export type OnGraphMouseLeave = (event: React.MouseEvent<any>) => void;
 export type OnClearCurrentlyHoveredGraphCommit = (event: React.MouseEvent<any>, graphZoneType: GraphZoneType, sha: Sha, currentlyHoveredCommitSha?: Sha) => void;
 export type CommitDateTimeSource = CommitDateTimeSources;
 export type OnFormatCommitDateTime = (commitDateTime: number, source?: CommitDateTimeSource) => string;
-export type FormatCommitMessage = (commitMessage: string) => string;
+export type FormatCommitMessage = (commitMessage: string) => {
+    summary: string | ReactNode;
+    body?: string | ReactNode;
+};
 export type OnCurrentlyHoveredGraphCommit = (event: React.MouseEvent<any>, graphZoneType: GraphZoneType, sha: Sha, currentlyHoveredCommitSha?: Sha) => void;
 export type OnClickCommit = (event: React.MouseEvent<any>, graphZoneType: GraphZoneType, sha: Sha) => void;
 export type OnClickRef = (event: React.MouseEvent<any>, refGroup: GraphRefGroup, sha: Sha, metadataItem?: RefMetadataItem) => void;

package/dist/domain/graph/row/ProcessedGraphRowObj.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { IGraphContainer } from '../../../components/graph/IGraphContainer';
 import type { CommitType, Sha } from '../../commit/CommitTypes';
 import type { TimelineEntry } from '../GraphConstants';
@@ -28,9 +29,8 @@ export declare class ProcessedGraphRowObj implements ProcessedGraphRow {
     timeLineEntry?: TimelineEntry;
     summary: string;
     body?: string;
-    displayMessage: string;
-    displaySummary: string;
-    displayBody?: string;
+    displaySummary: string | ReactNode;
+    displayBody?: string | ReactNode;
     set message(message: string);
     get message(): string;
     get heads(): Head[];
@@ -43,7 +43,6 @@ export declare class ProcessedGraphRowObj implements ProcessedGraphRow {
     get hasChildRefs(): boolean;
     get refsData(): GraphRefsData | undefined;
     constructor(graphContainer: IGraphContainer, row: GraphRow, column?: number, edgeColumnMaxes?: number, edges?: RowEdges, childRefs?: ChildRefsByType, timeLineEntry?: TimelineEntry, columnForColoring?: number);
-    private updateSummaryAndBody;
     private initializeRefGroups;
     private addRefToRefGroup;
     private loadGraphRefGroupsData;

package/dist/domain/reactvirtualized/ReactVirtualizedHelpers.d.ts

@@ -8,4 +8,4 @@ export type CustomCellCacheValue = {
 export type CustomCellCache = {
     [key: string]: CustomCellCacheValue;
 };
-export declare const makeSmartCellRangeRenderer: (getRealKeyForCell: GetRealKeyForCellFunc) => GridCellRangeRenderer;
+export declare const makeSmartCellRangeRenderer: (getRealKeyForCell: GetRealKeyForCellFunc, scrollLeft?: number) => GridCellRangeRenderer;