@gitkraken/gitkraken-components 8.0.2 → 8.1.0

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

@@ -7,7 +7,7 @@ import type { CssVariables } from '../../domain/generic/GenericTypes';
 import type { GraphZone, GraphZoneType } from '../../domain/graph/GraphConstants';
 import { GraphMarkerType } from '../../domain/graph/GraphConstants';
 import type { ThrottledFn } from '../../domain/graph/GraphHelpers';
-import type { AbsoluteNodeLeftByColumn, AvatarUrlByEmail, AvatarUrlRequestedByEmail, ChildrenBySha, ColumnColorByColumn, DownstreamsByUpstream, EdgeByColumn, ExcludeByType, ExcludeRefsById, ExcludeRemotesByName, GetExternalIcon, GetMissingAvatar, GetMissingRefMetadata, GraphColumnSetting, GraphColumnsSettings, GraphContexts, GraphMarkerColors, GraphMarkerRowIndices, GraphPlatform, GraphRefGroup, GraphRefOptData, GraphRow, GraphZonesByType, Head, HighlightedShas, IncludeOnlyRefsById, IncludeOnlyRemotesByName, IsSelectedBySha, NodeOffsetByColumn, NodeOpacityByColumn, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnClickRef, OnCommitContextMenu, OnCommitMessageChange, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit, OnDoubleClickRef, OnFormatCommitDateTime, OnGraphColumnReOrdered, OnGraphMouseEnter, OnGraphMouseLeave, OnGraphResized, OnGraphVisibleRowsChanged, OnGraphZoneResize, OnGraphZoneResizeEnd, OnPopupGraphHeaderContextMenu, OnRefNodeHovered, OnRefNodeUnhovered, OnRefZoneContextMenu, OnRefZoneHovered, OnRefZoneUnhovered, OnScrollForZone, OnToggleRefNodesShown, ProcessedGraphRow, ProcessedGraphRowBySha, RefMetadataById, RefMetadataItem, RefMetadataRequestedById, RefMetadataType, RefsMissingMetadata, Remote, ReserverInfoBySha, RowEdges, RowStatsConstraints, Tag, TopAndBottomVisibleRowIndex } from '../../domain/graph/GraphTypes';
+import type { AbsoluteNodeLeftByColumn, AvatarUrlByEmail, AvatarUrlRequestedByEmail, ChildrenBySha, ColumnColorByColumn, DownstreamsByUpstream, EdgeByColumn, ExcludeByType, ExcludeRefsById, ExcludeRemotesByName, GetExternalIcon, GetMissingAvatar, GetMissingRefMetadata, GraphColumnSetting, GraphColumnsSettings, GraphContexts, GraphMarkerColors, GraphMarkerRowIndices, GraphPlatform, GraphRefGroup, GraphRefOptData, GraphRow, GraphZoneModeConstants, GraphZonesByType, Head, HighlightedShas, IncludeOnlyRefsById, IncludeOnlyRemotesByName, IsSelectedBySha, NodeOffsetByColumn, NodeOpacityByColumn, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnClickRef, OnCommitContextMenu, OnCommitMessageChange, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit, OnDoubleClickRef, OnFormatCommitDateTime, OnGraphColumnReOrdered, OnGraphMouseEnter, OnGraphMouseLeave, OnGraphResized, OnGraphVisibleRowsChanged, OnGraphZoneResize, OnGraphZoneResizeEnd, OnPopupGraphHeaderContextMenu, OnRefNodeHovered, OnRefNodeUnhovered, OnRefZoneContextMenu, OnRefZoneHovered, OnRefZoneUnhovered, OnScrollForZone, OnToggleRefNodesShown, ProcessedGraphRow, ProcessedGraphRowBySha, RefMetadataById, RefMetadataItem, RefMetadataRequestedById, RefMetadataType, RefsMissingMetadata, Remote, ReserverInfoBySha, RowEdges, RowStatsConstraints, Tag, TopAndBottomVisibleRowIndex } from '../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../domain/language/LanguageTypes';
 import type { OnBlur, OnComponentWillUnmount, OnFocus, OnKeyDown, OnKeyUp, OnMouseDown, OnResizeParams } from '../../domain/ui/UiTypes';
 import type { WorkDirStats } from '../../domain/workdir/WorkDirTypes';
@@ -173,6 +173,7 @@ declare class GraphContainer extends React.PureComponent<Props, ComponentState>
     scrollTop: number;
     graphHeight: number;
     graphWidth: number;
+    graphZoneModeConstants: GraphZoneModeConstants;
     graphZonesByType: GraphZonesByType;
     graphZoneOrdering: GraphZoneType[];
     missingAvatarsTimer?: NodeJS.Timeout;
@@ -227,7 +228,7 @@ declare class GraphContainer extends React.PureComponent<Props, ComponentState>
     getOffsetSha(sha: Sha): Sha;
     selectSha(sha: Sha, isAutoOrKeyScroll?: boolean): void;
     updateWidthByZone(widthToAssignForZone: number, graphZoneType: GraphZoneType, updatePreferredWidth?: boolean): void;
-    updateCommitZoneContentWidthFromGraphRowsChange(): void;
+    updateCommitZoneContentWidthFromChange(): void;
     getCurrentWidthByZone(graphZoneType: GraphZoneType): number;
     getCommitZoneContentWidth(): number;
     getCommitZoneWidth(): number;

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

@@ -1,4 +1,5 @@
 import type { ReactElement } from 'react';
+import type { GraphZoneModeConstants } from '../../../domain/graph/GraphTypes';
 type BackgroundStreakProps = {
     className?: string;
     marginLeft: number;
@@ -7,6 +8,7 @@ declare function BackgroundStreak({ className, marginLeft }: BackgroundStreakPro
 export default BackgroundStreak;
 export type CommitZoneBackgroundStreakProps = {
     column: number;
+    graphZoneModeConstants: GraphZoneModeConstants;
 };
-export declare function CommitZoneBackgroundStreak({ column, }: CommitZoneBackgroundStreakProps): ReactElement<typeof BackgroundStreak>;
+export declare function CommitZoneBackgroundStreak({ column, graphZoneModeConstants: { COMMIT_COLUMN_WIDTH, COMMIT_NODE_DIAMETER, COMMIT_ZONE_GUTTER_WIDTH }, }: CommitZoneBackgroundStreakProps): ReactElement<typeof BackgroundStreak>;
 export declare function GutterBackgroundStreak(): ReactElement<typeof BackgroundStreak>;

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

@@ -2,7 +2,7 @@ import type { ReactElement } from 'react';
 import React from 'react';
 import type { CommitType } from '../../../domain/commit/CommitTypes';
 import type { CssVariables } from '../../../domain/generic/GenericTypes';
-import type { GetExternalIcon, GraphItemContext } from '../../../domain/graph/GraphTypes';
+import type { GetExternalIcon, GraphItemContext, GraphZoneModeConstants } from '../../../domain/graph/GraphTypes';
 type Props = {
     authorEmail: string;
     authorInitials: string;
@@ -12,6 +12,7 @@ type Props = {
     context?: GraphItemContext | null;
     cssVariables: CssVariables;
     getExternalIcon: GetExternalIcon;
+    graphZoneModeConstants: GraphZoneModeConstants;
     left: number;
     message: string;
     opacity: number;

package/dist/components/graph/commitzone/CommitZone.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 { CssVariables, Style } from '../../../domain/generic/GenericTypes';
-import type { ColumnColorByColumn, GetExternalIcon, GraphItemContext, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnCommitContextMenu, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit, RowEdges } from '../../../domain/graph/GraphTypes';
+import type { ColumnColorByColumn, GetExternalIcon, GraphItemContext, GraphZoneModeConstants, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnCommitContextMenu, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit, RowEdges } from '../../../domain/graph/GraphTypes';
 type Props = {
     authorEmail: string;
     authorName: string;
@@ -17,6 +17,7 @@ type Props = {
     edgeColumnMax: number;
     edges: RowEdges;
     getExternalIcon: GetExternalIcon;
+    graphZoneModeConstants: GraphZoneModeConstants;
     hasRefs: boolean;
     hasTimeline: boolean;
     isActiveSha: boolean;

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

@@ -18,6 +18,7 @@ type Props = {
     size: number;
     title?: string;
     tooltip?: ComponentTooltip;
+    top?: number;
     useAuthorInitialsForAvatars: boolean;
     width?: number;
 };
@@ -31,7 +32,7 @@ export default class GraphAvatar extends React.Component<Props, AvatarState> {
     overlayTriggerRef?: OverlayTriggerExt | null;
     constructor(props: Props);
     componentDidUpdate(prevProps: Props, prevState: AvatarState): void;
-    getMaybeDefaultAvatar: (height: number, width: number) => ReactElement<'div'>;
+    getMaybeDefaultAvatar: (height: number, width: number, top: number) => ReactElement<'div'>;
     ensureTooltipText: () => void;
     setOverlayTriggerRef: RefCallback<OverlayTriggerExt>;
     render(): ReactElement<any>;

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

@@ -1,4 +1,4 @@
 import type { CommitType } from '../../../../domain/commit/CommitTypes';
 import type { ArcEndpointAngle, ColumnColor, SvgElement } from '../../../../domain/graph/GraphTypes';
-declare function getArc(color: ColumnColor, endAngle: ArcEndpointAngle, startAngle: ArcEndpointAngle, type: CommitType, x: number, y: number): SvgElement;
+declare function getArc(color: ColumnColor, endAngle: ArcEndpointAngle, startAngle: ArcEndpointAngle, type: CommitType, x: number, y: number, strokeWidth: number): SvgElement;
 export default getArc;

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

@@ -1,3 +1,3 @@
 import type { ColumnColorByColumn, RowEdges, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearEdgeNodesCache(): void;
-export declare function getEdgeNodes(edges: RowEdges, edgeColumnMax: number, nodeColumn: number, columnColorByColumn: ColumnColorByColumn): SvgElement;
+export declare function getEdgeNodes(edges: RowEdges, edgeColumnMax: number, nodeColumn: number, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

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

@@ -1,10 +1,11 @@
 import type { ReactElement } from 'react';
 import React from 'react';
-import type { ColumnColorByColumn, RowEdges } from '../../../../domain/graph/GraphTypes';
+import type { ColumnColorByColumn, GraphZoneModeConstants, RowEdges } from '../../../../domain/graph/GraphTypes';
 type EdgeProps = {
     columnColorByColumn: ColumnColorByColumn;
     edgeColumnMax: number;
     edges: RowEdges;
+    graphZoneModeConstants: GraphZoneModeConstants;
     nodeColumn: number;
 };
 declare class Edges extends React.Component<EdgeProps> {

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

@@ -1,4 +1,4 @@
 import type { CommitType } from '../../../../domain/commit/CommitTypes';
 import type { ColumnColorByColumn, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearEndingEdgeCacheCache(): void;
-export declare function getEndingEdge(edgeColumn: number, nodeColumn: number, type: CommitType, columnColorByColumn: ColumnColorByColumn): SvgElement;
+export declare function getEndingEdge(edgeColumn: number, nodeColumn: number, type: CommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

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

@@ -1,4 +1,4 @@
 import type { CommitType } from '../../../../domain/commit/CommitTypes';
 import type { ColumnColorByColumn, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearPassThroughEdgeCache(): void;
-export declare function getPassThroughEdge(column: number, type: CommitType, columnColorByColumn: ColumnColorByColumn): SvgElement;
+export declare function getPassThroughEdge(column: number, type: CommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

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

@@ -1,4 +1,4 @@
 import type { CommitType } from '../../../../domain/commit/CommitTypes';
 import type { ColumnColorByColumn, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearStartingEdgeCache(): void;
-export declare function getStartingEdge(edgeColumn: number, nodeColumn: number, type: CommitType, columnColorByColumn: ColumnColorByColumn): SvgElement;
+export declare function getStartingEdge(edgeColumn: number, nodeColumn: number, type: CommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

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

@@ -1,5 +1,6 @@
 import type { ReactElement } from 'react';
 import type { CommitType } from '../../../domain/commit/CommitTypes';
+import type { GraphZoneModeConstants } from '../../../domain/graph/GraphTypes';
 interface RefLineCommonProps {
     hasRefs: boolean;
     isActiveSha: boolean;
@@ -10,8 +11,9 @@ interface RefLineProps extends RefLineCommonProps {
     width: string | number;
 }
 interface RefLineForColumnProps extends RefLineCommonProps {
+    graphZoneModeConstants: GraphZoneModeConstants;
     nodeOffset: number;
 }
 declare function RefLine({ hasRefs, isActiveSha, left, type, width }: RefLineProps): ReactElement<any> | null;
 export default RefLine;
-export declare function RefLineForCommit({ hasRefs, isActiveSha, nodeOffset, type, }: RefLineForColumnProps): ReactElement<typeof RefLine>;
+export declare function RefLineForCommit({ graphZoneModeConstants: { RADIUS_DIFF_MERGE_NODE_COMMIT_NODE }, hasRefs, isActiveSha, nodeOffset, type, }: RefLineForColumnProps): ReactElement<typeof RefLine>;

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

@@ -1,8 +1,9 @@
 import type { GridCellRenderer } from 'react-virtualized';
-import type { AvatarUrlByEmail, ColumnColorByColumn, CommonGraphRowDispatchProps, CommonGraphRowProps, GetMissingAvatar, NodeOffsetByColumn, NodeOpacityByColumn } from '../../../domain/graph/GraphTypes';
+import type { AvatarUrlByEmail, ColumnColorByColumn, CommonGraphRowDispatchProps, CommonGraphRowProps, GetMissingAvatar, GraphZoneModeConstants, NodeOffsetByColumn, NodeOpacityByColumn } from '../../../domain/graph/GraphTypes';
 import type { GetRealKeyForCellFunc } from '../../../domain/reactvirtualized/ReactVirtualizedHelpers';
 interface OwnProps {
     avatarUrlByEmail: AvatarUrlByEmail;
+    graphZoneModeConstants: GraphZoneModeConstants;
     onMissingAvatar: GetMissingAvatar;
     columnColorByColumn: ColumnColorByColumn;
     leftGutterBoxShadowAlpha: number;

package/dist/domain/edge/EdgeHelpers.d.ts

@@ -1,9 +1,10 @@
 import type { CommitType } from '../commit/CommitTypes';
 import type { ColumnColor, LineSvgProps, RowEdges, SvgElement, SvgElementName, SvgProps, SvgStyles } from '../graph/GraphTypes';
-export declare function getXValueAtColumn(column: number): number;
+export declare function getXValueAtColumn(column: number, columnWidth: number, gutterWidth: number, isCompact?: boolean): number;
+export declare function clearXValueAtColumnCache(): void;
 export declare function getSvgElement(element: SvgElementName, props: SvgProps): SvgElement;
 export declare function getLineElement(props: LineSvgProps): SvgElement;
-export declare function getSvgStyles(type: CommitType, color: ColumnColor): SvgStyles;
-export declare function buildStartingOrEndingEdgeHash(edgeColumn: number, nodeColumn: number, type: CommitType | undefined): string;
-export declare function buildPassThroughEdgeHash(column: number, type: CommitType | undefined): string;
-export declare function buildEdgeHash(edges: RowEdges, edgeColumnMax: number, nodeColumn: number): string;
+export declare function getSvgStyles(type: CommitType, color: ColumnColor, strokeWidth: number): SvgStyles;
+export declare function buildStartingOrEndingEdgeHash(edgeColumn: number, nodeColumn: number, type: CommitType | undefined, isCompact?: boolean): string;
+export declare function buildPassThroughEdgeHash(column: number, type: CommitType | undefined, isCompact?: boolean): string;
+export declare function buildEdgeHash(edges: RowEdges, edgeColumnMax: number, nodeColumn: number, isCompact?: boolean): string;

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

@@ -5,23 +5,14 @@ export declare const GRAPH_HEADER_ROW_HEIGHT = 26;
 export declare const GRAPH_ROW_HEIGHT = 28;
 export declare const GRAPH_ROW_INNER_HEIGHT = 22;
 export declare const GRAPH_ROW_LAZY_LOAD_COMMITS_OFFSET: number;
-export declare const COMMIT_ZONE_LINE_WIDTH = 2;
 export declare const COMMIT_NODE_MIN_ALPHA = 0.5;
-export declare const COMMIT_ZONE_GUTTER_WIDTH = 28;
 export declare const COMMIT_ZONE_MARGIN_BOTTOM = 3;
 export declare const COMMIT_ZONE_MARGIN_TOP = 3;
-export declare const COMMIT_ZONE_PADDING_LEFT = 3;
-export declare const COMMIT_ZONE_PADDING_RIGHT = 3;
 export declare const COMMIT_ZONE_ROW_HEIGHT = 28;
 export declare const COMMIT_ZONE_ROW_INNER_HEIGHT = 22;
-export declare const COMMIT_COLUMN_WIDTH = 22;
-export declare const COMMIT_NODE_DIAMETER = 22;
-export declare const COMMIT_MERGE_NODE_DIAMETER: number;
 export declare const COMMIT_ZONE_EDGE_ARC_PADDING = 3;
 export declare const COMMIT_ZONE_EDGE_ARC_RADIUS: number;
-export declare const COMMIT_ZONE_AVATAR_DIAMETER: number;
-export declare const COMMIT_ZONE_VIEWPORT_WIDTH_MIN: number;
-export declare const RADIUS_DIFF_MERGE_NODE_COMMIT_NODE: number;
+export declare const COMMIT_ZONE_DEFAULT_VIEWPORT_WIDTH_MIN = 56;
 export declare const COMMIT_AUTHOR_ZONE_MIN_WIDTH = 50;
 export declare const COMMIT_DATE_TIME_ZONE_MIN_WIDTH = 50;
 export declare const TIMESTAMP_FORMAT_DATE_TIME = "short+short";
@@ -64,6 +55,11 @@ export declare const commitAuthorZone: CommitAuthorZoneType;
 export declare const commitDateTimeZone: CommitDateTimeZoneType;
 export declare const commitShaZone: CommitShaZoneType;
 export declare const changesZone: ChangesZoneType;
+export declare enum GraphColumnMode {
+    Compact = "compact",
+    Rich = "rich",
+    Text = "text"
+}
 export declare enum GraphMarkerType {
     LocalBranches = "localBranches",
     RemoteBranches = "remoteBranches",
@@ -113,6 +109,7 @@ export interface GraphZone extends GraphZoneMetaData {
     preferredWidth?: number;
     isActive?: boolean;
     isHidden: boolean;
+    mode?: GraphColumnMode;
     type: GraphZoneType;
     order: number;
 }

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

@@ -4,7 +4,8 @@ import type { GetRealKeyForCellFunc } from '../reactvirtualized/ReactVirtualized
 import type { GraphRefType } from '../ref/RefTypes';
 import type { WorkDirStats } from '../workdir/WorkDirTypes';
 import type { GraphZone, GraphZoneType, TimelineEntriesByPeriod } from './GraphConstants';
-import type { GetMissingRefMetadata, GraphColumnWidthConstraints, GraphItemContext, GraphRef, GraphRefGroup, GraphRow, HighlightedShas, IsSelectedBySha, ProcessedGraphRow, ProcessedGraphRowBySha, PullRequestMetadata, Ref, RefMetadata, RefMetadataById, RefMetadataType, RowStatsConstraints, UpstreamMetadata } from './GraphTypes';
+import { GraphColumnMode } from './GraphConstants';
+import type { GetMissingRefMetadata, GraphColumnWidthConstraints, GraphItemContext, GraphRef, GraphRefGroup, GraphRow, GraphZoneModeConstants, HighlightedShas, IsSelectedBySha, ProcessedGraphRow, ProcessedGraphRowBySha, PullRequestMetadata, Ref, RefMetadata, RefMetadataById, RefMetadataType, RowStatsConstraints, UpstreamMetadata } from './GraphTypes';
 export type DebouncableFn = (...args: any) => void;
 export type DebouncedFn = (...args: any) => void;
 export declare const debounceFrame: (func: DebouncableFn) => DebouncedFn;
@@ -27,6 +28,7 @@ export declare function getClampedZoneWidth(graphZone: GraphZone, activeGraphZon
 export declare function getGraphZoneFromGraphZones(graphZoneType: GraphZoneType, activeGraphZones: GraphZone[]): GraphZone | undefined;
 export declare function getGraphZoneIndexFromGraphZones(graphZoneType: GraphZoneType, activeGraphZones: GraphZone[]): number;
 export declare function getGraphZoneWidthConstraintsFromGraphZones(graphZoneType: GraphZoneType, activeGraphZones: GraphZone[], graphWidth: number): GraphColumnWidthConstraints;
+export declare function getGraphZoneModeConstants(graphZoneMode?: GraphColumnMode): GraphZoneModeConstants;
 export declare const makeGetKeyForCell: (rows: ProcessedGraphRow[]) => GetRealKeyForCellFunc;
 export declare function getZoneWidth(graphZoneType: GraphZoneType, activeGraphZones: GraphZone[]): number;
 export declare function rowContainsCurrentHeadRef(row?: ProcessedGraphRow | GraphRow): boolean;

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

@@ -25,8 +25,8 @@ export type NodeOffsetByColumn = {
 export type NodeOpacityByColumn = {
     [id: number]: number;
 };
-export type XValueByColumn = {
-    [id: number]: number;
+export type XValueByColumnCache = {
+    [hash: string]: number;
 };
 export type ArcSvgElementName = 'path';
 export type LineSvgElementName = 'line';
@@ -313,11 +313,28 @@ export type GraphZonesByType = {
 export type GraphColumnSetting = {
     width: number;
     isHidden: boolean;
+    mode?: string;
     order?: number;
 };
 export type GraphColumnsSettings = {
     [graphZoneType: string]: GraphColumnSetting;
 };
+export type GraphZoneModeConstants = {
+    COMMIT_ZONE_LINE_WIDTH: number;
+    COMMIT_ZONE_GUTTER_WIDTH: number;
+    COMMIT_ZONE_PADDING_LEFT: number;
+    COMMIT_ZONE_PADDING_RIGHT: number;
+    COMMIT_COLUMN_WIDTH: number;
+    COMMIT_NODE_DIAMETER: number;
+    COMMIT_MERGE_NODE_DIAMETER: number;
+    COMMIT_NODE_TOP_OFFSET: number;
+    COMMIT_MERGE_NODE_LEFT_OFFSET: number;
+    COMMIT_MERGE_NODE_TOP_OFFSET: number;
+    COMMIT_ZONE_AVATAR_DIAMETER: number;
+    COMMIT_ZONE_VIEWPORT_WIDTH_MIN: number;
+    IS_COMPACT: boolean;
+    RADIUS_DIFF_MERGE_NODE_COMMIT_NODE: number;
+};
 export type GraphColumnWidthConstraints = {
     min: number;
     max: number;