@gitkraken/gitkraken-components 11.1.0 → 11.2.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # CHANGELOG
 
+## 11.2.1
+
+- Ensures the branch or tag creation input remains visible and usable when its target commit scrolls out of the virtualized graph viewport ([#390](https://github.com/gitkraken/GitKrakenComponents/pull/390))
+
+## 11.2.0
+
+- Add `headerZoneActions` prop to `GraphContainer`, `GraphHeaderRow`, and `DraggableGraphHeader` ([#389](https://github.com/gitkraken/GitKrakenComponents/pull/389))
+
+## 11.1.0
+
+- Add multi-WIP node support for worktree status visualization ([#384](https://github.com/gitkraken/GitKrakenComponents/pull/384))
+- Fix avatar sizing at high zoom levels ([#384](https://github.com/gitkraken/GitKrakenComponents/pull/384))
+- Render avatars on WIP nodes and skip canvas for SVG data URIs ([#385](https://github.com/gitkraken/GitKrakenComponents/pull/385))
+- Replace CSS dotted WIP border with SVG stroke-dasharray circle ([#385](https://github.com/gitkraken/GitKrakenComponents/pull/385))
+- Add `nodeSpinning` prop for conditional WIP border animation ([#385](https://github.com/gitkraken/GitKrakenComponents/pull/385))
+
 ## 11.0.7
 
 - Prioritize pinned branch when sorting grouped refs in the ref label ([#382](https://github.com/gitkraken/GitKrakenComponents/pull/382))

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

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type { Alignment, ScrollParams } from 'react-virtualized';
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import React from 'react';
 import type { Sha } from '../../domain/commit/CommitTypes';
 import type { CssVariables } from '../../domain/generic/GenericTypes';
@@ -31,6 +31,7 @@ export interface StateProps {
     createRefFormData?: CreateRefFormData | null;
     dimMergeCommits?: boolean;
     enableShowHideRefsOptions?: boolean;
+    headerZoneActions?: Partial<Record<GraphZoneType, ReactNode>>;
     downstreamsByUpstream?: DownstreamsByUpstream;
     formatRefShorthand?: FormatRefShorthand;
     highlightRowsOnRefHover?: boolean;
@@ -292,6 +293,7 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     getIncludeOnlyRemotesByName(): IncludeOnlyRemotesByName;
     clearScrollToIndex: ClearScrollToIndex;
     getTopAndBottomVisibleRowIndex(): TopAndBottomVisibleRowIndex;
+    getCreateRefFloatingEdge(createRefFormData?: CreateRefFormData | null): import("../../domain/graph/GraphTypes").CreateRefFloatingEdge;
     getOffsetSha(sha: Sha): Sha;
     selectSha(sha: Sha, isAutoOrKeyScroll?: boolean): void;
     updateWidthByZone(widthToAssignForZone: number, graphZoneType: GraphZoneType, updatePreferredWidth?: boolean): void;

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

@@ -1,6 +1,6 @@
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import React from 'react';
-import type { GraphZone } from '../../domain/graph/GraphConstants';
+import type { GraphZone, GraphZoneType } 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';
 import type { OnMouseEnter, OnMouseLeave } from '../../domain/ui/UiTypes';
@@ -13,6 +13,7 @@ type Props = {
     getExternalIcon: GetExternalIcon;
     excludeRefsById: ExcludeRefsById;
     headerContext?: GraphItemContext;
+    headerZoneActions?: Partial<Record<GraphZoneType, ReactNode>>;
     includeOnlyRefsById: IncludeOnlyRefsById;
     rowsStatsLoading: boolean;
     onColumnReOrdered?: OnGraphColumnReOrdered;

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

@@ -1,4 +1,4 @@
-import type { MouseEventHandler, ReactElement } from 'react';
+import type { MouseEventHandler, ReactElement, ReactNode } from 'react';
 import 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';
@@ -14,6 +14,7 @@ type GraphHeaderProps = {
     graphZones: GraphZone[];
     graphZoneType: GraphZoneType;
     excludeRefsById: ExcludeRefsById;
+    headerZoneAction?: ReactNode;
     id: string;
     includeOnlyRefsById: IncludeOnlyRefsById;
     isDraggable: boolean;

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

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react';
+import type { CreateRefFloatingEdge, FormatRefShorthand, IsRefShorthandValid, OnRefCreate, OnRefCreateCancel, OnRefCreateContextMenu, OnRefShorthandChange } from '../../../domain/graph/GraphTypes';
+import type { TranslationFn } from '../../../domain/language/LanguageTypes';
+import type { CreateRefFormData } from '../../../domain/ref/RefTypes';
+type FloatingCreateRefNodeProps = {
+    createRefFormData: CreateRefFormData;
+    edge: CreateRefFloatingEdge;
+    edgeOffset: number;
+    formatRefShorthand: FormatRefShorthand;
+    isRefShorthandValid: IsRefShorthandValid;
+    left: number;
+    onCancel: OnRefCreateCancel;
+    onContextMenu: OnRefCreateContextMenu;
+    onRefCreate: OnRefCreate;
+    onRefShorthandChange?: OnRefShorthandChange;
+    translate: TranslationFn;
+    width: number;
+};
+export default function FloatingCreateRefNode({ createRefFormData, edge, edgeOffset, formatRefShorthand, isRefShorthandValid, left, onCancel, onContextMenu, onRefCreate, onRefShorthandChange, translate, width, }: FloatingCreateRefNodeProps): ReactElement<'div'>;
+export {};

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

@@ -10,6 +10,7 @@ interface OwnProps {
 }
 interface StateProps {
     createRefFormData?: CreateRefFormData;
+    isCreateRefFloating?: boolean;
     formatRefShorthand: FormatRefShorthand;
     enableShowHideRefsOptions: boolean;
     isInUnsupportedRebase: boolean;

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, ExternalIconKeys, GetMissingRefMetadata, GraphColumnWidthConstraints, GraphItemContext, GraphRef, GraphRefGroup, GraphRow, GraphZoneModeConstants, Head, HighlightedShas, ProcessedGraphRow, ProcessedGraphRowBySha, Ref, RefMetadata, RefMetadataById, RefMetadataType, RowStatsConstraints } from './GraphTypes';
+import type { BaseMetadata, CreateRefFloatingEdge, 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;
@@ -45,6 +45,7 @@ export declare function getGraphZoneWidthConstraintsFromGraphZones(graphZoneType
 export declare function getGraphZoneModeConstants(graphZoneMode?: GraphColumnMode): GraphZoneModeConstants;
 export declare const makeGetKeyForCell: (rows: ProcessedGraphRow[]) => GetRealKeyForCellFunc;
 export declare function getZoneWidthWithVerticalScrollbar(graphZoneType: GraphZoneType, activeGraphZones: GraphZone[]): number;
+export declare function resolveCreateRefFloatingEdge(targetRowIndex: number, topVisibleRowIndex: number, bottomVisibleRowIndex: number): CreateRefFloatingEdge | null;
 export declare function rowContainsCurrentHeadRef(row?: ProcessedGraphRow | GraphRow): boolean;
 export declare function getHeadRefShaFromGraphRows(graphRows: GraphRow[]): Sha | undefined;
 export declare function isWorkDirNodeType(nodeType: CommitType): boolean;

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

@@ -459,6 +459,7 @@ export type OnRefCreate = (shorthand: RefShorthand, sha: Sha, refType: GraphRefT
 export type OnRefCreateCancel = (shorthand: RefShorthand, sha: Sha, refType: GraphRefType, data?: any | null) => void;
 export type OnRefCreateContextMenu = (event: React.MouseEvent<any>, shorthand: RefShorthand, sha: Sha, refType: GraphRefType, data?: any | null) => void;
 export type OnRefShorthandChange = (shorthand: RefShorthand) => void;
+export type CreateRefFloatingEdge = 'top' | 'bottom';
 export type OnClickGraphRow = (event: React.MouseEvent<any>, graphZoneType: GraphZoneType, graphRow: GraphRow) => void;
 export type OnDoubleClickGraphRow = (event: React.MouseEvent<any>, graphZoneType: GraphZoneType, graphRow: GraphRow) => void;
 export type OnClickGraphRef = (event: React.MouseEvent<any>, refGroup: GraphRefGroup, graphRow: GraphRow, metadataItem?: RefMetadataItem) => void;