pollination-react-io 1.53.3 → 1.53.4

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.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 _g = React.useState(), CADdata = _g[0], setCADdata = _g[1];
49252
+ var _h = React.useState(), CADdata = _h[0], setCADdata = _h[1];
49252
49253
  // File to send to parent
49253
- var _h = React.useState(), currFile = _h[0], setCurrFile = _h[1];
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 (response) { return response.blob()
49301
- .then(function (blob) {
49302
- setCurrFile(blob);
49303
- setCADintegration(blob);
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: 'card-param card-folder', tabIndex: 0, role: 'button', key: label, onClick: function (event) {
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: 'Open the viewer' },
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 preview disabled. Download the output from 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)