@jupyterlab/apputils-extension 4.0.0-alpha.9 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/lib/announcements.d.ts +2 -0
  2. package/lib/announcements.js +227 -0
  3. package/lib/announcements.js.map +1 -0
  4. package/lib/index.js +66 -12
  5. package/lib/index.js.map +1 -1
  6. package/lib/notificationplugin.d.ts +5 -0
  7. package/lib/notificationplugin.js +504 -0
  8. package/lib/notificationplugin.js.map +1 -0
  9. package/lib/palette.js +3 -3
  10. package/lib/palette.js.map +1 -1
  11. package/lib/settingconnector.d.ts +4 -1
  12. package/lib/settingconnector.js +8 -1
  13. package/lib/settingconnector.js.map +1 -1
  14. package/lib/settingsplugin.js +6 -5
  15. package/lib/settingsplugin.js.map +1 -1
  16. package/lib/shortcuts.d.ts +21 -0
  17. package/lib/shortcuts.js +137 -0
  18. package/lib/shortcuts.js.map +1 -0
  19. package/lib/statusbarplugin.js +10 -9
  20. package/lib/statusbarplugin.js.map +1 -1
  21. package/lib/themesplugins.js +24 -0
  22. package/lib/themesplugins.js.map +1 -1
  23. package/lib/toolbarregistryplugin.js +4 -0
  24. package/lib/toolbarregistryplugin.js.map +1 -1
  25. package/lib/workspacesplugin.js +6 -6
  26. package/lib/workspacesplugin.js.map +1 -1
  27. package/package.json +28 -23
  28. package/schema/notification.json +48 -0
  29. package/schema/palette.json +2 -0
  30. package/schema/sanitizer.json +25 -0
  31. package/schema/utilityCommands.json +35 -0
  32. package/src/announcements.ts +297 -0
  33. package/src/index.ts +721 -0
  34. package/src/notificationplugin.tsx +902 -0
  35. package/src/palette.ts +213 -0
  36. package/src/settingconnector.ts +73 -0
  37. package/src/settingsplugin.ts +66 -0
  38. package/src/shortcuts.tsx +191 -0
  39. package/src/statusbarplugin.ts +145 -0
  40. package/src/themesplugins.ts +290 -0
  41. package/src/toolbarregistryplugin.ts +29 -0
  42. package/src/typings.d.ts +9 -0
  43. package/src/workspacesplugin.ts +306 -0
  44. package/style/base.css +2 -1
  45. package/style/contextualhelp.css +42 -0
  46. package/style/notification.css +227 -0
  47. package/style/scrollbar.raw.css +64 -0
  48. package/style/redirect.css +0 -15
package/style/notification.css ADDED
@@ -0,0 +1,227 @@
1
+ /*
2
+ * Copyright (c) Jupyter Development Team.
3
+ * Distributed under the terms of the Modified BSD License.
4
+ */
5
+
6
+ @import '~react-toastify/dist/ReactToastify.min.css';
7
+
8
+ :root {
9
+ --toastify-color-light: var(--jp-layout-color1);
10
+ --toastify-color-dark: var(--jp-layout-color1);
11
+ --toastify-color-info: var(--jp-info-color1);
12
+ --toastify-color-success: var(--jp-success-color1);
13
+ --toastify-color-warning: var(--jp-warn-color1);
14
+ --toastify-color-error: var(--jp-error-color1);
15
+ --toastify-color-transparent: rgba(255, 255, 255, 0.7);
16
+ --toastify-icon-color-info: var(--toastify-color-info);
17
+ --toastify-icon-color-success: var(--toastify-color-success);
18
+ --toastify-icon-color-warning: var(--toastify-color-warning);
19
+ --toastify-icon-color-error: var(--toastify-color-error);
20
+ --toastify-toast-width: 25em;
21
+ --toastify-toast-background: var(--jp-layout-color1);
22
+ --toastify-toast-min-height: 64px;
23
+ --toastify-toast-max-height: 800px;
24
+ --toastify-font-family: var(--jp-ui-font-family);
25
+ --toastify-z-index: 9999;
26
+ --toastify-text-color-light: var(--jp-ui-font-color1);
27
+ --toastify-text-color-dark: var(--jp-ui-font-color1);
28
+ --toastify-text-color-info: var(--jp-ui-font-color1);
29
+ --toastify-text-color-success: var(--jp-ui-font-color1);
30
+ --toastify-text-color-warning: var(--jp-ui-font-color1);
31
+ --toastify-text-color-error: var(--jp-ui-font-color1);
32
+ --toastify-spinner-color: #616161;
33
+ --toastify-spinner-color-empty-area: #e0e0e0;
34
+ --toastify-color-progress-light: linear-gradient(
35
+ to right,
36
+ #4cd964,
37
+ #5ac8fa,
38
+ #007aff,
39
+ #34aadc,
40
+ #5856d6,
41
+ #ff2d55
42
+ );
43
+ --toastify-color-progress-dark: #bb86fc;
44
+ --toastify-color-progress-info: var(--toastify-color-info);
45
+ --toastify-color-progress-success: var(--toastify-color-success);
46
+ --toastify-color-progress-warning: var(--toastify-color-warning);
47
+ --toastify-color-progress-error: var(--toastify-color-error);
48
+ }
49
+
50
+ .jp-Notification-List {
51
+ list-style: none;
52
+ margin: 0;
53
+ padding: 4px;
54
+ width: var(--toastify-toast-width);
55
+ overflow-y: auto;
56
+ max-height: 55vh;
57
+ box-sizing: border-box;
58
+ background-color: var(--jp-layout-color2);
59
+ }
60
+
61
+ .jp-Notification-Header {
62
+ padding: 0 4px;
63
+ margin: 0;
64
+ align-items: center;
65
+ user-select: none;
66
+ }
67
+
68
+ .jp-Notification-List-Item {
69
+ padding: 2px 0;
70
+ }
71
+
72
+ .jp-Notification-List .Toastify__toast {
73
+ margin: 0;
74
+ }
75
+
76
+ .jp-Notification-Status.jp-mod-selected {
77
+ background-color: var(--jp-brand-color1);
78
+ }
79
+
80
+ .jp-Notification-Status.jp-mod-selected .jp-Notification-Status-Text {
81
+ color: var(--jp-ui-inverse-font-color1);
82
+ }
83
+
84
+ .Toastify__toast {
85
+ min-height: unset;
86
+ font-size: var(--jp-ui-font-size1);
87
+ border-width: var(--jp-border-width);
88
+ border-radius: var(--jp-border-radius);
89
+ border-color: var(--jp-border-color1);
90
+ box-shadow: var(--jp-elevation-z4);
91
+ cursor: default;
92
+ }
93
+
94
+ .jp-Notification-Toast-Close {
95
+ align-self: start;
96
+ padding: 0;
97
+ cursor: pointer;
98
+ }
99
+
100
+ .jp-toastContainer .jp-Notification-Toast-Close:hover {
101
+ /* The close button has its own hover style */
102
+ background: none;
103
+ }
104
+
105
+ .Toastify__toast.jp-Notification-Toast-error {
106
+ border-top: 5px solid var(--jp-error-color1);
107
+ }
108
+
109
+ .Toastify__toast.jp-Notification-Toast-warning {
110
+ border-top: 5px solid var(--jp-warn-color1);
111
+ }
112
+
113
+ .Toastify__toast.jp-Notification-Toast-info {
114
+ border-top: 5px solid var(--jp-info-color1);
115
+ }
116
+
117
+ .Toastify__toast.jp-Notification-Toast-success {
118
+ border-top: 5px solid var(--jp-success-color1);
119
+ }
120
+
121
+ .Toastify__toast.jp-Notification-Toast-in-progress {
122
+ border-top: 5px solid var(--jp-layout-color1);
123
+ }
124
+
125
+ .Toastify__toast-body a {
126
+ color: var(--jp-content-link-color);
127
+ }
128
+
129
+ .Toastify__toast-body a:hover {
130
+ color: var(--jp-content-link-color);
131
+ text-decoration: underline;
132
+ }
133
+
134
+ /* p elements are added by the markdown rendering.
135
+ * Removing its default margin allows to reduce toast size.
136
+ */
137
+ .Toastify__toast-body p:first-child,
138
+ .Toastify__toast-body h1:first-child,
139
+ .Toastify__toast-body h2:first-child,
140
+ .Toastify__toast-body h3:first-child,
141
+ .Toastify__toast-body h4:first-child,
142
+ .Toastify__toast-body h5:first-child,
143
+ .Toastify__toast-body h6:first-child,
144
+ .Toastify__toast-body ol:first-child,
145
+ .Toastify__toast-body ul:first-child {
146
+ margin-top: 0;
147
+ }
148
+
149
+ .Toastify__toast-body p:last-child,
150
+ .Toastify__toast-body h1:last-child,
151
+ .Toastify__toast-body h2:last-child,
152
+ .Toastify__toast-body h3:last-child,
153
+ .Toastify__toast-body h4:last-child,
154
+ .Toastify__toast-body h5:last-child,
155
+ .Toastify__toast-body h6:last-child,
156
+ .Toastify__toast-body ol:last-child,
157
+ .Toastify__toast-body ul:last-child {
158
+ margin-bottom: 0;
159
+ }
160
+
161
+ .jp-toast-buttonBar {
162
+ display: flex;
163
+ flex-direction: row;
164
+ flex-wrap: nowrap;
165
+ flex: 0 0 auto;
166
+ }
167
+
168
+ .jp-toast-spacer {
169
+ flex-grow: 1;
170
+ flex-shrink: 1;
171
+ }
172
+
173
+ .jp-toast-button {
174
+ margin-top: 1px;
175
+ margin-bottom: 1px;
176
+ margin-right: 0;
177
+ margin-left: 3px;
178
+ color: var(--jp-ui-font-color1);
179
+ background-color: var(--jp-layout-color2);
180
+ border: none;
181
+ }
182
+
183
+ .jp-toast-button:focus {
184
+ outline: 1px solid var(--jp-reject-color-normal, var(--jp-layout-color2));
185
+ outline-offset: 1px;
186
+ -moz-outline-radius: 0;
187
+ }
188
+
189
+ .jp-toast-button:focus-visible {
190
+ border: none;
191
+ }
192
+
193
+ .jp-toast-button:hover {
194
+ background-color: var(--jp-layout-color3);
195
+ }
196
+
197
+ .jp-toast-button.jp-mod-accept {
198
+ background: var(--jp-accept-color-normal, var(--jp-brand-color1));
199
+ color: var(--jp-ui-inverse-font-color1);
200
+ }
201
+
202
+ .jp-toast-button.jp-mod-accept:focus {
203
+ outline-color: var(--jp-accept-color-normal, var(--jp-brand-color1));
204
+ }
205
+
206
+ .jp-toast-button.jp-mod-accept:hover {
207
+ background: var(--jp-accept-color-hover, var(--jp-brand-color0));
208
+ }
209
+
210
+ .jp-toast-button.jp-mod-warn {
211
+ background: var(--jp-warn-color-normal, var(--jp-warn-color1));
212
+ color: var(--jp-ui-inverse-font-color1);
213
+ }
214
+
215
+ .jp-toast-button.jp-mod-warn:focus {
216
+ outline-color: var(--jp-warn-color-normal, var(--jp-warn-color1));
217
+ }
218
+
219
+ .jp-toast-button.jp-mod-warn:hover {
220
+ background: var(--jp-warn-color-hover, var(--jp-warn-color0));
221
+ }
222
+
223
+ .jp-toast-button.jp-mod-link {
224
+ color: var(--jp-content-link-color);
225
+ text-decoration: underline;
226
+ text-decoration-color: var(--jp-content-link-color);
227
+ }
package/style/scrollbar.raw.css ADDED
@@ -0,0 +1,64 @@
1
+ /*
2
+ * Copyright (c) Jupyter Development Team.
3
+ * Distributed under the terms of the Modified BSD License.
4
+ */
5
+
6
+ /*
7
+ * Webkit scrollbar styling.
8
+ * Separate file which is dynamically loaded based on user/theme settings.
9
+ */
10
+
11
+ /* use standard opaque scrollbars for most nodes */
12
+
13
+ ::-webkit-scrollbar,
14
+ ::-webkit-scrollbar-corner {
15
+ background: var(--jp-scrollbar-background-color);
16
+ }
17
+
18
+ ::-webkit-scrollbar-thumb {
19
+ background: rgb(var(--jp-scrollbar-thumb-color));
20
+ border: var(--jp-scrollbar-thumb-margin) solid transparent;
21
+ background-clip: content-box;
22
+ border-radius: var(--jp-scrollbar-thumb-radius);
23
+ }
24
+
25
+ ::-webkit-scrollbar-track:horizontal {
26
+ border-left: var(--jp-scrollbar-endpad) solid
27
+ var(--jp-scrollbar-background-color);
28
+ border-right: var(--jp-scrollbar-endpad) solid
29
+ var(--jp-scrollbar-background-color);
30
+ }
31
+
32
+ ::-webkit-scrollbar-track:vertical {
33
+ border-top: var(--jp-scrollbar-endpad) solid
34
+ var(--jp-scrollbar-background-color);
35
+ border-bottom: var(--jp-scrollbar-endpad) solid
36
+ var(--jp-scrollbar-background-color);
37
+ }
38
+
39
+ /* for code nodes, use a transparent style of scrollbar */
40
+
41
+ .CodeMirror-hscrollbar::-webkit-scrollbar,
42
+ .CodeMirror-vscrollbar::-webkit-scrollbar,
43
+ .CodeMirror-hscrollbar::-webkit-scrollbar-corner,
44
+ .CodeMirror-vscrollbar::-webkit-scrollbar-corner {
45
+ background-color: transparent;
46
+ }
47
+
48
+ .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,
49
+ .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
50
+ background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
51
+ border: var(--jp-scrollbar-thumb-margin) solid transparent;
52
+ background-clip: content-box;
53
+ border-radius: var(--jp-scrollbar-thumb-radius);
54
+ }
55
+
56
+ .CodeMirror-hscrollbar::-webkit-scrollbar-track:horizontal {
57
+ border-left: var(--jp-scrollbar-endpad) solid transparent;
58
+ border-right: var(--jp-scrollbar-endpad) solid transparent;
59
+ }
60
+
61
+ .CodeMirror-vscrollbar::-webkit-scrollbar-track:vertical {
62
+ border-top: var(--jp-scrollbar-endpad) solid transparent;
63
+ border-bottom: var(--jp-scrollbar-endpad) solid transparent;
64
+ }
package/style/redirect.css DELETED
@@ -1,15 +0,0 @@
1
- /*-----------------------------------------------------------------------------
2
- | Copyright (c) 2014-2017, Jupyter Development Team.
3
- |
4
- | Distributed under the terms of the Modified BSD License.
5
- |----------------------------------------------------------------------------*/
6
-
7
- .jp-RedirectForm input {
8
- display: block;
9
- margin-top: 10px;
10
- width: 100%;
11
- }
12
-
13
- .jp-RedirectForm-warning {
14
- color: var(--jp-warn-color0);
15
- }