@ms-cloudpack/overlay 0.15.2 → 0.16.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.
- package/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js +30 -0
- package/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js.map +7 -0
- package/dist/browser-esm/lib/constants.js +3 -3
- package/dist/browser-esm/lib/index.js +23 -11
- package/dist/browser-esm/lib/index.js.map +3 -3
- package/dist/browser-esm/ori-output.json +66 -51
- package/lib/components/Dialog/Dialog.d.ts +2 -1
- package/lib/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/components/Dialog/Dialog.js +2 -2
- package/lib/components/Dialog/Dialog.js.map +1 -1
- package/lib/components/ErrorDialog/ErrorDialog.d.ts.map +1 -1
- package/lib/components/ErrorDialog/ErrorDialog.js +2 -1
- package/lib/components/ErrorDialog/ErrorDialog.js.map +1 -1
- package/lib/components/StatusBadge/StatusBadge.d.ts.map +1 -1
- package/lib/components/StatusBadge/StatusBadge.js +2 -1
- package/lib/components/StatusBadge/StatusBadge.js.map +1 -1
- package/lib/components/StatusDialog/StatusDialog.d.ts.map +1 -1
- package/lib/components/StatusDialog/StatusDialog.js +7 -3
- package/lib/components/StatusDialog/StatusDialog.js.map +1 -1
- package/lib/components/StatusDialog/TaskList.d.ts +4 -2
- package/lib/components/StatusDialog/TaskList.d.ts.map +1 -1
- package/lib/components/StatusDialog/TaskList.js +10 -5
- package/lib/components/StatusDialog/TaskList.js.map +1 -1
- package/lib/constants.d.ts +18 -4
- package/lib/constants.d.ts.map +1 -1
- package/lib/constants.js +18 -4
- package/lib/constants.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/browser-esm/chunks/js/chunk-IJJX7VIJ.js +0 -13
- package/dist/browser-esm/chunks/js/chunk-IJJX7VIJ.js.map +0 -7
- /package/dist/ori/logs/{2V8rpsWm11KZ1akPZAxa4iK4RVw-logger.log → 2Vn0hePAZwLHRcbLfGFnsTDC6Q8-logger.log} +0 -0
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "builder:notify",
|
|
3
|
-
"buildId": "
|
|
3
|
+
"buildId": "build_1b0bc1d6-52e3-42b9-bc7d-dc60c49a4af4",
|
|
4
4
|
"buildStatus": "complete",
|
|
5
5
|
"internalError": null,
|
|
6
6
|
"warnings": [],
|
|
7
7
|
"errors": [],
|
|
8
8
|
"outputFilePaths": [
|
|
9
|
-
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/constants.js.map",
|
|
10
|
-
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/constants.js",
|
|
11
9
|
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/index.js.map",
|
|
12
10
|
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/index.js",
|
|
13
|
-
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/
|
|
14
|
-
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/
|
|
11
|
+
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/constants.js.map",
|
|
12
|
+
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/constants.js",
|
|
13
|
+
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js.map",
|
|
14
|
+
"/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js"
|
|
15
15
|
],
|
|
16
16
|
"outputFiles": null,
|
|
17
17
|
"metafile": {
|
|
18
18
|
"inputs": {
|
|
19
|
-
"packages/overlay/src/
|
|
20
|
-
"bytes":
|
|
19
|
+
"packages/overlay/src/components/CloudpackProvider/getCookies.ts": {
|
|
20
|
+
"bytes": 452,
|
|
21
21
|
"imports": [],
|
|
22
22
|
"format": "esm"
|
|
23
23
|
},
|
|
24
|
-
"packages/overlay/src/
|
|
25
|
-
"bytes":
|
|
24
|
+
"packages/overlay/src/constants.ts": {
|
|
25
|
+
"bytes": 803,
|
|
26
26
|
"imports": [],
|
|
27
27
|
"format": "esm"
|
|
28
28
|
},
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"format": "esm"
|
|
102
102
|
},
|
|
103
103
|
"packages/overlay/src/components/StatusBadge/StatusBadge.tsx": {
|
|
104
|
-
"bytes":
|
|
104
|
+
"bytes": 3185,
|
|
105
105
|
"imports": [
|
|
106
106
|
{
|
|
107
107
|
"path": "react",
|
|
@@ -127,6 +127,11 @@
|
|
|
127
127
|
"path": "packages/overlay/src/components/CloudpackProvider/useStatus.ts",
|
|
128
128
|
"kind": "import-statement",
|
|
129
129
|
"original": "../CloudpackProvider/useStatus.js"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"path": "packages/overlay/src/constants.ts",
|
|
133
|
+
"kind": "import-statement",
|
|
134
|
+
"original": "../../constants.js"
|
|
130
135
|
}
|
|
131
136
|
],
|
|
132
137
|
"format": "esm"
|
|
@@ -273,7 +278,7 @@
|
|
|
273
278
|
"format": "esm"
|
|
274
279
|
},
|
|
275
280
|
"packages/overlay/src/components/StatusDialog/TaskList.tsx": {
|
|
276
|
-
"bytes":
|
|
281
|
+
"bytes": 1494,
|
|
277
282
|
"imports": [
|
|
278
283
|
{
|
|
279
284
|
"path": "react",
|
|
@@ -308,7 +313,7 @@
|
|
|
308
313
|
"imports": []
|
|
309
314
|
},
|
|
310
315
|
"packages/overlay/src/components/Dialog/Dialog.tsx": {
|
|
311
|
-
"bytes":
|
|
316
|
+
"bytes": 1736,
|
|
312
317
|
"imports": [
|
|
313
318
|
{
|
|
314
319
|
"path": "react",
|
|
@@ -355,7 +360,7 @@
|
|
|
355
360
|
"format": "esm"
|
|
356
361
|
},
|
|
357
362
|
"packages/overlay/src/components/StatusDialog/StatusDialog.tsx": {
|
|
358
|
-
"bytes":
|
|
363
|
+
"bytes": 1526,
|
|
359
364
|
"imports": [
|
|
360
365
|
{
|
|
361
366
|
"path": "react",
|
|
@@ -386,6 +391,11 @@
|
|
|
386
391
|
"path": "packages/overlay/src/components/StatusDialog/Searchbox.tsx",
|
|
387
392
|
"kind": "import-statement",
|
|
388
393
|
"original": "./Searchbox.js"
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"path": "packages/overlay/src/constants.ts",
|
|
397
|
+
"kind": "import-statement",
|
|
398
|
+
"original": "../../constants.js"
|
|
389
399
|
}
|
|
390
400
|
],
|
|
391
401
|
"format": "esm"
|
|
@@ -432,7 +442,7 @@
|
|
|
432
442
|
"format": "esm"
|
|
433
443
|
},
|
|
434
444
|
"packages/overlay/src/components/ErrorDialog/ErrorDialog.tsx": {
|
|
435
|
-
"bytes":
|
|
445
|
+
"bytes": 1108,
|
|
436
446
|
"imports": [
|
|
437
447
|
{
|
|
438
448
|
"path": "react",
|
|
@@ -463,6 +473,11 @@
|
|
|
463
473
|
"path": "packages/overlay/src/components/Dialog/Dialog.tsx",
|
|
464
474
|
"kind": "import-statement",
|
|
465
475
|
"original": "../Dialog/Dialog.js"
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"path": "packages/overlay/src/constants.ts",
|
|
479
|
+
"kind": "import-statement",
|
|
480
|
+
"original": "../../constants.js"
|
|
466
481
|
}
|
|
467
482
|
],
|
|
468
483
|
"format": "esm"
|
|
@@ -567,7 +582,7 @@
|
|
|
567
582
|
"format": "esm"
|
|
568
583
|
},
|
|
569
584
|
"packages/overlay/src/index.tsx": {
|
|
570
|
-
"bytes":
|
|
585
|
+
"bytes": 607,
|
|
571
586
|
"imports": [
|
|
572
587
|
{
|
|
573
588
|
"path": "react",
|
|
@@ -604,37 +619,16 @@
|
|
|
604
619
|
}
|
|
605
620
|
},
|
|
606
621
|
"outputs": {
|
|
607
|
-
"packages/overlay/dist/browser-esm/lib/constants.js.map": {
|
|
608
|
-
"imports": [],
|
|
609
|
-
"exports": [],
|
|
610
|
-
"inputs": {},
|
|
611
|
-
"bytes": 93
|
|
612
|
-
},
|
|
613
|
-
"packages/overlay/dist/browser-esm/lib/constants.js": {
|
|
614
|
-
"imports": [
|
|
615
|
-
{
|
|
616
|
-
"path": "packages/overlay/dist/browser-esm/chunks/js/chunk-IJJX7VIJ.js",
|
|
617
|
-
"kind": "import-statement"
|
|
618
|
-
}
|
|
619
|
-
],
|
|
620
|
-
"exports": [
|
|
621
|
-
"cookieNames",
|
|
622
|
-
"overlayRootDivId"
|
|
623
|
-
],
|
|
624
|
-
"entryPoint": "packages/overlay/src/constants.ts",
|
|
625
|
-
"inputs": {},
|
|
626
|
-
"bytes": 168
|
|
627
|
-
},
|
|
628
622
|
"packages/overlay/dist/browser-esm/lib/index.js.map": {
|
|
629
623
|
"imports": [],
|
|
630
624
|
"exports": [],
|
|
631
625
|
"inputs": {},
|
|
632
|
-
"bytes":
|
|
626
|
+
"bytes": 81055
|
|
633
627
|
},
|
|
634
628
|
"packages/overlay/dist/browser-esm/lib/index.js": {
|
|
635
629
|
"imports": [
|
|
636
630
|
{
|
|
637
|
-
"path": "packages/overlay/dist/browser-esm/chunks/js/chunk-
|
|
631
|
+
"path": "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js",
|
|
638
632
|
"kind": "import-statement"
|
|
639
633
|
},
|
|
640
634
|
{
|
|
@@ -777,7 +771,7 @@
|
|
|
777
771
|
"entryPoint": "packages/overlay/src/index.tsx",
|
|
778
772
|
"inputs": {
|
|
779
773
|
"packages/overlay/src/index.tsx": {
|
|
780
|
-
"bytesInOutput":
|
|
774
|
+
"bytesInOutput": 390
|
|
781
775
|
},
|
|
782
776
|
"packages/overlay/src/components/CloudpackProvider/CloudpackProvider.tsx": {
|
|
783
777
|
"bytesInOutput": 366
|
|
@@ -792,7 +786,7 @@
|
|
|
792
786
|
"bytesInOutput": 1087
|
|
793
787
|
},
|
|
794
788
|
"packages/overlay/src/components/StatusBadge/StatusBadge.tsx": {
|
|
795
|
-
"bytesInOutput":
|
|
789
|
+
"bytesInOutput": 3205
|
|
796
790
|
},
|
|
797
791
|
"packages/overlay/src/hooks/useDraggable.ts": {
|
|
798
792
|
"bytesInOutput": 1803
|
|
@@ -804,10 +798,10 @@
|
|
|
804
798
|
"bytesInOutput": 517
|
|
805
799
|
},
|
|
806
800
|
"packages/overlay/src/components/StatusDialog/StatusDialog.tsx": {
|
|
807
|
-
"bytesInOutput":
|
|
801
|
+
"bytesInOutput": 1210
|
|
808
802
|
},
|
|
809
803
|
"packages/overlay/src/components/StatusDialog/TaskList.tsx": {
|
|
810
|
-
"bytesInOutput":
|
|
804
|
+
"bytesInOutput": 1120
|
|
811
805
|
},
|
|
812
806
|
"packages/overlay/src/components/StatusDialog/TaskStatus.tsx": {
|
|
813
807
|
"bytesInOutput": 5034
|
|
@@ -843,7 +837,7 @@
|
|
|
843
837
|
"bytesInOutput": 548
|
|
844
838
|
},
|
|
845
839
|
"packages/overlay/src/components/Dialog/Dialog.tsx": {
|
|
846
|
-
"bytesInOutput":
|
|
840
|
+
"bytesInOutput": 1447
|
|
847
841
|
},
|
|
848
842
|
"packages/overlay/src/components/Dialog/Dialog.module.css": {
|
|
849
843
|
"bytesInOutput": 2275
|
|
@@ -858,7 +852,7 @@
|
|
|
858
852
|
"bytesInOutput": 786
|
|
859
853
|
},
|
|
860
854
|
"packages/overlay/src/components/ErrorDialog/ErrorDialog.tsx": {
|
|
861
|
-
"bytesInOutput":
|
|
855
|
+
"bytesInOutput": 729
|
|
862
856
|
},
|
|
863
857
|
"packages/overlay/src/components/ErrorDialog/PathError.tsx": {
|
|
864
858
|
"bytesInOutput": 3131
|
|
@@ -876,26 +870,47 @@
|
|
|
876
870
|
"bytesInOutput": 614
|
|
877
871
|
}
|
|
878
872
|
},
|
|
879
|
-
"bytes":
|
|
873
|
+
"bytes": 50849
|
|
874
|
+
},
|
|
875
|
+
"packages/overlay/dist/browser-esm/lib/constants.js.map": {
|
|
876
|
+
"imports": [],
|
|
877
|
+
"exports": [],
|
|
878
|
+
"inputs": {},
|
|
879
|
+
"bytes": 93
|
|
880
|
+
},
|
|
881
|
+
"packages/overlay/dist/browser-esm/lib/constants.js": {
|
|
882
|
+
"imports": [
|
|
883
|
+
{
|
|
884
|
+
"path": "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js",
|
|
885
|
+
"kind": "import-statement"
|
|
886
|
+
}
|
|
887
|
+
],
|
|
888
|
+
"exports": [
|
|
889
|
+
"cookieNames",
|
|
890
|
+
"elementIds"
|
|
891
|
+
],
|
|
892
|
+
"entryPoint": "packages/overlay/src/constants.ts",
|
|
893
|
+
"inputs": {},
|
|
894
|
+
"bytes": 156
|
|
880
895
|
},
|
|
881
|
-
"packages/overlay/dist/browser-esm/chunks/js/chunk-
|
|
896
|
+
"packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js.map": {
|
|
882
897
|
"imports": [],
|
|
883
898
|
"exports": [],
|
|
884
899
|
"inputs": {},
|
|
885
|
-
"bytes":
|
|
900
|
+
"bytes": 1178
|
|
886
901
|
},
|
|
887
|
-
"packages/overlay/dist/browser-esm/chunks/js/chunk-
|
|
902
|
+
"packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js": {
|
|
888
903
|
"imports": [],
|
|
889
904
|
"exports": [
|
|
890
905
|
"cookieNames",
|
|
891
|
-
"
|
|
906
|
+
"elementIds"
|
|
892
907
|
],
|
|
893
908
|
"inputs": {
|
|
894
909
|
"packages/overlay/src/constants.ts": {
|
|
895
|
-
"bytesInOutput":
|
|
910
|
+
"bytesInOutput": 599
|
|
896
911
|
}
|
|
897
912
|
},
|
|
898
|
-
"bytes":
|
|
913
|
+
"bytes": 720
|
|
899
914
|
}
|
|
900
915
|
}
|
|
901
916
|
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface DialogProps {
|
|
3
3
|
title: string;
|
|
4
|
+
id: string;
|
|
4
5
|
style?: 'default' | 'error';
|
|
5
6
|
draggable?: boolean;
|
|
6
7
|
onClose?: () => void;
|
|
7
8
|
commands?: React.ReactNode[];
|
|
8
9
|
children: React.ReactNode;
|
|
9
10
|
}
|
|
10
|
-
export declare function Dialog({ title, style, draggable, onClose, commands, children }: DialogProps): React.JSX.Element;
|
|
11
|
+
export declare function Dialog({ title, id, style, draggable, onClose, commands, children }: DialogProps): React.JSX.Element;
|
|
11
12
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAU,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAU,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,WAAW,qBAmC/F"}
|
|
@@ -2,7 +2,7 @@ import { default as React, useRef } from 'react';
|
|
|
2
2
|
import styles from './Dialog.module.css';
|
|
3
3
|
import { useDraggable } from '../../hooks/useDraggable.js';
|
|
4
4
|
import CloseIcon from '../../images/dismiss-16-filled.inline.svg';
|
|
5
|
-
export function Dialog({ title, style, draggable, onClose, commands, children }) {
|
|
5
|
+
export function Dialog({ title, id, style, draggable, onClose, commands, children }) {
|
|
6
6
|
const draggableRef = useRef(null);
|
|
7
7
|
const draggableTargetRef = useRef(null);
|
|
8
8
|
const colorAccent = style === 'error' ? 'rgb(164, 38, 44)' : undefined;
|
|
@@ -12,7 +12,7 @@ export function Dialog({ title, style, draggable, onClose, commands, children })
|
|
|
12
12
|
containerElementRef: draggableRef,
|
|
13
13
|
dragElementRef: draggableTargetRef,
|
|
14
14
|
});
|
|
15
|
-
return (React.createElement("div", { className: styles.overlay },
|
|
15
|
+
return (React.createElement("div", { id: id, className: styles.overlay },
|
|
16
16
|
React.createElement("div", { ref: draggableRef, className: styles.dialog, style: { borderTopColor: colorAccent } },
|
|
17
17
|
React.createElement("div", { className: styles.titleArea },
|
|
18
18
|
React.createElement("div", { ref: draggableTargetRef, className: styles.title, style: { color: colorAccent, cursor: cursorDraggable } }, title),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,SAAS,MAAM,2CAA2C,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAYlE,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAe;IAC9F,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC;IACvE,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvD,YAAY,CAAC;QACX,OAAO,EAAE,CAAC,CAAC,SAAS;QACpB,mBAAmB,EAAE,YAAY;QACjC,cAAc,EAAE,kBAAkB;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO;QACpC,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE;YACtF,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC9B,6BACE,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,IAErD,KAAK,CACF;gBACL,OAAO,IAAI,CACV,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,gBAAa,kBAAkB;oBAEpF,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CACvB,CACV,CACG;YACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,OAAM,QAAQ,CAAO;YAChE,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { default as React, useRef } from 'react';\nimport styles from './Dialog.module.css';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport CloseIcon from '../../images/dismiss-16-filled.inline.svg';\n\nexport interface DialogProps {\n title: string;\n id: string;\n style?: 'default' | 'error';\n draggable?: boolean;\n onClose?: () => void;\n commands?: React.ReactNode[];\n children: React.ReactNode;\n}\n\nexport function Dialog({ title, id, style, draggable, onClose, commands, children }: DialogProps) {\n const draggableRef = useRef<HTMLDivElement>(null);\n const draggableTargetRef = useRef<HTMLDivElement>(null);\n const colorAccent = style === 'error' ? 'rgb(164, 38, 44)' : undefined;\n const cursorDraggable = draggable ? 'move' : undefined;\n\n useDraggable({\n enabled: !!draggable,\n containerElementRef: draggableRef,\n dragElementRef: draggableTargetRef,\n });\n\n return (\n <div id={id} className={styles.overlay}>\n <div ref={draggableRef} className={styles.dialog} style={{ borderTopColor: colorAccent }}>\n <div className={styles.titleArea}>\n <div\n ref={draggableTargetRef}\n className={styles.title}\n style={{ color: colorAccent, cursor: cursorDraggable }}\n >\n {title}\n </div>\n {onClose && (\n <button className={styles.closeButton} onClick={onClose} aria-label=\"Minimize overlay\">\n {/* a close icon is common/universal enough that it doesn't need alt text */}\n <img src={CloseIcon} alt=\"\" />\n </button>\n )}\n </div>\n {commands && <div className={styles.commands}>{...commands}</div>}\n {children}\n </div>\n </div>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorDialog/ErrorDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ErrorDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorDialog/ErrorDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIjE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,qBAAqB,EAAE,CAAC;CACtC;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,gBAAgB,qBAyB5D"}
|
|
@@ -4,12 +4,13 @@ import { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';
|
|
|
4
4
|
import { PathError } from './PathError.js';
|
|
5
5
|
import styles from '../StatusDialog/TaskList.module.css';
|
|
6
6
|
import { Dialog } from '../Dialog/Dialog.js';
|
|
7
|
+
import { elementIds } from '../../constants.js';
|
|
7
8
|
export function ErrorDialog({ unsupported }) {
|
|
8
9
|
const cloudpack = useCloudpack();
|
|
9
10
|
const reload = () => {
|
|
10
11
|
cloudpack.restartAllTasks();
|
|
11
12
|
};
|
|
12
|
-
return (React.createElement(Dialog, { title: "Found unsupported paths in your project", style: "error", commands: [
|
|
13
|
+
return (React.createElement(Dialog, { title: "Found unsupported paths in your project", id: elementIds.errorDialogRoot, style: "error", commands: [
|
|
13
14
|
React.createElement(Button, { primary: true, onClick: reload, key: "1" }, "Restart all tasks"),
|
|
14
15
|
] },
|
|
15
16
|
React.createElement("div", { className: styles.root }, unsupported.map((data, index) => (React.createElement(PathError, { ...data, key: index }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorDialog.js","sourceRoot":"","sources":["../../../src/components/ErrorDialog/ErrorDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ErrorDialog.js","sourceRoot":"","sources":["../../../src/components/ErrorDialog/ErrorDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,qCAAqC,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMhD,MAAM,UAAU,WAAW,CAAC,EAAE,WAAW,EAAoB;IAC3D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,SAAS,CAAC,eAAe,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAC,yCAAyC,EAC/C,EAAE,EAAE,UAAU,CAAC,eAAe,EAC9B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE;YACR,oBAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAC,GAAG,wBAE/B;SACV;QAED,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IACxB,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,oBAAC,SAAS,OAAK,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CACpC,CAAC,CACE,CACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { default as React } from 'react';\nimport { Button } from '../Button/Button.js';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { PathError } from './PathError.js';\nimport styles from '../StatusDialog/TaskList.module.css';\nimport type { UnsupportedErrorEvent } from './useErrorEvents.js';\nimport { Dialog } from '../Dialog/Dialog.js';\nimport { elementIds } from '../../constants.js';\n\nexport interface ErrorDialogProps {\n unsupported: UnsupportedErrorEvent[];\n}\n\nexport function ErrorDialog({ unsupported }: ErrorDialogProps) {\n const cloudpack = useCloudpack();\n\n const reload = () => {\n cloudpack.restartAllTasks();\n };\n\n return (\n <Dialog\n title=\"Found unsupported paths in your project\"\n id={elementIds.errorDialogRoot}\n style=\"error\"\n commands={[\n <Button primary onClick={reload} key=\"1\">\n Restart all tasks\n </Button>,\n ]}\n >\n <div className={styles.root}>\n {unsupported.map((data, index) => (\n <PathError {...data} key={index} />\n ))}\n </div>\n </Dialog>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,gBAAgB,4BAkD/E"}
|
|
@@ -3,6 +3,7 @@ import { useDraggable } from '../../hooks/useDraggable.js';
|
|
|
3
3
|
import styles from './StatusBadge.module.css';
|
|
4
4
|
import { default as cx } from 'classnames';
|
|
5
5
|
import { useStatus } from '../CloudpackProvider/useStatus.js';
|
|
6
|
+
import { elementIds } from '../../constants.js';
|
|
6
7
|
export function StatusBadge({ inline, onExpand, pageLoadTime }) {
|
|
7
8
|
const rootElementRef = useRef(null);
|
|
8
9
|
const dragElementRef = useRef(null);
|
|
@@ -22,7 +23,7 @@ export function StatusBadge({ inline, onExpand, pageLoadTime }) {
|
|
|
22
23
|
"in ",
|
|
23
24
|
pageLoadTime.toFixed(2),
|
|
24
25
|
" ms")) : null;
|
|
25
|
-
const badge = (React.createElement("div", { ref: rootElementRef, className: getStatusClassName(status, !!inline) },
|
|
26
|
+
const badge = (React.createElement("div", { id: elementIds.statusBadgeRoot, ref: rootElementRef, className: getStatusClassName(status, !!inline) },
|
|
26
27
|
!inline && (React.createElement("div", { ref: dragElementRef, className: styles.gripArea },
|
|
27
28
|
React.createElement("div", { className: styles.grip }),
|
|
28
29
|
React.createElement("div", { className: styles.grip }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAwB,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef } from 'react';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport styles from './StatusBadge.module.css';\nimport { default as cx } from 'classnames';\nimport { useStatus, type CloudpackStatus } from '../CloudpackProvider/useStatus.js';\nimport { elementIds } from '../../constants.js';\n\nexport interface StatusBadgeProps {\n inline?: boolean;\n onExpand?: () => void;\n pageLoadTime?: number;\n}\n\nexport function StatusBadge({ inline, onExpand, pageLoadTime }: StatusBadgeProps) {\n const rootElementRef = useRef<HTMLDivElement>(null);\n const dragElementRef = useRef<HTMLDivElement>(null);\n const status = useStatus();\n\n const shouldRender = status.status !== 'unknown';\n\n useDraggable({\n // If we're not yet able to render, don't enable dragging yet.\n // Otherwise the event handlers won't be attached when the component renders.\n enabled: shouldRender && !inline,\n containerElementRef: rootElementRef,\n dragElementRef,\n });\n\n if (!shouldRender) {\n return null;\n }\n\n const metric = pageLoadTime ? (\n <span className={styles.metric} title=\"Page Load Time\">\n in {pageLoadTime.toFixed(2)} ms\n </span>\n ) : null;\n\n const badge = (\n <div id={elementIds.statusBadgeRoot} ref={rootElementRef} className={getStatusClassName(status, !!inline)}>\n {!inline && (\n <div ref={dragElementRef} className={styles.gripArea}>\n <div className={styles.grip} />\n <div className={styles.grip} />\n </div>\n )}\n <button className={styles.button} onClick={onExpand} aria-label=\"Expand overlay\">\n <div className={styles.value}>{getStatusString(status)}</div>\n </button>\n <div>\n {getStatsString(status)}\n {metric}\n </div>\n </div>\n );\n\n return inline ? (\n badge\n ) : (\n <div className={styles.fixedOverlay}>\n <div className={styles.contentSurface}>{badge}</div>\n </div>\n );\n}\n\nfunction getStatusString(status: CloudpackStatus) {\n if (status.status === 'pending') {\n return 'Running';\n }\n\n if (status.totalTasks === 0) {\n return 'Idle';\n }\n\n return status.totalErrors === 0 ? 'Success' : 'Errors';\n}\n\nfunction getStatusClassName({ status, totalTasks, totalErrors, totalWarnings }: CloudpackStatus, inline: boolean) {\n return cx(styles.badge, {\n [styles.inline]: inline,\n [styles.building]: status === 'pending',\n [styles.success]: status === 'idle' && totalTasks > 0 && totalErrors === 0 && totalWarnings === 0,\n [styles.error]: status === 'idle' && totalErrors > 0,\n [styles.warning]: status === 'idle' && totalErrors === 0 && totalWarnings > 0,\n });\n}\n\nfunction getStatsString({ totalTasks, remainingTasks, totalErrors, totalWarnings }: CloudpackStatus) {\n if (totalTasks === 0) {\n return '';\n }\n\n return [\n remainingTasks > 0 && `${remainingTasks} of ${totalTasks} tasks pending`,\n remainingTasks === 0 && `${totalTasks} tasks completed`,\n totalErrors === 1 && `${totalErrors} error`,\n totalErrors > 1 && `${totalErrors} errors`,\n totalWarnings === 1 && `${totalWarnings} warning`,\n totalWarnings > 1 && `${totalWarnings} warnings`,\n ]\n .filter(Boolean)\n .join(', ');\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusDialog.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDialog/StatusDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StatusDialog.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDialog/StatusDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,qBAmC1D"}
|
|
@@ -4,9 +4,11 @@ import { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';
|
|
|
4
4
|
import { Button } from '../Button/Button.js';
|
|
5
5
|
import { Dialog } from '../Dialog/Dialog.js';
|
|
6
6
|
import { Searchbox } from './Searchbox.js';
|
|
7
|
+
import { elementIds } from '../../constants.js';
|
|
7
8
|
export function StatusDialog({ onClose }) {
|
|
8
9
|
const cloudpack = useCloudpack();
|
|
9
10
|
const [searchFilter, setSearchFilter] = React.useState('');
|
|
11
|
+
const [issuesOnly, setIssuesOnly] = React.useState(false);
|
|
10
12
|
const handleSearchChange = useCallback((event) => {
|
|
11
13
|
event.preventDefault();
|
|
12
14
|
setSearchFilter(event.target.value);
|
|
@@ -14,10 +16,12 @@ export function StatusDialog({ onClose }) {
|
|
|
14
16
|
const restartAllTasks = () => {
|
|
15
17
|
cloudpack.restartAllTasks();
|
|
16
18
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
const toggleIssuesOnly = () => setIssuesOnly((value) => !value);
|
|
20
|
+
return (React.createElement(Dialog, { title: "Task results", id: elementIds.statusDialogRoot, draggable: true, onClose: onClose, commands: [
|
|
21
|
+
React.createElement(Button, { primary: true, onClick: restartAllTasks, key: "restart" }, "Restart all tasks"),
|
|
22
|
+
React.createElement(Button, { onClick: toggleIssuesOnly, key: "issues" }, issuesOnly ? 'Show all tasks' : 'Show tasks with issues'),
|
|
19
23
|
] },
|
|
20
24
|
React.createElement(Searchbox, { value: searchFilter, onChange: handleSearchChange }),
|
|
21
|
-
React.createElement(TaskList, { searchFilter: searchFilter })));
|
|
25
|
+
React.createElement(TaskList, { searchFilter: searchFilter, issuesOnly: issuesOnly })));
|
|
22
26
|
}
|
|
23
27
|
//# sourceMappingURL=StatusDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusDialog.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/StatusDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"StatusDialog.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/StatusDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMhD,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAqB;IACzD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAA0C,EAAE,EAAE;QACpF,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,SAAS,CAAC,eAAe,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,EAAE,EAAE,UAAU,CAAC,gBAAgB,EAC/B,SAAS,QACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE;YACR,oBAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,eAAe,EAAE,GAAG,EAAC,SAAS,wBAE9C;YACT,oBAAC,MAAM,IAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAC,QAAQ,IAC5C,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,wBAAwB,CAClD;SACV;QAED,oBAAC,SAAS,IAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,GAAI;QAChE,oBAAC,QAAQ,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,GAAI,CACzD,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback } from 'react';\nimport { TaskList } from './TaskList.js';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { Button } from '../Button/Button.js';\nimport { Dialog } from '../Dialog/Dialog.js';\nimport { Searchbox } from './Searchbox.js';\nimport { elementIds } from '../../constants.js';\n\nexport interface StatusDialogProps {\n onClose: () => void;\n}\n\nexport function StatusDialog({ onClose }: StatusDialogProps) {\n const cloudpack = useCloudpack();\n const [searchFilter, setSearchFilter] = React.useState('');\n const [issuesOnly, setIssuesOnly] = React.useState(false);\n\n const handleSearchChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n event.preventDefault();\n setSearchFilter(event.target.value);\n }, []);\n\n const restartAllTasks = () => {\n cloudpack.restartAllTasks();\n };\n\n const toggleIssuesOnly = () => setIssuesOnly((value) => !value);\n\n return (\n <Dialog\n title=\"Task results\"\n id={elementIds.statusDialogRoot}\n draggable\n onClose={onClose}\n commands={[\n <Button primary onClick={restartAllTasks} key=\"restart\">\n Restart all tasks\n </Button>,\n <Button onClick={toggleIssuesOnly} key=\"issues\">\n {issuesOnly ? 'Show all tasks' : 'Show tasks with issues'}\n </Button>,\n ]}\n >\n <Searchbox value={searchFilter} onChange={handleSearchChange} />\n <TaskList searchFilter={searchFilter} issuesOnly={issuesOnly} />\n </Dialog>\n );\n}\n"]}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
2
|
+
export interface TaskListProps {
|
|
3
3
|
searchFilter?: string;
|
|
4
|
-
|
|
4
|
+
issuesOnly?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function TaskList({ searchFilter, issuesOnly }: TaskListProps): React.JSX.Element;
|
|
5
7
|
//# sourceMappingURL=TaskList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskList.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,
|
|
1
|
+
{"version":3,"file":"TaskList.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,aAAa,qBAoBnE"}
|
|
@@ -2,13 +2,18 @@ import React from 'react';
|
|
|
2
2
|
import { TaskStatus } from './TaskStatus.js';
|
|
3
3
|
import { useStatusDetails } from '../CloudpackProvider/useStatusDetails.js';
|
|
4
4
|
import styles from './TaskList.module.css';
|
|
5
|
-
export function TaskList({ searchFilter }) {
|
|
5
|
+
export function TaskList({ searchFilter, issuesOnly }) {
|
|
6
6
|
const details = useStatusDetails();
|
|
7
7
|
const tasks = (details.tasks || []).sort(sortTasks);
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
.
|
|
8
|
+
let filteredTasks = tasks;
|
|
9
|
+
if (searchFilter) {
|
|
10
|
+
searchFilter = searchFilter.toLowerCase();
|
|
11
|
+
filteredTasks = filteredTasks.filter(({ name }) => searchFilter && name.toLowerCase().includes(searchFilter));
|
|
12
|
+
}
|
|
13
|
+
if (issuesOnly) {
|
|
14
|
+
filteredTasks = filteredTasks.filter(({ errors, warnings }) => errors?.length || warnings?.length);
|
|
15
|
+
}
|
|
16
|
+
return (React.createElement("div", { className: styles.root }, filteredTasks.map((task) => (React.createElement(TaskStatus, { key: task.name, task: task })))));
|
|
12
17
|
}
|
|
13
18
|
/**
|
|
14
19
|
* Really the server should be sorting. Get stuff out of the browser.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskList.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAA4B,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACtG,OAAO,MAAM,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"TaskList.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAA4B,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACtG,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAO3C,MAAM,UAAU,QAAQ,CAAC,EAAE,YAAY,EAAE,UAAU,EAAiB;IAClE,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEpD,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,YAAY,EAAE;QAChB,YAAY,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAC1C,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;KAC/G;IACD,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC;KACpG;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IACxB,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,oBAAC,UAAU,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3C,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,SAAS,CAAC,CAAsB,EAAE,CAAsB;IAC/D,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/C,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnC;IAED,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;IAEtC,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnC;IAED,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC","sourcesContent":["import React from 'react';\nimport { TaskStatus } from './TaskStatus.js';\nimport { type TaskDescriptionType, useStatusDetails } from '../CloudpackProvider/useStatusDetails.js';\nimport styles from './TaskList.module.css';\n\nexport interface TaskListProps {\n searchFilter?: string;\n issuesOnly?: boolean;\n}\n\nexport function TaskList({ searchFilter, issuesOnly }: TaskListProps) {\n const details = useStatusDetails();\n const tasks = (details.tasks || []).sort(sortTasks);\n\n let filteredTasks = tasks;\n if (searchFilter) {\n searchFilter = searchFilter.toLowerCase();\n filteredTasks = filteredTasks.filter(({ name }) => searchFilter && name.toLowerCase().includes(searchFilter));\n }\n if (issuesOnly) {\n filteredTasks = filteredTasks.filter(({ errors, warnings }) => errors?.length || warnings?.length);\n }\n\n return (\n <div className={styles.root}>\n {filteredTasks.map((task) => (\n <TaskStatus key={task.name} task={task} />\n ))}\n </div>\n );\n}\n\n/**\n * Really the server should be sorting. Get stuff out of the browser.\n */\nfunction sortTasks(a: TaskDescriptionType, b: TaskDescriptionType) {\n const aStatus = a.status === 'pending' ? 1 : 0;\n const bStatus = b.status === 'pending' ? 1 : 0;\n\n if (aStatus !== bStatus) {\n return aStatus > bStatus ? -1 : 1;\n }\n\n const aErrors = a.errors?.length || 0;\n const bErrors = b.errors?.length || 0;\n\n if (aErrors !== bErrors) {\n return aErrors > bErrors ? -1 : 1;\n }\n\n return a.name < b.name ? -1 : 1;\n}\n"]}
|
package/lib/constants.d.ts
CHANGED
|
@@ -1,7 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
export declare const elementIds: {
|
|
2
|
+
/**
|
|
3
|
+
* ID for the root element of the overlay.
|
|
4
|
+
*/
|
|
5
|
+
readonly root: "cloudpack-overlay-root";
|
|
6
|
+
/**
|
|
7
|
+
* ID for the root element of the error dialog.
|
|
8
|
+
*/
|
|
9
|
+
readonly errorDialogRoot: "cloudpack-overlay-error-dialog";
|
|
10
|
+
/**
|
|
11
|
+
* ID for the root element of the status dialog.
|
|
12
|
+
*/
|
|
13
|
+
readonly statusDialogRoot: "cloudpack-overlay-status-dialog";
|
|
14
|
+
/**
|
|
15
|
+
* ID for the root element of the status badge.
|
|
16
|
+
*/
|
|
17
|
+
readonly statusBadgeRoot: "cloudpack-overlay-status-badge";
|
|
18
|
+
};
|
|
5
19
|
/**
|
|
6
20
|
* Cloudpack cookies accessed by the overlay.
|
|
7
21
|
*/
|
package/lib/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAGA
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;IACrB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC"}
|
package/lib/constants.js
CHANGED
|
@@ -1,9 +1,23 @@
|
|
|
1
1
|
// This file serves as a separate entry point which can be imported without rendering the overlay
|
|
2
2
|
// as a side effect.
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export const elementIds = {
|
|
4
|
+
/**
|
|
5
|
+
* ID for the root element of the overlay.
|
|
6
|
+
*/
|
|
7
|
+
root: 'cloudpack-overlay-root',
|
|
8
|
+
/**
|
|
9
|
+
* ID for the root element of the error dialog.
|
|
10
|
+
*/
|
|
11
|
+
errorDialogRoot: 'cloudpack-overlay-error-dialog',
|
|
12
|
+
/**
|
|
13
|
+
* ID for the root element of the status dialog.
|
|
14
|
+
*/
|
|
15
|
+
statusDialogRoot: 'cloudpack-overlay-status-dialog',
|
|
16
|
+
/**
|
|
17
|
+
* ID for the root element of the status badge.
|
|
18
|
+
*/
|
|
19
|
+
statusBadgeRoot: 'cloudpack-overlay-status-badge',
|
|
20
|
+
};
|
|
7
21
|
/**
|
|
8
22
|
* Cloudpack cookies accessed by the overlay.
|
|
9
23
|
*/
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,oBAAoB;AAEpB
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,oBAAoB;AAEpB,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,wBAAwB;IAC9B;;OAEG;IACH,eAAe,EAAE,gCAAgC;IACjD;;OAEG;IACH,gBAAgB,EAAE,iCAAiC;IACnD;;OAEG;IACH,eAAe,EAAE,gCAAgC;CACzC,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE,sBAAsB;IACjC,eAAe,EAAE,4BAA4B;IAC7C,MAAM,EAAE,mBAAmB;CAC5B,CAAC","sourcesContent":["// This file serves as a separate entry point which can be imported without rendering the overlay\n// as a side effect.\n\nexport const elementIds = {\n /**\n * ID for the root element of the overlay.\n */\n root: 'cloudpack-overlay-root',\n /**\n * ID for the root element of the error dialog.\n */\n errorDialogRoot: 'cloudpack-overlay-error-dialog',\n /**\n * ID for the root element of the status dialog.\n */\n statusDialogRoot: 'cloudpack-overlay-status-dialog',\n /**\n * ID for the root element of the status badge.\n */\n statusBadgeRoot: 'cloudpack-overlay-status-badge',\n} as const;\n\n/**\n * Cloudpack cookies accessed by the overlay.\n */\nexport const cookieNames = {\n sessionId: 'cloudpack-session-id',\n sessionSequence: 'cloudpack-session-sequence',\n apiUrl: 'cloudpack-api-url',\n};\n"]}
|
package/lib/index.js
CHANGED
|
@@ -3,9 +3,9 @@ import ReactDOM from 'react-dom';
|
|
|
3
3
|
import { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';
|
|
4
4
|
import { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';
|
|
5
5
|
import { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';
|
|
6
|
-
import {
|
|
6
|
+
import { elementIds } from './constants.js';
|
|
7
7
|
const rootDiv = document.createElement('div');
|
|
8
|
-
rootDiv.id =
|
|
8
|
+
rootDiv.id = elementIds.root;
|
|
9
9
|
ReactDOM.render(React.createElement(ThemeProvider, null,
|
|
10
10
|
React.createElement(CloudpackProvider, null,
|
|
11
11
|
React.createElement(StatusOverlay, null))), rootDiv);
|