@gitkraken/gitkraken-components 11.0.0-vnext.3 → 11.0.0

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# CHANGELOG
+
+## 11.0.0
+ - **BREAKING CHANGE:** Upgraded from `react`/`react-dom` 16 to 17.
+ - **BREAKING CHANGE:** Upgraded `react-bootstrap` from 0.32.4 to 2.10.7
+   - The full consequences of this on your project's CSS cannot be fully predicted, so you should test thoroughly. Known concerns which affected at least one project are listed below.
+   - The DIV wrapping the ref-creation text input no longer receives the `has-error` class, and the input no longer receives the `is-valid` class. Instead, the input receives the `is-invalid` class.
+ - Added `AzureDevopsIssueTrackerType` (in addition to the existing `AzureDevopsIssueTrackerType`)

package/README.md

@@ -1,3 +1,17 @@
 # GitKraken Components
 
 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",
+    "react-dom": "17.0.2"
+  }
+```
+
+[CHANGELOG](./CHANGELOG.md)

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;
-    componentDidUpdate(nextProps: DndContainerProps): void;
+    UNSAFE_componentWillReceiveProps(nextProps: DndContainerProps): void;
     componentWillUnmount(): void;
     onDrop: DraggulaOnDrop;
     isContainerCallback: DraggulaIsContainer;

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

@@ -138,7 +138,6 @@ type ComponentState = {
     hoveredRefZoneSha?: Sha;
     isLoadingRows: boolean;
     numGraphColumns: number;
-    markerRowIndices: GraphMarkerRowIndices;
     pendingCommitMessageSummary: string;
     processedRows: ProcessedGraphRow[];
     refIconsPosition: RefIconsPosition;
@@ -214,6 +213,7 @@ declare class GraphContainer extends React.Component<Props, ComponentState> impl
     missingRefsMetadataTimer?: NodeJS.Timeout;
     pendingMissingRefsMetadata: RefsMissingMetadata;
     requestedMissingRefsMetadata: RefMetadataRequestedById;
+    markerRowIndices: GraphMarkerRowIndices;
     branchUpstreamRowIndices: number[];
     downstreamsByUpstream: DownstreamsByUpstream;
     timelinesInterval?: NodeJS.Timeout;
@@ -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) => React.JSX.Element;
-    render(): React.JSX.Element;
+    decorateWithHelmet: (container: ReactElement<'div'>, cssVariables: CssVariables, nonce?: string) => ReactElement<'div'>;
+    render(): ReactElement<'div'>;
 }
 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;
-    componentDidUpdate(nextProps: Props): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     updateCanvas(nextProps?: Props): void;
     render(): ReactElement<'canvas'>;
 }

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

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

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

@@ -1,4 +1,5 @@
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 import type { OnMouseEnter, OnMouseLeave } from '../../../domain/ui/UiTypes';
 type RefPopoverStyle = {
     top: number;
@@ -11,5 +12,5 @@ type Props = {
     onMouseLeave?: OnMouseLeave;
     style?: RefPopoverStyle;
 };
-declare function RefPopover({ style, children, column, numGraphColumns, onMouseEnter, onMouseLeave, ...props }: Props): ReactElement<'div'>;
-export default RefPopover;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

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

package/dist/domain/hostingservice/HostingServiceTypes.d.ts

@@ -6,6 +6,7 @@ export type AzureDevopsHostingServiceType = 'azureDevops';
 export type BitBucketHostingServiceType = 'bitbucket';
 export type BitBucketServerHostingServiceType = 'bitbucketServer';
 export type HostingServiceType = GitHubDotComHostingServiceType | GithubEnterpriseHostingServiceType | BitBucketHostingServiceType | BitBucketServerHostingServiceType | GitLabHostingServiceType | GitLabSelfHostingServiceType | AzureDevopsHostingServiceType;
+export type AzureDevopsIssueTrackerType = AzureDevopsHostingServiceType;
 export type GitHubIssueTrackerType = GitHubDotComHostingServiceType;
 export type GithubEnterpriseIssueTrackerType = GithubEnterpriseHostingServiceType;
 export type GitLabIssueTrackerType = GitLabHostingServiceType;
@@ -13,5 +14,5 @@ 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;
+export type IssueTrackerType = GitHubIssueTrackerType | GithubEnterpriseIssueTrackerType | GitLabIssueTrackerType | GitLabSelfHostedIssueTrackerType | JiraCloudIssueTrackerType | JiraServerIssueTrackerType | TrelloIssueTrackerType | AzureDevopsIssueTrackerType;
 export declare function getHostingServiceName(hostingServiceType: HostingServiceType): string;