Skip to content

Commit e5b8312

Browse files
aryanshridhararyanshridhar
committed
build(deps): upgrade to blueprintjs@4
1 parent 3814ec9 commit e5b8312

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+1130
-1024
lines changed

‎package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,9 @@
3535
"forge": "./forge.config.js"
3636
},
3737
"dependencies": {
38-
"@blueprintjs/core": "^3.36.0",
39-
"@blueprintjs/popover2": "^0.12.2",
40-
"@blueprintjs/select": "^3.15.0",
38+
"@blueprintjs/core": "^4.8.0",
39+
"@blueprintjs/popover2": "^1.5.1",
40+
"@blueprintjs/select": "^4.5.3",
4141
"@electron/get": "^1.14.1",
4242
"@octokit/rest": "^16.43.1",
4343
"@sentry/electron": "^2.5.3",

‎src/less/blueprint.less

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -5,42 +5,42 @@
55
@import "~@blueprintjs/core/lib/less/variables.less";
66

77
// Override some of the colors
8-
.fiddle.bp3-dark {
9-
.bp3-menu,
10-
.bp3-popover .bp3-popover-content {
8+
.fiddle.bp4-dark {
9+
.bp4-menu,
10+
.bp4-popover2 .bp4-popover2-content {
1111
background-color: @background-1;
1212
}
1313

14-
.bp3-popover .bp3-popover-arrow-fill {
14+
.bp4-popover2 .bp4-popover2-arrow-fill {
1515
fill: @background-1;
1616
}
1717

18-
.bp3-button:not([class*="bp3-intent-"]) {
18+
.bp4-button:not([class*="bp4-intent-"]) {
1919
background-color: @background-1;
2020
}
2121

22-
.bp3-button.bp3-minimal {
22+
.bp4-button.bp4-minimal {
2323
background-color: unset;
2424
}
2525

26-
.bp3-button:hover,
27-
.bp3-button.bp3-minimal:hover {
26+
.bp4-button:hover,
27+
.bp4-button.bp4-minimal:hover {
2828
background-color: rgba(138, 155, 168, 0.15);
2929
}
3030

31-
.bp3-menu-item.bp3-active.bp3-intent-primary {
31+
.bp4-menu-item.bp4-active.bp4-intent-primary {
3232
background-color: @foreground-3;
3333
}
3434

35-
.bp3-dialog {
35+
.bp4-dialog {
3636
background-color: @background-4;
3737

38-
.bp3-dialog-header {
38+
.bp4-dialog-header {
3939
background-color: @background-3;
4040
}
4141
}
4242

43-
.bp3-running-text {
43+
.bp4-running-text {
4444
font-size: 14px;
4545
}
4646
}

‎src/less/components/commands.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ header {
1010
display: flex;
1111
width: 100%;
1212

13-
.bp3-popover-target {
14-
width: 100%;
13+
.bp4-popover2-target {
14+
width: 10%;
1515
}
1616
}
1717

@@ -58,13 +58,13 @@ header {
5858
&:last-of-type {
5959
margin-right: 10px;
6060

61-
.bp3-button-group {
61+
.bp4-button-group {
6262
margin-left: 5px;
6363
}
6464
}
6565
}
6666

67-
.bp3-control-group {
67+
.bp4-control-group {
6868
margin-right: 0.5rem;
6969
}
7070

‎src/less/components/dialogs.less

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -178,11 +178,15 @@
178178
}
179179

180180
.dialog-add-version {
181-
.bp3-file-input {
181+
.dialog-bisect-popover .bp4-button-group {
182+
display: block;
183+
}
184+
185+
.bp4-file-input {
182186
width: 100%;
183187
}
184188

185-
.bp3-callout {
189+
.bp4-callout {
186190
margin-top: 1rem;
187191
}
188192
}

‎src/less/components/settings.less

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,18 +35,18 @@
3535
width: 250px;
3636
}
3737

38-
.bp3-input-group {
38+
.bp4-input-group {
3939
margin-bottom: 15px;
4040
}
4141

42-
.bp3-divider {
42+
.bp4-divider {
4343
margin-top: 1rem;
4444
margin-bottom: 1rem;
4545
margin-left: 0;
4646
margin-right: 0;
4747
}
4848

49-
.bp3-callout {
49+
.bp4-callout {
5050
max-width: 850px;
5151
}
5252

@@ -55,6 +55,10 @@
5555

5656
.action {
5757
text-align: right;
58+
59+
.bp4-popover2-target {
60+
display: block;
61+
}
5862
}
5963
}
6064

@@ -85,10 +89,6 @@
8589
}
8690
}
8791

88-
.bp3-popover-target {
89-
display: inherit;
90-
}
91-
9292
.disabled-version {
9393
width: 100%;
9494
}

‎src/less/components/show-me.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
margin-top: 0;
77
};
88

9-
.bp3-callout {
9+
.bp4-callout {
1010
margin-bottom: 10px;
1111
}
1212
}

‎src/less/components/sidebar.less

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,15 @@
55
font-size: 14px;
66
}
77

8-
.add-file-input .bp3-tree-node-label {
8+
.add-file-input .bp4-tree-node-label {
99
overflow: visible;
1010
}
1111

12-
.bp3-tree-node-caret-none {
12+
.bp4-tree-node-caret-none {
1313
min-width: 8px;
1414
}
1515

16-
.bp3-tree-node-content-1 {
16+
.bp4-tree-node-content-1 {
1717
padding-left: 0;
1818
}
1919

@@ -28,13 +28,13 @@
2828
}
2929

3030
.package-tree {
31-
.bp3-tree-node-content {
32-
.bp3-tree-node-secondary-label {
31+
.bp4-tree-node-content {
32+
.bp4-tree-node-secondary-label {
3333
min-width: 100px;
3434
}
3535
}
3636

37-
.bp3-tree-node-list {
37+
.bp4-tree-node-list {
3838
margin: 5px 0;
3939
}
4040
}
@@ -46,7 +46,7 @@
4646
background: @background-1;
4747
color: @dark-gray1;
4848

49-
.bp3-dark & {
49+
.bp4-dark & {
5050
color: @white;
5151
}
5252
}

‎src/less/components/version-select.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
.bp3-fill {
1+
.bp4-fill {
22
.version-chooser {
33
width: 100%;
44
}

‎src/renderer/app.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,9 +221,9 @@ export class App {
221221
}
222222

223223
if (theme.isDark || theme.name.includes('dark')) {
224-
document.body.classList.add('bp3-dark');
224+
document.body.classList.add('bp4-dark');
225225
} else {
226-
document.body.classList.remove('bp3-dark');
226+
document.body.classList.remove('bp4-dark');
227227
}
228228
}
229229

‎src/renderer/components/commands-action-button.tsx

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,10 @@ import {
55
ButtonGroup,
66
IToastProps,
77
Menu,
8-
MenuItem,
9-
Popover,
108
Position,
119
Toaster,
1210
} from '@blueprintjs/core';
11+
import { MenuItem2, Popover2 } from '@blueprintjs/popover2';
1312
import { clipboard } from 'electron';
1413
import { when } from 'mobx';
1514
import { observer } from 'mobx-react';
@@ -376,17 +375,17 @@ export const GistActionButton = observer(
376375

377376
const menu = (
378377
<Menu>
379-
<MenuItem
378+
<MenuItem2
380379
text="Publish"
381380
active={actionType === GistActionType.publish}
382381
onClick={() => this.setActionType(GistActionType.publish)}
383382
/>
384-
<MenuItem
383+
<MenuItem2
385384
text="Update"
386385
active={actionType === GistActionType.update}
387386
onClick={() => this.setActionType(GistActionType.update)}
388387
/>
389-
<MenuItem
388+
<MenuItem2
390389
text="Delete"
391390
active={actionType === GistActionType.delete}
392391
onClick={() => this.setActionType(GistActionType.delete)}
@@ -395,9 +394,9 @@ export const GistActionButton = observer(
395394
);
396395

397396
return (
398-
<Popover content={menu} position={Position.BOTTOM}>
397+
<Popover2 content={menu} placement={Position.BOTTOM}>
399398
<Button icon="wrench" />
400-
</Popover>
399+
</Popover2>
401400
);
402401
};
403402

@@ -412,13 +411,13 @@ export const GistActionButton = observer(
412411
const privacyIcon = gitHubPublishAsPublic ? 'unlock' : 'lock';
413412
const privacyMenu = (
414413
<Menu>
415-
<MenuItem
414+
<MenuItem2
416415
text="Private"
417416
icon="lock"
418417
active={!gitHubPublishAsPublic}
419418
onClick={this.setPrivate}
420419
/>
421-
<MenuItem
420+
<MenuItem2
422421
text="Public"
423422
icon="unlock"
424423
active={gitHubPublishAsPublic}
@@ -428,9 +427,9 @@ export const GistActionButton = observer(
428427
);
429428

430429
return (
431-
<Popover content={privacyMenu} position={Position.BOTTOM}>
430+
<Popover2 content={privacyMenu} placement={Position.BOTTOM}>
432431
<Button icon={privacyIcon} />
433-
</Popover>
432+
</Popover2>
434433
);
435434
};
436435

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy