@gitkraken/gitkraken-components 10.7.1 → 11.0.0-vnext.1

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

@@ -27,7 +27,7 @@ declare class DndContainer extends React.PureComponent<DndContainerProps> {
     childReactElementsById: ChildReactElementsById;
     constructor(props: DndContainerProps);
     componentDidMount(): void;
-    componentWillReceiveProps(nextProps: DndContainerProps): void;
+    componentDidUpdate(nextProps: DndContainerProps): void;
     componentWillUnmount(): void;
     onDrop: DraggulaOnDrop;
     isContainerCallback: DraggulaIsContainer;

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

@@ -219,7 +219,7 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     timelinesInterval?: NodeJS.Timeout;
     constructor(props: Props);
     componentDidMount(): void;
-    componentWillReceiveProps(nextProps: Props): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentWillUnmount(): void;
     focus(): void;
     getRefIconsPositionOrDefault(refIconsPosition?: RefIconsPosition | null): RefIconsPosition;
@@ -367,7 +367,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) => ReactElement<'div'>;
-    render(): ReactElement<'div'>;
+    decorateWithHelmet: (container: ReactElement<'div'>, cssVariables: CssVariables, nonce?: string) => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export default GraphContainer;

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

@@ -15,7 +15,7 @@ interface Props {
 export default class ScrollMarker extends React.PureComponent<Props> {
     canvas: HTMLCanvasElement | null;
     componentDidMount(): void;
-    componentWillReceiveProps(nextProps: Props): void;
+    componentDidUpdate(nextProps: Props): void;
     updateCanvas(nextProps?: Props): void;
     render(): ReactElement<'canvas'>;
 }

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

@@ -1,6 +1,6 @@
 import type { ReactElement, RefCallback } from 'react';
 import React from 'react';
-import { OverlayTrigger } from 'react-bootstrap';
+import type { OverlayTriggerProps } from 'react-bootstrap';
 import type { CssVariables, Style } from '../../../domain/generic/GenericTypes';
 import type { GraphItemContext } from '../../../domain/graph/GraphTypes';
 import type { ComponentTooltip } from '../../../domain/ui/UiTypes';
@@ -25,7 +25,7 @@ type Props = {
 type AvatarState = {
     tooltipText?: string;
 };
-interface OverlayTriggerExt extends OverlayTrigger {
+interface OverlayTriggerExt extends React.FC<OverlayTriggerProps> {
     show(): void;
 }
 export default class GraphAvatar extends React.Component<Props, AvatarState> {

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

@@ -1,9 +1,9 @@
-import type { ReactElement } from 'react';
+import type { MouseEventHandler, ReactElement } 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';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
-import type { OnClick, OnMouseEnter, OnMouseLeave } from '../../../domain/ui/UiTypes';
+import type { OnMouseEnter, OnMouseLeave } from '../../../domain/ui/UiTypes';
 type GraphHeaderProps = {
     columnSetting?: GraphColumnSetting;
     enableResizer?: boolean;
@@ -35,12 +35,13 @@ type GraphHeaderProps = {
 };
 type GraphHeaderState = {
     showPopoverMenu: boolean;
-    refPopoverMenuTarget: React.ReactInstance | undefined;
 };
 declare class GraphHeader extends React.Component<GraphHeaderProps, GraphHeaderState> {
     private headIconsRef;
+    private containerRef;
+    private popoverMenuTargetRef;
     constructor(props: GraphHeaderProps);
-    onHiddenRefsClick: OnClick;
+    onHiddenRefsClick: MouseEventHandler;
     onShowRefNodes: OnToggleRefNodesShown;
     compareGraphRefOpts(a: GraphRefOptData, b: GraphRefOptData): number;
     render(): ReactElement<any> | null;

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

@@ -27,5 +27,4 @@ declare class CreateRefNode extends React.PureComponent<CreateRefNodeProps, Crea
     onInputChange(shorthand?: RefShorthand): void;
     render(): ReactElement<'div'>;
 }
-declare const _default: import("react-onclickoutside").WrapperClass<CreateRefNodeProps, typeof CreateRefNode>;
-export default _default;
+export default CreateRefNode;

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

@@ -1,6 +1,6 @@
-import type { ReactElement } from 'react';
+import type { ReactElement, RefObject } from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
-import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, IncludeOnlyRefsById, IncludeOnlyRemotesByName, OnClickRef, OnDoubleClickRef, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefZoneContextMenu, OnToggleRefNodesShown, GraphRefGroup as RefGroup, RefGroupContexts, RefMetadataById, RefMetadataType, RefTargetFunc } from '../../../domain/graph/GraphTypes';
+import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, IncludeOnlyRefsById, IncludeOnlyRemotesByName, OnClickRef, OnDoubleClickRef, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefZoneContextMenu, OnToggleRefNodesShown, GraphRefGroup as RefGroup, RefGroupContexts, RefMetadataById, RefMetadataType } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
 import type { RefIconsPosition } from '../../../domain/ref/RefTypes';
 type RefNodesProps = {
@@ -11,7 +11,7 @@ type RefNodesProps = {
     context: GraphItemContext | null;
     enableShowHideRefsOptions: boolean;
     getExternalIcon: GetExternalIcon;
-    getTargetRef: RefTargetFunc;
+    targetRef: RefObject<HTMLDivElement>;
     hasActive: boolean;
     hasRefs: boolean;
     includeOnlyRefsById: IncludeOnlyRefsById;
@@ -42,5 +42,5 @@ type RefNodesProps = {
     type: CommitType;
     useColumnHeaderIcons: boolean;
 };
-declare function RefNodes({ enabledRefMetadataTypes, column, columnForColoring, context, enableShowHideRefsOptions, getTargetRef, hasActive, hasRefs, getExternalIcon, includeOnlyRefsById, includeOnlyRemotesByName, isGhostRef, isHovered, isInUnsupportedRebase, numGraphColumns, onMissingRefMetadata, refGroupContexts, refGroupsByName, refIconsPosition, refMetadata, refNodeHovered, sha, showRemoteNamesOnRefs, showContextMenuForGroupedRef, onClickRef, onDoubleClickRef, onToggleRefNodesShown, onRefBeginDrag, onRefCanDrag, onRefCanDrop, onRefDragEnter, onRefDragLeave, onRefDrop, onRefEndDrag, translate, type, useColumnHeaderIcons, }: RefNodesProps): ReactElement<'span' | 'div'>;
+declare function RefNodes({ enabledRefMetadataTypes, column, columnForColoring, context, enableShowHideRefsOptions, targetRef, hasActive, hasRefs, getExternalIcon, includeOnlyRefsById, includeOnlyRemotesByName, isGhostRef, isHovered, isInUnsupportedRebase, numGraphColumns, onMissingRefMetadata, refGroupContexts, refGroupsByName, refIconsPosition, refMetadata, refNodeHovered, sha, showRemoteNamesOnRefs, showContextMenuForGroupedRef, onClickRef, onDoubleClickRef, onToggleRefNodesShown, onRefBeginDrag, onRefCanDrag, onRefCanDrop, onRefDragEnter, onRefDragLeave, onRefDrop, onRefEndDrag, translate, type, useColumnHeaderIcons, }: RefNodesProps): ReactElement<'span' | 'div'>;
 export default RefNodes;

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

@@ -11,5 +11,5 @@ type Props = {
     onMouseLeave?: OnMouseLeave;
     style?: RefPopoverStyle;
 };
-declare function RefPopover({ style, children, column, numGraphColumns, onMouseEnter, onMouseLeave, }: Props): ReactElement<'div'>;
+declare function RefPopover({ style, children, column, numGraphColumns, onMouseEnter, onMouseLeave, ...props }: Props): ReactElement<'div'>;
 export default RefPopover;

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, RefTargetFunc } from '../../../domain/graph/GraphTypes';
+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 { TranslationFn } from '../../../domain/language/LanguageTypes';
 import type { RefIconsPosition } from '../../../domain/ref/RefTypes';
 type RefZoneDefaultProps = {
@@ -57,10 +57,9 @@ type RefZoneProps = {
     width: number;
 };
 export default class RefZone extends React.PureComponent<RefZoneProps> {
-    refPopoverTarget?: Element;
+    popoverTargetRef: React.RefObject<HTMLDivElement>;
     static defaultProps: RefZoneDefaultProps;
-    componentWillReceiveProps(nextProps: RefZoneProps): void;
-    getRefPopoverTarget: RefTargetFunc;
+    componentDidUpdate(nextProps: RefZoneProps): void;
     onCustomToggleRefNodesShown: OnToggleRefNodesShown;
     render(): ReactElement<any>;
 }

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

@@ -68,7 +68,8 @@ export default class Resizable extends React.PureComponent<Props, State> {
     onWheelTimeOut?: NodeJS.Timeout;
     isMouseWheeling: boolean;
     constructor(props: Props);
-    componentWillReceiveProps(nextProps: Props): void;
+    static getDerivedStateFromProps(props: Props, state: State): State;
+    componentDidUpdate(nextProps: Props): void;
     _onResize: ResizeCallback;
     _onResizeStart: ResizeStartCallback;
     _onResizeEnd: ResizeCallback;