pollination-react-io 1.16.2 → 1.16.3
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/build/index.esm.js +81 -68
- package/build/index.esm.js.map +1 -1
- package/build/index.js +81 -68
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -42031,7 +42031,7 @@ var useSWRHandler = function (_key, fetcher, config) {
|
|
|
42031
42031
|
};
|
|
42032
42032
|
var useSWR = withArgs(useSWRHandler);
|
|
42033
42033
|
|
|
42034
|
-
var css_248z$2 = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\n --success: #46A758;\n --warning: #F76809;\n --danger: #FF4616;\n /* radix-ui/colors */\n --slate1: hsl(206, 30.0%, 98.8%);\n --slate2: hsl(210, 16.7%, 97.6%);\n --slate3: hsl(209, 13.3%, 95.3%);\n --slate4: hsl(209, 12.2%, 93.2%);\n --slate5: hsl(208, 11.7%, 91.1%);\n --slate6: hsl(208, 11.3%, 88.9%);\n --slate7: hsl(207, 11.1%, 85.9%);\n --slate8: hsl(205, 10.7%, 78.0%);\n --slate9: hsl(206, 6.0%, 56.1%);\n --slate10: hsl(206, 5.8%, 52.3%);\n --slate11: hsl(206, 6.0%, 43.5%);\n --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.spin {\n animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n 0% {\n background-position: 200%;\n }\n 50% {\n background-position: 100%;\n }\n 100% {\n background-position: 0%;\n }\n}\n.loading {\n background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n background-size: 200%;\n animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n from {\n height: 0;\n }\n to {\n height: var(--radix-collapsible-content-height);\n }\n}\n@keyframes close {\n from {\n height: var(--radix-collapsible-content-height);\n }\n to {\n height: 0;\n }\n}\n.collapse-content {\n overflow: hidden;\n font-size: inherit;\n color: inherit;\n}\n\n.collapse-content[data-state=open] {\n animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n animation: close 300ms ease-out;\n}\n\n.
|
|
42034
|
+
var css_248z$2 = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\n --success: #46A758;\n --warning: #F76809;\n --danger: #FF4616;\n /* radix-ui/colors */\n --slate1: hsl(206, 30.0%, 98.8%);\n --slate2: hsl(210, 16.7%, 97.6%);\n --slate3: hsl(209, 13.3%, 95.3%);\n --slate4: hsl(209, 12.2%, 93.2%);\n --slate5: hsl(208, 11.7%, 91.1%);\n --slate6: hsl(208, 11.3%, 88.9%);\n --slate7: hsl(207, 11.1%, 85.9%);\n --slate8: hsl(205, 10.7%, 78.0%);\n --slate9: hsl(206, 6.0%, 56.1%);\n --slate10: hsl(206, 5.8%, 52.3%);\n --slate11: hsl(206, 6.0%, 43.5%);\n --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.spin {\n animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n 0% {\n background-position: 200%;\n }\n 50% {\n background-position: 100%;\n }\n 100% {\n background-position: 0%;\n }\n}\n.loading {\n background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n background-size: 200%;\n animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n from {\n height: 0;\n }\n to {\n height: var(--radix-collapsible-content-height);\n }\n}\n@keyframes close {\n from {\n height: var(--radix-collapsible-content-height);\n }\n to {\n height: 0;\n }\n}\n.collapse-content {\n overflow: hidden;\n font-size: inherit;\n color: inherit;\n}\n\n.collapse-content[data-state=open] {\n animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n animation: close 300ms ease-out;\n}\n\n.run-card {\n transition: box-shadow 250ms ease-in-out, border-color 250ms ease-in-out;\n border-color: #d0d7de;\n width: 100%;\n background-color: white;\n}\n\na > .run-card:hover {\n box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px;\n border-color: var(--primary);\n}";
|
|
42035
42035
|
styleInject(css_248z$2);
|
|
42036
42036
|
|
|
42037
42037
|
dayjs_min.extend(duration);
|
|
@@ -42056,7 +42056,7 @@ var RunCard = function (_a) {
|
|
|
42056
42056
|
}, 1000);
|
|
42057
42057
|
return run.status.finished_at ? undefined : function () { return clearInterval(handle); };
|
|
42058
42058
|
}, [run]);
|
|
42059
|
-
return (React__default.createElement("div", { "data-testid": "RunCard", className: '
|
|
42059
|
+
return (React__default.createElement("div", { "data-testid": "RunCard", className: 'run-card', style: __assign({ borderRadius: 8, borderWidth: 1, borderStyle: 'solid', display: 'grid', gridTemplateColumns: 'minmax(200px, 18%) 1fr', gridTemplateRows: '1fr auto', columnGap: 8, rowGap: 0 }, style) },
|
|
42060
42060
|
React__default.createElement("div", { style: {
|
|
42061
42061
|
borderRight: '1px solid #d0d7de',
|
|
42062
42062
|
display: 'flex',
|
|
@@ -42121,31 +42121,35 @@ var RunCard = function (_a) {
|
|
|
42121
42121
|
textOverflow: 'ellipsis',
|
|
42122
42122
|
display: 'inline-block'
|
|
42123
42123
|
} }, run.id),
|
|
42124
|
-
React__default.createElement(
|
|
42125
|
-
|
|
42126
|
-
|
|
42127
|
-
|
|
42128
|
-
|
|
42129
|
-
|
|
42130
|
-
|
|
42131
|
-
|
|
42132
|
-
|
|
42133
|
-
|
|
42134
|
-
|
|
42135
|
-
|
|
42136
|
-
|
|
42137
|
-
|
|
42138
|
-
|
|
42139
|
-
|
|
42140
|
-
|
|
42141
|
-
|
|
42142
|
-
|
|
42143
|
-
|
|
42144
|
-
|
|
42145
|
-
|
|
42146
|
-
|
|
42147
|
-
|
|
42148
|
-
|
|
42124
|
+
React__default.createElement("div", { style: {
|
|
42125
|
+
display: 'flex'
|
|
42126
|
+
} },
|
|
42127
|
+
React__default.createElement(Dropdown, { trigger: React__default.createElement("button", { type: 'button', style: {
|
|
42128
|
+
width: 32,
|
|
42129
|
+
height: 32,
|
|
42130
|
+
display: 'flex',
|
|
42131
|
+
justifyContent: 'center',
|
|
42132
|
+
alignItems: 'center',
|
|
42133
|
+
borderRadius: 9999,
|
|
42134
|
+
border: '1px solid #d0d7de',
|
|
42135
|
+
backgroundColor: 'white',
|
|
42136
|
+
outlineColor: 'var(--primary)',
|
|
42137
|
+
cursor: 'pointer'
|
|
42138
|
+
} }, isValidating ? React__default.createElement(LoadingIcon, null) : React__default.createElement(Gear$1, null)), optionGroups: [
|
|
42139
|
+
{
|
|
42140
|
+
options: [{
|
|
42141
|
+
type: 'button',
|
|
42142
|
+
id: 'cancel-study',
|
|
42143
|
+
label: 'Cancel',
|
|
42144
|
+
icon: React__default.createElement(XOctagon$1, null),
|
|
42145
|
+
disabled: typeof run.status.finished_at === 'string',
|
|
42146
|
+
onSelect: function () { return cancelRun(projectOwner, projectName, _run.id); }
|
|
42147
|
+
}]
|
|
42148
|
+
}
|
|
42149
|
+
], contentProps: {
|
|
42150
|
+
align: 'end',
|
|
42151
|
+
sideOffset: 2,
|
|
42152
|
+
} }))),
|
|
42149
42153
|
React__default.createElement("div", { style: {
|
|
42150
42154
|
display: 'flex',
|
|
42151
42155
|
flexDirection: 'column',
|
|
@@ -42245,21 +42249,26 @@ var RunsList = function (_a) {
|
|
|
42245
42249
|
return (React__default.createElement("div", { key: item.id, style: {
|
|
42246
42250
|
display: 'flex',
|
|
42247
42251
|
justifyContent: 'space-between',
|
|
42252
|
+
alignItems: 'center',
|
|
42248
42253
|
borderTop: '1px solid var(--slate5)',
|
|
42249
42254
|
padding: '6px 8px',
|
|
42255
|
+
cursor: 'default'
|
|
42250
42256
|
} },
|
|
42251
42257
|
React__default.createElement("div", { style: {
|
|
42252
42258
|
display: 'flex',
|
|
42259
|
+
alignItems: 'center',
|
|
42253
42260
|
gap: 12
|
|
42254
42261
|
} },
|
|
42255
|
-
|
|
42256
|
-
|
|
42257
|
-
|
|
42258
|
-
|
|
42259
|
-
|
|
42260
|
-
|
|
42261
|
-
|
|
42262
|
-
|
|
42262
|
+
item.status.status === dist.RunStatusEnum.Running &&
|
|
42263
|
+
React__default.createElement("button", { style: {
|
|
42264
|
+
display: 'flex',
|
|
42265
|
+
backgroundColor: 'rgba(0,0,0,0)',
|
|
42266
|
+
color: 'red',
|
|
42267
|
+
border: 'none'
|
|
42268
|
+
}, onClick: function () {
|
|
42269
|
+
cancelRun(projectOwner, projectName, item.id);
|
|
42270
|
+
} },
|
|
42271
|
+
React__default.createElement(XOctagon$1, null)),
|
|
42263
42272
|
React__default.createElement("a", { href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(jobId, "/runs/").concat(item.id), style: {
|
|
42264
42273
|
color: statusMap[item.status.status].color
|
|
42265
42274
|
} },
|
|
@@ -42308,6 +42317,7 @@ var RunsList = function (_a) {
|
|
|
42308
42317
|
React__default.createElement("span", { style: {
|
|
42309
42318
|
display: 'flex',
|
|
42310
42319
|
alignItems: 'center',
|
|
42320
|
+
cursor: 'pointer',
|
|
42311
42321
|
gap: 8
|
|
42312
42322
|
} }, "".concat(runs.total_count, " Total Runs"),
|
|
42313
42323
|
runs.total_count > 0 && (isValidating ? React__default.createElement(LoadingIcon, { size: 16 }) : React__default.createElement(ChevronCompactDown$1, null))))),
|
|
@@ -43151,7 +43161,7 @@ var SendResults = function (_a) {
|
|
|
43151
43161
|
}], asButtons: true, label: buttonLabel, helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " results.") }));
|
|
43152
43162
|
};
|
|
43153
43163
|
|
|
43154
|
-
var css_248z = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\n --success: #46A758;\n --warning: #F76809;\n --danger: #FF4616;\n /* radix-ui/colors */\n --slate1: hsl(206, 30.0%, 98.8%);\n --slate2: hsl(210, 16.7%, 97.6%);\n --slate3: hsl(209, 13.3%, 95.3%);\n --slate4: hsl(209, 12.2%, 93.2%);\n --slate5: hsl(208, 11.7%, 91.1%);\n --slate6: hsl(208, 11.3%, 88.9%);\n --slate7: hsl(207, 11.1%, 85.9%);\n --slate8: hsl(205, 10.7%, 78.0%);\n --slate9: hsl(206, 6.0%, 56.1%);\n --slate10: hsl(206, 5.8%, 52.3%);\n --slate11: hsl(206, 6.0%, 43.5%);\n --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.spin {\n animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n 0% {\n background-position: 200%;\n }\n 50% {\n background-position: 100%;\n }\n 100% {\n background-position: 0%;\n }\n}\n.loading {\n background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n background-size: 200%;\n animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n from {\n height: 0;\n }\n to {\n height: var(--radix-collapsible-content-height);\n }\n}\n@keyframes close {\n from {\n height: var(--radix-collapsible-content-height);\n }\n to {\n height: 0;\n }\n}\n.collapse-content {\n overflow: hidden;\n font-size: inherit;\n color: inherit;\n}\n\n.collapse-content[data-state=open] {\n animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n animation: close 300ms ease-out;\n}\n\n.
|
|
43164
|
+
var css_248z = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\n --success: #46A758;\n --warning: #F76809;\n --danger: #FF4616;\n /* radix-ui/colors */\n --slate1: hsl(206, 30.0%, 98.8%);\n --slate2: hsl(210, 16.7%, 97.6%);\n --slate3: hsl(209, 13.3%, 95.3%);\n --slate4: hsl(209, 12.2%, 93.2%);\n --slate5: hsl(208, 11.7%, 91.1%);\n --slate6: hsl(208, 11.3%, 88.9%);\n --slate7: hsl(207, 11.1%, 85.9%);\n --slate8: hsl(205, 10.7%, 78.0%);\n --slate9: hsl(206, 6.0%, 56.1%);\n --slate10: hsl(206, 5.8%, 52.3%);\n --slate11: hsl(206, 6.0%, 43.5%);\n --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.spin {\n animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n 0% {\n background-position: 200%;\n }\n 50% {\n background-position: 100%;\n }\n 100% {\n background-position: 0%;\n }\n}\n.loading {\n background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n background-size: 200%;\n animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n from {\n height: 0;\n }\n to {\n height: var(--radix-collapsible-content-height);\n }\n}\n@keyframes close {\n from {\n height: var(--radix-collapsible-content-height);\n }\n to {\n height: 0;\n }\n}\n.collapse-content {\n overflow: hidden;\n font-size: inherit;\n color: inherit;\n}\n\n.collapse-content[data-state=open] {\n animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n animation: close 300ms ease-out;\n}\n\n.study-card {\n transition: box-shadow 250ms ease-in-out, border-color 250ms ease-in-out;\n border-color: #d0d7de;\n width: 100%;\n background-color: white;\n}\n\na > .study-card:hover {\n box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px;\n border-color: var(--primary);\n}";
|
|
43155
43165
|
styleInject(css_248z);
|
|
43156
43166
|
|
|
43157
43167
|
dayjs_min.extend(duration);
|
|
@@ -43195,7 +43205,7 @@ var StudyCard = function (_a) {
|
|
|
43195
43205
|
}, 1000);
|
|
43196
43206
|
return study.status.finished_at ? undefined : function () { return clearInterval(handle); };
|
|
43197
43207
|
}, [study]);
|
|
43198
|
-
return (React__default.createElement("div", { "data-testid": "StudyCard", className: '
|
|
43208
|
+
return (React__default.createElement("div", { "data-testid": "StudyCard", className: 'study-card', style: __assign({ borderRadius: 8, borderWidth: 1, borderStyle: 'solid', display: 'grid', gridTemplateColumns: 'minmax(200px, 18%) 1fr', gridTemplateRows: '1fr auto', columnGap: 8, rowGap: 0 }, style) },
|
|
43199
43209
|
React__default.createElement("div", { style: {
|
|
43200
43210
|
borderRight: '1px solid #d0d7de',
|
|
43201
43211
|
display: 'flex',
|
|
@@ -43264,37 +43274,40 @@ var StudyCard = function (_a) {
|
|
|
43264
43274
|
textOverflow: 'ellipsis',
|
|
43265
43275
|
display: 'inline-block'
|
|
43266
43276
|
} }, study.spec.name),
|
|
43267
|
-
React__default.createElement(
|
|
43268
|
-
|
|
43269
|
-
|
|
43270
|
-
|
|
43271
|
-
|
|
43272
|
-
|
|
43273
|
-
|
|
43274
|
-
|
|
43275
|
-
|
|
43276
|
-
|
|
43277
|
-
|
|
43278
|
-
|
|
43279
|
-
|
|
43280
|
-
|
|
43281
|
-
|
|
43282
|
-
|
|
43283
|
-
|
|
43284
|
-
|
|
43285
|
-
|
|
43286
|
-
|
|
43287
|
-
|
|
43288
|
-
|
|
43289
|
-
|
|
43290
|
-
|
|
43291
|
-
|
|
43292
|
-
|
|
43293
|
-
|
|
43294
|
-
|
|
43295
|
-
|
|
43296
|
-
|
|
43297
|
-
|
|
43277
|
+
React__default.createElement("div", { style: {
|
|
43278
|
+
display: 'flex'
|
|
43279
|
+
} },
|
|
43280
|
+
React__default.createElement(Dropdown, { trigger: React__default.createElement("button", { type: 'button', style: {
|
|
43281
|
+
width: 32,
|
|
43282
|
+
height: 32,
|
|
43283
|
+
display: 'flex',
|
|
43284
|
+
justifyContent: 'center',
|
|
43285
|
+
alignItems: 'center',
|
|
43286
|
+
borderRadius: 9999,
|
|
43287
|
+
border: '1px solid #d0d7de',
|
|
43288
|
+
backgroundColor: 'white',
|
|
43289
|
+
outlineColor: 'var(--primary)'
|
|
43290
|
+
} }, isValidating ? React__default.createElement(LoadingIcon, null) : React__default.createElement(Gear$1, null)), optionGroups: [
|
|
43291
|
+
{
|
|
43292
|
+
options: [{
|
|
43293
|
+
type: 'button',
|
|
43294
|
+
id: 'cancel-study',
|
|
43295
|
+
label: 'Cancel',
|
|
43296
|
+
icon: React__default.createElement(XOctagon$1, null),
|
|
43297
|
+
disabled: status.pending < 1 && status.running < 1,
|
|
43298
|
+
onSelect: function () { return cancelJob(projectOwner, projectName, study.id); }
|
|
43299
|
+
}, {
|
|
43300
|
+
type: 'button',
|
|
43301
|
+
id: 'delete-study',
|
|
43302
|
+
label: 'Delete',
|
|
43303
|
+
icon: React__default.createElement(Trash$1, null),
|
|
43304
|
+
onSelect: function () { return deleteJob(projectOwner, projectName, study.id); }
|
|
43305
|
+
},]
|
|
43306
|
+
}
|
|
43307
|
+
], contentProps: {
|
|
43308
|
+
align: 'end',
|
|
43309
|
+
sideOffset: 2,
|
|
43310
|
+
} }))),
|
|
43298
43311
|
React__default.createElement("div", { style: {
|
|
43299
43312
|
display: 'flex',
|
|
43300
43313
|
flexDirection: 'column',
|