pollination-react-io 1.70.0 → 1.70.2
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 +45 -42
- package/build/index.esm.js.map +1 -1
- package/build/index.js +45 -42
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -15791,7 +15791,7 @@ var SettingsButton = function (_a) {
|
|
|
15791
15791
|
var onClick = _a.onClick, label = _a.label, options = _a.options, asButtons = _a.asButtons, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.triggerIcon, triggerIcon = _c === void 0 ? React__default["default"].createElement(CaretDownFill$1, null) : _c, helpText = _a.helpText, _d = _a.icon, icon = _d === void 0 ? React__default["default"].createElement(Logo, null) : _d, _e = _a.style, style = _e === void 0 ? {} : _e;
|
|
15792
15792
|
return (React__default["default"].createElement(ConditionalWrapper, { condition: typeof helpText !== 'undefined' || disabled, wrapper: function (children) { return React__default["default"].createElement(InputDescription, { helpText: disabled ? 'Enabled in Pollination CAD plugins.' : helpText }, children); } },
|
|
15793
15793
|
React__default["default"].createElement(ButtonGroup, { disabled: disabled },
|
|
15794
|
-
React__default["default"].createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: __assign(__assign({}, style), { flex: 1 }) },
|
|
15794
|
+
React__default["default"].createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: __assign(__assign({}, style), { flex: 1, fontSize: '12px' }) },
|
|
15795
15795
|
icon,
|
|
15796
15796
|
label),
|
|
15797
15797
|
options && options.length
|
|
@@ -41409,7 +41409,8 @@ var ConfigureLocalRun = function (_a) {
|
|
|
41409
41409
|
return (React__default["default"].createElement("div", { style: {
|
|
41410
41410
|
display: 'flex',
|
|
41411
41411
|
flexDirection: 'column',
|
|
41412
|
-
gap: 12
|
|
41412
|
+
gap: 12,
|
|
41413
|
+
fontSize: '12px'
|
|
41413
41414
|
} },
|
|
41414
41415
|
React__default["default"].createElement(Label, { label: "Configure Run" },
|
|
41415
41416
|
React__default["default"].createElement(ButtonGroup, { wrapperProps: {
|
|
@@ -44768,7 +44769,7 @@ var generateSchema = function (inputs) {
|
|
|
44768
44769
|
});
|
|
44769
44770
|
};
|
|
44770
44771
|
|
|
44771
|
-
var css_248z$8 = ":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.cards-recipe {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n grid-auto-rows: auto;\n grid-gap: 1rem;\n}\n\n.cards-container-recipe {\n border: 1px solid rgba(0, 0, 0, 0.125);\n padding: 10px 0 0 0;\n margin: 10px 0 0 0;\n border-radius: 6px;\n}\n\n.cards-container-title-recipe {\n margin: 0 0 10px 0;\n font-size: 17px !important;\n}";
|
|
44772
|
+
var css_248z$8 = ":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.cards-recipe {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n grid-auto-rows: auto;\n grid-gap: 1rem;\n}\n\n.cards-recipe-header {\n display: grid;\n grid-template-columns: repeat(auto-fill, 1fr);\n grid-auto-rows: auto;\n grid-gap: 0.75rem;\n}\n\n.cards-container-recipe {\n border: 1px solid rgba(0, 0, 0, 0.125);\n padding: 10px 0 0 0;\n margin: 10px 0 0 0;\n border-radius: 6px;\n}\n\n.cards-container-title-recipe {\n margin: 0 0 10px 0;\n font-size: 17px !important;\n}";
|
|
44772
44773
|
styleInject(css_248z$8);
|
|
44773
44774
|
|
|
44774
44775
|
var host = getHost();
|
|
@@ -44954,7 +44955,7 @@ var RecipeForm = function (_a) {
|
|
|
44954
44955
|
" ",
|
|
44955
44956
|
recipe.metadata.name,
|
|
44956
44957
|
" study")),
|
|
44957
|
-
React__default["default"].createElement("div", { className: 'cards-recipe' },
|
|
44958
|
+
React__default["default"].createElement("div", { className: 'cards-recipe-header' },
|
|
44958
44959
|
React__default["default"].createElement(FormInput, { name: 'study-name', description: 'Study name is a required field.', errorMessage: errors['study-name'] ? (_b = errors['study-name']) === null || _b === void 0 ? void 0 : _b.message : undefined },
|
|
44959
44960
|
React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, register('study-name')), { defaultValue: "".concat(recipe.metadata.name, " study") }), icon: localStudyWarning ? React__default["default"].createElement(ExclamationTriangle$1, null) : undefined, reset: function () { return handleReset({ name: 'study-name',
|
|
44960
44961
|
default: "".concat(recipe.metadata.name, " study") }); } })),
|
|
@@ -47263,7 +47264,7 @@ var JobTabs;
|
|
|
47263
47264
|
JobTabs["workspace"] = "workspace";
|
|
47264
47265
|
})(JobTabs || (JobTabs = {}));
|
|
47265
47266
|
|
|
47266
|
-
var css_248z$6 = ":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.item1 {\n grid-area: accountprj;\n font-size: 1rem;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item2 {\n grid-area: runworkspacedebug;\n text-align: right !important;\n font-size: 1.25rem;\n white-space: nowrap;\n}\n\n.item3 {\n grid-area: studyrun;\n font-size: 1.25rem;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item4 {\n grid-area: date;\n color: var(--slate10);\n font-size: 0.9rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: right !important;\n}\n\n.item5 {\n grid-area: author;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item6 {\n grid-area: recipe;\n white-space: wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item7 {\n grid-area: description;\n white-space: wrap;\n color: var(--slate10);\n font-size: 0.9rem;\n}\n\n.item8 {\n grid-area: status;\n font-size: 0.9rem;\n}\n\n.status-label {\n font-weight: 500;\n}\n\n.item9 {\n grid-area: time;\n text-align: right !important;\n white-space: wrap;\n}\n\n.item10 {\n grid-area: cpu;\n text-align: right !important;\n white-space: wrap;\n}\n\n.link {\n text-decoration: none;\n color: var(--primary3);\n cursor: pointer;\n}\n\n.link:hover {\n color: var(--primary3);\n}\n\n.light-text {\n color: var(--slate10);\n font-size: 0.9rem;\n}\n\n.grid-container {\n display: grid;\n grid-template-areas: \"accountprj accountprj accountprj accountprj runworkspacedebug runworkspacedebug\" \"studyrun studyrun studyrun studyrun date date\" \"author recipe recipe recipe recipe recipe\" \"status status status status cpu time\" \"description description description description description description\";\n gap: 0.35rem;\n border: 0.1rem solid;\n align-items: center;\n padding: 0.35rem;\n transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n grid-template-rows: 52px 38px 46px 46px auto;\n border-radius: 6px;\n line-height: 1.5;\n}\n\n.grid-container:hover {\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 cursor: pointer;\n}\n\n.disable-click {\n box-shadow: none !important;\n cursor: default !important;\n}\n\n.grid-container > div {\n text-align: left;\n padding: 1rem;\n vertical-align: middle;\n}\n\n.description-expander {\n all: unset;\n}\n\n.description-expander:focus {\n outline: 0 !important;\n}\n\n@media (max-width: 600px) {\n .grid-container {\n display: grid;\n grid-template-areas: \"accountprj accountprj accountprj accountprj
|
|
47267
|
+
var css_248z$6 = ":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.item1 {\n grid-area: accountprj;\n font-size: 1rem;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-top: 10px;\n}\n\n.item2 {\n grid-area: runworkspacedebug;\n text-align: right !important;\n font-size: 1.25rem;\n white-space: nowrap;\n}\n\n.item3 {\n grid-area: studyrun;\n font-size: 1.25rem;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item4 {\n grid-area: date;\n color: var(--slate10);\n font-size: 0.9rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: right !important;\n}\n\n.item5 {\n grid-area: author;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item6 {\n grid-area: recipe;\n white-space: wrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item7 {\n grid-area: description;\n white-space: wrap;\n color: var(--slate10);\n font-size: 0.9rem;\n}\n\n.item8 {\n grid-area: status;\n font-size: 0.9rem;\n}\n\n.status-label {\n font-weight: 500;\n}\n\n.item9 {\n grid-area: time;\n text-align: right !important;\n white-space: wrap;\n}\n\n.item10 {\n grid-area: cpu;\n text-align: right !important;\n white-space: wrap;\n}\n\n.link {\n text-decoration: none;\n color: var(--primary3);\n cursor: pointer;\n}\n\n.link:hover {\n color: var(--primary3);\n}\n\n.light-text {\n color: var(--slate10);\n font-size: 0.9rem;\n}\n\n.grid-container {\n display: grid;\n grid-template-areas: \"accountprj accountprj accountprj accountprj runworkspacedebug runworkspacedebug\" \"studyrun studyrun studyrun studyrun date date\" \"author recipe recipe recipe recipe recipe\" \"status status status status cpu time\" \"description description description description description description\";\n gap: 0.35rem;\n border: 0.1rem solid;\n align-items: center;\n padding: 0.35rem;\n transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n grid-template-rows: 52px 38px 46px 46px auto;\n border-radius: 6px;\n line-height: 1.5;\n}\n\n.grid-container:hover {\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 cursor: pointer;\n}\n\n.disable-click {\n box-shadow: none !important;\n cursor: default !important;\n}\n\n.grid-container > div {\n text-align: left;\n padding: 1rem;\n vertical-align: middle;\n}\n\n.description-expander {\n all: unset;\n}\n\n.description-expander:focus {\n outline: 0 !important;\n}\n\n@media (max-width: 600px) {\n .grid-container {\n display: grid;\n grid-template-areas: \"accountprj accountprj accountprj accountprj accountprj runworkspacedebug\" \"studyrun studyrun studyrun studyrun studyrun studyrun\" \"date date date date date date\" \"author author author recipe recipe recipe\" \"status status status status status status\" \"time time time cpu cpu cpu\" \"description description description description description description\";\n gap: 0.35rem;\n border: 0.1rem solid;\n align-items: center;\n padding: 0.15rem;\n transition: box-shadow 0.3s;\n grid-template-rows: 52px 52px 32px 32px 32px 32px auto;\n }\n .item1 {\n text-align: left !important;\n font-size: 0.9rem;\n }\n .item2 {\n text-align: right !important;\n font-size: 1rem;\n white-space: nowrap;\n }\n .item3, .item4 {\n text-align: center !important;\n }\n .item5 {\n font-size: 0.8rem;\n }\n .item6 {\n white-space: nowrap;\n font-size: 0.8rem;\n }\n .item7 {\n font-size: 0.8rem;\n text-align: center !important;\n }\n .item8 {\n font-size: 1rem;\n text-align: center !important;\n }\n .item9 {\n text-align: left !important;\n font-size: 1rem;\n white-space: nowrap;\n }\n .item10 {\n text-align: right !important;\n }\n .grid-container > div {\n text-align: left;\n vertical-align: middle;\n }\n}\n.blink-effect {\n animation: blinker 5s linear infinite;\n}\n\n@keyframes blinker {\n 50% {\n border: 0.1rem solid white;\n }\n}";
|
|
47267
47268
|
styleInject(css_248z$6);
|
|
47268
47269
|
|
|
47269
47270
|
var IconContext = /*#__PURE__*/React.createContext({});
|
|
@@ -48900,9 +48901,11 @@ var StudyCard = function (_a) {
|
|
|
48900
48901
|
else ;
|
|
48901
48902
|
} },
|
|
48902
48903
|
React__default["default"].createElement("div", { className: 'item1' },
|
|
48903
|
-
React__default["default"].createElement("a", { className: 'link', style: {
|
|
48904
|
-
|
|
48905
|
-
|
|
48904
|
+
React__default["default"].createElement("a", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.25rem',
|
|
48905
|
+
color: "".concat(hover.account ? '#40a9ff' : '#000') }, title: 'Go to account page', onMouseOver: function (e) { return toggleHover('account', true); }, onMouseLeave: function (e) { return toggleHover('account', false); }, href: study && "/".concat(study.owner.name) }, ((projectOwner === null || projectOwner === void 0 ? void 0 : projectOwner.length) > 20)
|
|
48906
|
+
? "".concat(projectOwner.substring(0, 20), "...")
|
|
48907
|
+
: projectOwner),
|
|
48908
|
+
React__default["default"].createElement("span", { style: { marginRight: '0.25rem' } }, "/"),
|
|
48906
48909
|
React__default["default"].createElement("a", { className: 'link', href: projectName && "/".concat(projectOwner, "/projects/").concat(projectName), title: 'Go to project page', onMouseOver: function (e) { return toggleHover('project', true); }, onMouseLeave: function (e) { return toggleHover('project', false); }, style: hover.project ? { color: '#40a9ff' } : {} }, projectName !== null && projectName !== void 0 ? projectName : '--')),
|
|
48907
48910
|
React__default["default"].createElement("div", { className: 'item2' },
|
|
48908
48911
|
React__default["default"].createElement("div", null,
|
|
@@ -49006,11 +49009,11 @@ var StudyCard = function (_a) {
|
|
|
49006
49009
|
React__default["default"].createElement("div", { className: 'item5' },
|
|
49007
49010
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49008
49011
|
React__default["default"].createElement(Avatar, { src: study ? study.author.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
|
|
49009
|
-
React__default["default"].createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', title: 'Go to author page',
|
|
49012
|
+
React__default["default"].createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', title: 'Go to author page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_h = study.author.display_name) !== null && _h !== void 0 ? _h : study.author.name) : '--')),
|
|
49010
49013
|
React__default["default"].createElement("div", { className: 'item6' },
|
|
49011
49014
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49012
49015
|
React__default["default"].createElement(Avatar, { src: study ? study.recipe.metadata.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
|
|
49013
|
-
React__default["default"].createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', title: 'Go to recipe page',
|
|
49016
|
+
React__default["default"].createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', title: 'Go to recipe page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('recipe', true); }, onMouseLeave: function (e) { return toggleHover('recipe', false); }, style: hover.recipe ? { color: '#40a9ff' } : {} }, study ? study.recipe.metadata.name : '--'),
|
|
49014
49017
|
study && React__default["default"].createElement("span", { className: 'light-text' },
|
|
49015
49018
|
" ",
|
|
49016
49019
|
study.recipe.metadata.tag)),
|
|
@@ -49070,9 +49073,9 @@ var formatDuration = function (duration) {
|
|
|
49070
49073
|
};
|
|
49071
49074
|
var RunCard = function (_a) {
|
|
49072
49075
|
var _b;
|
|
49073
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
49074
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client,
|
|
49075
|
-
var
|
|
49076
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
49077
|
+
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client, _r = _a.enableClick, enableClick = _r === void 0 ? true : _r, _s = _a.style, style = _s === void 0 ? {} : _s, _t = _a.getTab, getTab = _t === void 0 ? function (tab) { return undefined; } : _t, _u = _a.defaultTab, defaultTab = _u === void 0 ? RunTabs.details : _u, _v = _a.getValue, getValue = _v === void 0 ? function (run) { return undefined; } : _v, _w = _a.interval, interval = _w === void 0 ? 5000 : _w, _x = _a.canWrite, canWrite = _x === void 0 ? false : _x, _y = _a.localRun, localRun = _y === void 0 ? false : _y, _z = _a.loaderNode, loaderNode = _z === void 0 ? undefined : _z;
|
|
49078
|
+
var _0 = usePollinationPanel(), fetchLocalRun = _0.fetchLocalRun, fetchLocalJob = _0.fetchLocalJob, fileExplorer = _0.fileExplorer, deleteJob = _0.deleteJob;
|
|
49076
49079
|
var disabled = React.useMemo(function () {
|
|
49077
49080
|
if (!localRun)
|
|
49078
49081
|
return;
|
|
@@ -49082,16 +49085,16 @@ var RunCard = function (_a) {
|
|
|
49082
49085
|
* Fetch run
|
|
49083
49086
|
*/
|
|
49084
49087
|
var fetchJob = useJobs(client).fetchJob;
|
|
49085
|
-
var
|
|
49086
|
-
var
|
|
49087
|
-
var
|
|
49088
|
-
var
|
|
49089
|
-
var
|
|
49090
|
-
var
|
|
49088
|
+
var _1 = useRuns(client), fetchRun = _1.fetchRun, statusMap = _1.statusMap, getDuration = _1.getDuration, cancelRun = _1.cancelRun;
|
|
49089
|
+
var _2 = useWindowDimensions(), width = _2.width; _2.height;
|
|
49090
|
+
var _3 = React.useState(false), seeDescription = _3[0], setSeeDescription = _3[1];
|
|
49091
|
+
var _4 = React.useState(false), seeAction = _4[0], setSeeAction = _4[1];
|
|
49092
|
+
var _5 = React.useState(false), stopRefresh = _5[0], setStopRefresh = _5[1];
|
|
49093
|
+
var _6 = React.useState(false), isReady = _6[0], setIsReady = _6[1];
|
|
49091
49094
|
/*
|
|
49092
49095
|
* From run and stop when it is done
|
|
49093
49096
|
*/
|
|
49094
|
-
var
|
|
49097
|
+
var _7 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
|
49095
49098
|
revalidateOnFocus: false,
|
|
49096
49099
|
refreshInterval: stopRefresh ? undefined : interval,
|
|
49097
49100
|
fallbackData: localRun ? undefined : _run,
|
|
@@ -49106,7 +49109,7 @@ var RunCard = function (_a) {
|
|
|
49106
49109
|
setStopRefresh(true);
|
|
49107
49110
|
setIsReady(true);
|
|
49108
49111
|
},
|
|
49109
|
-
}), run =
|
|
49112
|
+
}), run = _7.data, error = _7.error;
|
|
49110
49113
|
var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
|
|
49111
49114
|
/**
|
|
49112
49115
|
* Fetch job just one time
|
|
@@ -49130,9 +49133,9 @@ var RunCard = function (_a) {
|
|
|
49130
49133
|
return undefined;
|
|
49131
49134
|
return run.status.status;
|
|
49132
49135
|
}, [run]);
|
|
49133
|
-
var
|
|
49134
|
-
var
|
|
49135
|
-
var
|
|
49136
|
+
var _8 = React.useState(), study = _8[0], setStudy = _8[1];
|
|
49137
|
+
var _9 = React.useState(), localStudy = _9[0], setLocalStudy = _9[1];
|
|
49138
|
+
var _10 = React.useState(getDuration(run)), duration = _10[0], setDuration = _10[1];
|
|
49136
49139
|
React.useEffect(function () {
|
|
49137
49140
|
if (!run)
|
|
49138
49141
|
return undefined;
|
|
@@ -49163,7 +49166,7 @@ var RunCard = function (_a) {
|
|
|
49163
49166
|
info: false,
|
|
49164
49167
|
settings: false,
|
|
49165
49168
|
};
|
|
49166
|
-
var
|
|
49169
|
+
var _11 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _11[0], setHover = _11[1];
|
|
49167
49170
|
var toggleHover = React.useCallback(function (id, value) {
|
|
49168
49171
|
if (value === void 0) { value = false; }
|
|
49169
49172
|
setHover(function (prevHover) {
|
|
@@ -49217,17 +49220,17 @@ var RunCard = function (_a) {
|
|
|
49217
49220
|
}
|
|
49218
49221
|
} },
|
|
49219
49222
|
React__default["default"].createElement("div", { className: 'item1' },
|
|
49220
|
-
React__default["default"].createElement("
|
|
49223
|
+
React__default["default"].createElement("a", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.25rem',
|
|
49224
|
+
color: "".concat(hover.account ? '#40a9ff' : '#000') }, title: 'Go to account page', onMouseOver: function (e) { return toggleHover('account', true); }, onMouseLeave: function (e) { return toggleHover('account', false); }, onClick: function (e) {
|
|
49221
49225
|
e.stopPropagation();
|
|
49222
|
-
if (!
|
|
49223
|
-
|
|
49224
|
-
|
|
49225
|
-
|
|
49226
|
-
|
|
49227
|
-
|
|
49228
|
-
|
|
49229
|
-
React__default["default"].createElement("
|
|
49230
|
-
React__default["default"].createElement("button", { className: 'link', title: 'Go to project page', onMouseOver: function (e) { return toggleHover('project', true); }, onMouseLeave: function (e) { return toggleHover('project', false); }, onClick: function (e) {
|
|
49226
|
+
if (!run)
|
|
49227
|
+
return;
|
|
49228
|
+
window.location.href = "/".concat(projectOwner);
|
|
49229
|
+
} }, ((projectOwner === null || projectOwner === void 0 ? void 0 : projectOwner.length) > 20)
|
|
49230
|
+
? "".concat(projectOwner.substring(0, 20), "...")
|
|
49231
|
+
: projectOwner),
|
|
49232
|
+
React__default["default"].createElement("span", { style: { marginRight: '0.25rem' } }, "/"),
|
|
49233
|
+
React__default["default"].createElement("a", { className: 'link', title: 'Go to project page', onMouseOver: function (e) { return toggleHover('project', true); }, onMouseLeave: function (e) { return toggleHover('project', false); }, onClick: function (e) {
|
|
49231
49234
|
e.stopPropagation();
|
|
49232
49235
|
if (!localRun) {
|
|
49233
49236
|
if (!projectOwner)
|
|
@@ -49330,12 +49333,12 @@ var RunCard = function (_a) {
|
|
|
49330
49333
|
}
|
|
49331
49334
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
|
49332
49335
|
? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
|
|
49333
|
-
) : (study ? (
|
|
49336
|
+
) : (study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--'))),
|
|
49334
49337
|
React__default["default"].createElement("div", { className: 'item4', title: run && dayjs_min(run.status.started_at).format('[on] MMM DD YYYY [at] hh:mm') }, run ? dayjs_min(run.status.started_at).format('[on] MMM DD YYYY') : '--'),
|
|
49335
49338
|
React__default["default"].createElement("div", { className: 'item5' },
|
|
49336
49339
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49337
|
-
!localRun && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (
|
|
49338
|
-
localRun && run && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: (localStudy && (localStudy === null || localStudy === void 0 ? void 0 : localStudy.author)) ? (
|
|
49340
|
+
!localRun && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (_h = run.author) === null || _h === void 0 ? void 0 : _h.picture_url : '', size: 24 }),
|
|
49341
|
+
localRun && run && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: (localStudy && (localStudy === null || localStudy === void 0 ? void 0 : localStudy.author)) ? (_j = localStudy.author) === null || _j === void 0 ? void 0 : _j.picture_url : (_k = run.author) === null || _k === void 0 ? void 0 : _k.picture_url, size: 24 })),
|
|
49339
49342
|
React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
|
|
49340
49343
|
var _a;
|
|
49341
49344
|
e.stopPropagation();
|
|
@@ -49347,9 +49350,9 @@ var RunCard = function (_a) {
|
|
|
49347
49350
|
else {
|
|
49348
49351
|
window.location.href = "/".concat((_a = localStudy === null || localStudy === void 0 ? void 0 : localStudy.author) === null || _a === void 0 ? void 0 : _a.name);
|
|
49349
49352
|
}
|
|
49350
|
-
}, title: 'Go to author page',
|
|
49351
|
-
!localRun && run && ((
|
|
49352
|
-
localRun && localStudy && ((
|
|
49353
|
+
}, title: 'Go to author page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} },
|
|
49354
|
+
!localRun && run && ((_m = (_l = run.author) === null || _l === void 0 ? void 0 : _l.display_name) !== null && _m !== void 0 ? _m : (_o = run.author) === null || _o === void 0 ? void 0 : _o.name),
|
|
49355
|
+
localRun && localStudy && ((_q = (_p = localStudy.author) === null || _p === void 0 ? void 0 : _p.display_name) !== null && _q !== void 0 ? _q : run.author.display_name))),
|
|
49353
49356
|
React__default["default"].createElement("div", { className: 'item6' },
|
|
49354
49357
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49355
49358
|
React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
|
|
@@ -49360,7 +49363,7 @@ var RunCard = function (_a) {
|
|
|
49360
49363
|
return;
|
|
49361
49364
|
window.location.href = recipeLinkFromSource(run.recipe.source);
|
|
49362
49365
|
}
|
|
49363
|
-
}, title: 'Go to recipe page',
|
|
49366
|
+
}, title: 'Go to recipe page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('recipe', true); }, onMouseLeave: function (e) { return toggleHover('recipe', false); }, style: hover.recipe ? { color: '#40a9ff' } : {} }, run ? run.recipe.metadata.name : '--'),
|
|
49364
49367
|
run && React__default["default"].createElement("span", { className: 'light-text' },
|
|
49365
49368
|
" ",
|
|
49366
49369
|
run.recipe.metadata.tag)),
|