pollination-react-io 1.53.3 → 1.53.5
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 +26 -10
- package/build/index.esm.js.map +1 -1
- package/build/index.js +26 -10
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
@@ -49130,7 +49130,7 @@ var FilePreview = function (_a) {
|
|
49130
49130
|
var css_248z$4 = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\n --primary3: #000;\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.card-group {\n border: 0.05rem solid var(--slate9);\n padding: 10px;\n margin: 0 0 10px 0;\n border-radius: 6px;\n background-color: \"#fff\" !important;\n}\n\n.expander {\n border: 0.05rem solid var(--slate9);\n padding: 10px;\n cursor: pointer;\n margin: 0 0 10px 0;\n transition: opacity 0.5s;\n border-radius: 6px;\n background-color: \"#fff\" !important;\n}\n\n.expander:hover {\n opacity: 0.7;\n}\n\n.expander > p {\n color: var(--primary3);\n display: inline;\n margin: 0 10px 0 0;\n text-align: left;\n}\n\n.arrow {\n float: right;\n padding: 0 10px 0 0;\n}";
|
49131
49131
|
styleInject(css_248z$4);
|
49132
49132
|
|
49133
|
-
var css_248z$3 = ".card-param {\n padding: 15px;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.35rem;\n text-align: center !important;\n transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n}\n\n.card-description {\n font-size: 0.8rem;\n color: rgb(125, 125, 125);\n line-height: 1.5;\n margin: 10px 0 0 0;\n text-align: left !important;\n}\n\n.card-folder:hover {\n cursor: pointer;\n box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px;\n}\n\n.title-param {\n color: v(--primary3);\n font-weight: bolder;\n}\n\n.value-param {\n font-size: 1.25rem;\n color: rgb(125, 125, 125);\n}\n\nhr {\n width: 100%;\n text-align: left;\n margin-top: 1rem 1rem 0 0;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n}";
|
49133
|
+
var css_248z$3 = ".card-param {\n padding: 15px;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.35rem;\n text-align: center !important;\n transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n}\n\n.card-description {\n font-size: 0.8rem;\n color: rgb(125, 125, 125);\n line-height: 1.5;\n margin: 10px 0 0 0;\n text-align: left !important;\n}\n\n.card-folder:hover {\n cursor: pointer;\n box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px;\n}\n\n.card-folder-inactive {\n filter: grayscale(1) !important;\n color: rgb(125, 125, 125) !important;\n cursor: auto;\n}\n\n.title-param {\n color: v(--primary3);\n font-weight: bolder;\n}\n\n.value-param {\n font-size: 1.25rem;\n color: rgb(125, 125, 125);\n}\n\nhr {\n width: 100%;\n text-align: left;\n margin-top: 1rem 1rem 0 0;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n}";
|
49134
49134
|
styleInject(css_248z$3);
|
49135
49135
|
|
49136
49136
|
var ParamCard = function (_a) {
|
@@ -49247,10 +49247,11 @@ var FileCard = function (_a) {
|
|
49247
49247
|
var _d = React.useState(false), open = _d[0], setOpen = _d[1];
|
49248
49248
|
var _e = React.useState(false), over = _e[0], setOver = _e[1];
|
49249
49249
|
var _f = React.useState(true), isLoading = _f[0], setIsLoading = _f[1];
|
49250
|
+
var _g = React.useState(false), isInactive = _g[0], setIsInactive = _g[1];
|
49250
49251
|
// Data to use for CAD injections
|
49251
|
-
var
|
49252
|
+
var _h = React.useState(), CADdata = _h[0], setCADdata = _h[1];
|
49252
49253
|
// File to send to parent
|
49253
|
-
var
|
49254
|
+
var _j = React.useState(), currFile = _j[0], setCurrFile = _j[1];
|
49254
49255
|
/**
|
49255
49256
|
* Check if run id is a valid UUID or file path (Local sim)
|
49256
49257
|
* @param str run id
|
@@ -49297,11 +49298,20 @@ var FileCard = function (_a) {
|
|
49297
49298
|
*/
|
49298
49299
|
var fetchAndSet = function (url) {
|
49299
49300
|
fetch(url)
|
49300
|
-
.then(function (
|
49301
|
-
.
|
49302
|
-
|
49303
|
-
|
49304
|
-
|
49301
|
+
.then(function (res) {
|
49302
|
+
if (res.status === 404) {
|
49303
|
+
// Deleted from cloud
|
49304
|
+
setIsInactive(true);
|
49305
|
+
setCurrFile(undefined);
|
49306
|
+
setCADintegration(undefined);
|
49307
|
+
return;
|
49308
|
+
}
|
49309
|
+
res.blob()
|
49310
|
+
.then(function (blob) {
|
49311
|
+
setCurrFile(blob);
|
49312
|
+
setCADintegration(blob);
|
49313
|
+
});
|
49314
|
+
})
|
49305
49315
|
.catch(function () { })
|
49306
49316
|
.finally(function () { return setIsLoading(false); });
|
49307
49317
|
};
|
@@ -49317,12 +49327,18 @@ var FileCard = function (_a) {
|
|
49317
49327
|
onClicked({ label: label, path: path, file: currFile, description: description, runId: runId });
|
49318
49328
|
}
|
49319
49329
|
}, [studyId, runId, label, path]);
|
49320
|
-
return React__default["default"].createElement("div", { className:
|
49330
|
+
return React__default["default"].createElement("div", { className: isInactive
|
49331
|
+
? 'card-param card-folder-inactive'
|
49332
|
+
: 'card-param card-folder', tabIndex: 0, role: 'button', key: label, onClick: function (event) {
|
49321
49333
|
event.stopPropagation();
|
49334
|
+
if (isInactive)
|
49335
|
+
return;
|
49322
49336
|
onClicked({ label: label, path: path, file: currFile, description: description });
|
49323
49337
|
} },
|
49324
49338
|
React__default["default"].createElement("div", { className: 'title-param' },
|
49325
|
-
React__default["default"].createElement("div", { style: { float: 'left', margin: '0 8px 0 0' } }, !isLoading ? React__default["default"].createElement("div", { title:
|
49339
|
+
React__default["default"].createElement("div", { style: { float: 'left', margin: '0 8px 0 0' } }, !isLoading ? React__default["default"].createElement("div", { title: !isInactive
|
49340
|
+
? 'Open the viewer'
|
49341
|
+
: 'File is missing. Check run workspace' },
|
49326
49342
|
React__default["default"].createElement("span", { style: { margin: '0 8px 0 0' } }, getFileIcon(18, ((_c = (_b = path.split('/')
|
49327
49343
|
.reverse()[0]) === null || _b === void 0 ? void 0 : _b.split('.')) === null || _c === void 0 ? void 0 : _c.pop()) || '')),
|
49328
49344
|
label)
|