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

package/README.md

@@ -3,10 +3,12 @@
 This is a shared module between the GitKraken app and GitLens to share React components.
 
 ## Requires resolution to React 17
+
 > [!WARNING]
 > In order for this package to work properly, you must resolve React to version 17 in your own project.
 > The reason for this is because this library's react-bootstrap dependency lists React 16 as a dependency, and npm/yarn 1 do not provide a way for dependencies to lock sub-dependencies. Therefore it is up to your project to force this library's react-bootstrap to use react 17.
 > The following is an example of what to put into your package.json:
+
 ```
   "resolutions": {
     "react": "17.0.2",

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,7 +1,6 @@
-/// <reference types="node" />
 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';
@@ -165,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;
@@ -173,7 +173,8 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     isRefContextMenuShown: boolean;
     isMounted: boolean;
     selectedShas: Set<Sha>;
-    lastFocusedSha?: Sha;
+    selectionAnchorSha?: Sha;
+    selectionFocusSha?: Sha;
     processedGraphRowBySha: ProcessedGraphRowBySha;
     shaByRefId: ShaByRefId;
     childrenBySha: ChildrenBySha;
@@ -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;
@@ -247,7 +250,21 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     onRefDrop: OnRefDrop;
     onRefEndDrag: OnRefEndDrag;
     onZoneRowClick(event: React.MouseEvent<any>, graphZoneType: GraphZoneType, sha: Sha): void;
-    getShiftSelectRange(currentSha: Sha): Sha[];
+    getShiftSelectRange(currentSha: Sha, shiftSelectMode: ShiftSelectMode): Sha[] | undefined;
+    private getTopologicalPathBetween;
+    private getDirectTopologicalPathBetween;
+    /**
+     * Finds the nearest commit that is topologically reachable from the anchor commit.
+     * Searches in the appropriate direction based on whether the anchor is ahead or behind the target.
+     * This is used as a fallback when the clicked commit is not directly topologically reachable.
+     */
+    private findNearestTopologicallyReachableCommit;
+    /**
+     * Validates that a path has only 2 endpoints - the start and end commits.
+     * An endpoint is a commit that has no children or parents within the selected path
+     * (excluding the explicit start and end points).
+     */
+    private hasOnlyTwoEndpoints;
     onClickRef: OnClickRef;
     onClickCommit: OnClickCommit;
     onDoubleClickCommit: OnDoubleClickCommit;
@@ -266,17 +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;
+    /**
+     * 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;
@@ -333,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[];
@@ -367,7 +400,7 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     isMacOSPlatform(): boolean;
     isCommitListFiltered(): boolean;
     getGraphColumnSettingFromZoneType(graphZone: GraphZone): GraphColumnSetting;
-    decorateWithHelmet: (container: ReactElement<'div'>, cssVariables: CssVariables, nonce?: string) => React.JSX.Element;
+    decorateWithHelmet: (container: ReactElement<"div">, cssVariables: CssVariables, nonce?: string) => React.JSX.Element;
     render(): React.JSX.Element;
 }
 export default GraphContainer;

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,7 +1,6 @@
-/// <reference types="node" />
 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';
@@ -65,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",
@@ -154,5 +156,5 @@ export declare enum graphCommitDescDisplayModes {
     NEVER = "NEVER"
 }
 export type GraphCommitDescDisplayMode = graphCommitDescDisplayModes.ALWAYS | graphCommitDescDisplayModes.ON_HOVER | graphCommitDescDisplayModes.NEVER;
-export type ShiftSelectMode = 'simple';
+export type ShiftSelectMode = 'simple' | 'topological';
 export type GraphSearchMode = 'normal' | 'filter';

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

@@ -6,7 +6,7 @@ import type { GraphRefType } from '../ref/RefTypes';
 import type { WorkDirStats } from '../workdir/WorkDirTypes';
 import type { GraphMarkerType, GraphZone, GraphZoneType, TimelineEntriesByPeriod } from './GraphConstants';
 import { GraphColumnMode } from './GraphConstants';
-import type { BaseMetadata, GetMissingRefMetadata, GraphColumnWidthConstraints, GraphItemContext, GraphRef, GraphRefGroup, GraphRow, GraphZoneModeConstants, Head, HighlightedShas, ProcessedGraphRow, ProcessedGraphRowBySha, Ref, RefMetadata, RefMetadataById, RefMetadataType, RowStatsConstraints } from './GraphTypes';
+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;
 export type DebouncedFn = (...args: any) => void;
 export declare const debounceFrame: (func: DebouncableFn) => DebouncedFn;
@@ -53,7 +53,7 @@ export declare function workDirStatsHaveChanges(workDirStats?: WorkDirStats): bo
 export declare function hasSingleSelectedSha(selectedShas: Set<Sha>): boolean;
 export declare function isSingleSelected(selectedShas: Set<Sha>, sha: Sha): boolean;
 export declare function getScrollToAlignment(rowHeight: number, clientHeight: number, scrollTop: number, scrollToIndex: number): Alignment;
-export declare function getGraphZoneIconByType(zoneType: GraphZoneType): string;
+export declare function getGraphZoneIconByType(zoneType: GraphZoneType): ExternalIconKeys | undefined;
 export declare function isHeadActive(head: Head): boolean;
 export declare function isGraphRefActive(ref: GraphRef): boolean;
 export interface GraphRowHelperProps {

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';
@@ -147,7 +147,7 @@ export type ReserverInfoBySha = {
 };
 export type RefTargetFunc = () => Element | null | undefined;
 export type ColumnContentGenerator = () => ReactElement<any>;
-export type GraphItemContext = string | Object;
+export type GraphItemContext = string | object;
 export type RefGroupContexts = {
     [name: string]: GraphItemContext;
 };
@@ -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;
@@ -396,7 +395,8 @@ export type DownstreamsByUpstream = {
     [upstreamName: string]: string[];
 };
 export type GraphPlatform = 'aix' | 'android' | 'darwin' | 'freebsd' | 'linux' | 'openbsd' | 'sunos' | 'win32' | 'cygwin';
-export type GetExternalIcon = (key: string) => ReactElement<any>;
+export type ExternalIconKeys = 'added' | 'author' | 'branch' | 'changes' | 'check' | 'commit' | 'datetime' | 'deleted' | 'files' | 'filter' | 'graph' | 'head' | 'hide' | `issue-${IssueTrackerType}` | 'loading' | 'message' | 'modified' | 'pull-request' | 'remote' | `remote-${HostingServiceType}` | 'renamed' | 'resolved' | 'settings' | 'show' | 'stash' | 'tag' | 'upstream-ahead' | 'upstream-behind' | 'warning' | 'worktree';
+export type GetExternalIcon = (key: ExternalIconKeys) => ReactElement<any>;
 export type GetMissingAvatar = (email: string, sha: string) => void;
 export type GetMissingRefMetadata = (id: string, types: RefMetadataType[]) => void;
 export type FormatRefShorthand = (shorthand: RefShorthand, sha: Sha, refType: GraphRefType, data?: any | null) => RefShorthand;
@@ -429,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/hostingservice/HostingServiceTypes.d.ts

@@ -14,5 +14,7 @@ export type GitLabSelfHostedIssueTrackerType = GitLabSelfHostingServiceType;
 export type JiraCloudIssueTrackerType = 'jiraCloud';
 export type JiraServerIssueTrackerType = 'jiraServer';
 export type TrelloIssueTrackerType = 'trello';
-export type IssueTrackerType = GitHubIssueTrackerType | GithubEnterpriseIssueTrackerType | GitLabIssueTrackerType | GitLabSelfHostedIssueTrackerType | JiraCloudIssueTrackerType | JiraServerIssueTrackerType | TrelloIssueTrackerType | AzureDevopsIssueTrackerType;
+export type LinearIssueTrackerType = 'linear';
+export type BitbucketIssueTrackerType = 'bitbucket';
+export type IssueTrackerType = GitHubIssueTrackerType | GithubEnterpriseIssueTrackerType | GitLabIssueTrackerType | GitLabSelfHostedIssueTrackerType | JiraCloudIssueTrackerType | JiraServerIssueTrackerType | TrelloIssueTrackerType | LinearIssueTrackerType | AzureDevopsIssueTrackerType | BitbucketIssueTrackerType;
 export declare function getHostingServiceName(hostingServiceType: HostingServiceType): string;

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;

package/dist/domain/ref/RefConstants.d.ts

@@ -1,5 +1,8 @@
 export declare const refTypes: {
-    [key: string]: string;
+    readonly HEAD: "head";
+    readonly REMOTE: "remote";
+    readonly TAG: "tag";
+    readonly WORKTREE: "worktree";
 };
 export declare enum refIconsPositions {
     LEFT = "LEFT",

package/dist/domain/ref/RefTypes.d.ts

@@ -1,6 +1,6 @@
 import type { Sha } from '../commit/CommitTypes';
 import type * as RefConstants from './RefConstants';
-export type GraphRefType = keyof typeof RefConstants.refTypes;
+export type GraphRefType = (typeof RefConstants.refTypes)[keyof typeof RefConstants.refTypes];
 export type RefFullName = string;
 export type RefShorthand = string;
 export type CreateRefFormData = {

package/dist/index.d.ts

@@ -3,6 +3,20 @@ import ScrollbarContainer from './components/graph/common/ScrollbarContainer';
 import GraphContainer from './components/graph/GraphContainer';
 export * from './components/graph/GraphContainer';
 export * from './components/dnd/DndComponent';
-export * from './types';
+export * from './domain/commit/CommitConstants';
+export * from './domain/generic/GenericTypes';
+export * from './domain/commit/CommitTypes';
+export * from './domain/graph/GraphConstants';
+export * from './domain/graph/GraphTypes';
+export * from './domain/hostingservice/HostingServiceTypes';
+export * from './domain/ref/RefConstants';
+export * from './domain/ref/RefTypes';
+export * from './domain/workdir/WorkDirTypes';
+export * from './domain/ui/UiTypes';
+export * from './domain/language/LanguageTypes';
+export * from './domain/language/LanguageConstants';
+export * from './domain/cssvariable/CssVariableConstants';
+export * from './domain/diff/DiffTypes';
+export * from './domain/diff/DiffConstants';
 export { DndComponent, ScrollbarContainer };
 export default GraphContainer;