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.esm.js
CHANGED
|
@@ -15765,7 +15765,7 @@ var SettingsButton = function (_a) {
|
|
|
15765
15765
|
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.createElement(CaretDownFill$1, null) : _c, helpText = _a.helpText, _d = _a.icon, icon = _d === void 0 ? React__default.createElement(Logo, null) : _d, _e = _a.style, style = _e === void 0 ? {} : _e;
|
|
15766
15766
|
return (React__default.createElement(ConditionalWrapper, { condition: typeof helpText !== 'undefined' || disabled, wrapper: function (children) { return React__default.createElement(InputDescription, { helpText: disabled ? 'Enabled in Pollination CAD plugins.' : helpText }, children); } },
|
|
15767
15767
|
React__default.createElement(ButtonGroup, { disabled: disabled },
|
|
15768
|
-
React__default.createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: __assign(__assign({}, style), { flex: 1 }) },
|
|
15768
|
+
React__default.createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: __assign(__assign({}, style), { flex: 1, fontSize: '12px' }) },
|
|
15769
15769
|
icon,
|
|
15770
15770
|
label),
|
|
15771
15771
|
options && options.length
|
|
@@ -41383,7 +41383,8 @@ var ConfigureLocalRun = function (_a) {
|
|
|
41383
41383
|
return (React__default.createElement("div", { style: {
|
|
41384
41384
|
display: 'flex',
|
|
41385
41385
|
flexDirection: 'column',
|
|
41386
|
-
gap: 12
|
|
41386
|
+
gap: 12,
|
|
41387
|
+
fontSize: '12px'
|
|
41387
41388
|
} },
|
|
41388
41389
|
React__default.createElement(Label, { label: "Configure Run" },
|
|
41389
41390
|
React__default.createElement(ButtonGroup, { wrapperProps: {
|
|
@@ -44742,7 +44743,7 @@ var generateSchema = function (inputs) {
|
|
|
44742
44743
|
});
|
|
44743
44744
|
};
|
|
44744
44745
|
|
|
44745
|
-
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}";
|
|
44746
|
+
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}";
|
|
44746
44747
|
styleInject(css_248z$8);
|
|
44747
44748
|
|
|
44748
44749
|
var host = getHost();
|
|
@@ -44928,7 +44929,7 @@ var RecipeForm = function (_a) {
|
|
|
44928
44929
|
" ",
|
|
44929
44930
|
recipe.metadata.name,
|
|
44930
44931
|
" study")),
|
|
44931
|
-
React__default.createElement("div", { className: 'cards-recipe' },
|
|
44932
|
+
React__default.createElement("div", { className: 'cards-recipe-header' },
|
|
44932
44933
|
React__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 },
|
|
44933
44934
|
React__default.createElement(TextInput, { inputProps: __assign(__assign({}, register('study-name')), { defaultValue: "".concat(recipe.metadata.name, " study") }), icon: localStudyWarning ? React__default.createElement(ExclamationTriangle$1, null) : undefined, reset: function () { return handleReset({ name: 'study-name',
|
|
44934
44935
|
default: "".concat(recipe.metadata.name, " study") }); } })),
|
|
@@ -47237,7 +47238,7 @@ var JobTabs;
|
|
|
47237
47238
|
JobTabs["workspace"] = "workspace";
|
|
47238
47239
|
})(JobTabs || (JobTabs = {}));
|
|
47239
47240
|
|
|
47240
|
-
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
|
|
47241
|
+
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}";
|
|
47241
47242
|
styleInject(css_248z$6);
|
|
47242
47243
|
|
|
47243
47244
|
var IconContext = /*#__PURE__*/createContext({});
|
|
@@ -48874,9 +48875,11 @@ var StudyCard = function (_a) {
|
|
|
48874
48875
|
else ;
|
|
48875
48876
|
} },
|
|
48876
48877
|
React__default.createElement("div", { className: 'item1' },
|
|
48877
|
-
React__default.createElement("a", { className: 'link', style: {
|
|
48878
|
-
|
|
48879
|
-
|
|
48878
|
+
React__default.createElement("a", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.25rem',
|
|
48879
|
+
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)
|
|
48880
|
+
? "".concat(projectOwner.substring(0, 20), "...")
|
|
48881
|
+
: projectOwner),
|
|
48882
|
+
React__default.createElement("span", { style: { marginRight: '0.25rem' } }, "/"),
|
|
48880
48883
|
React__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 : '--')),
|
|
48881
48884
|
React__default.createElement("div", { className: 'item2' },
|
|
48882
48885
|
React__default.createElement("div", null,
|
|
@@ -48980,11 +48983,11 @@ var StudyCard = function (_a) {
|
|
|
48980
48983
|
React__default.createElement("div", { className: 'item5' },
|
|
48981
48984
|
React__default.createElement("span", { style: { marginRight: '0.75rem' } },
|
|
48982
48985
|
React__default.createElement(Avatar, { src: study ? study.author.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
|
|
48983
|
-
React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', title: 'Go to author page',
|
|
48986
|
+
React__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) : '--')),
|
|
48984
48987
|
React__default.createElement("div", { className: 'item6' },
|
|
48985
48988
|
React__default.createElement("span", { style: { marginRight: '0.75rem' } },
|
|
48986
48989
|
React__default.createElement(Avatar, { src: study ? study.recipe.metadata.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
|
|
48987
|
-
React__default.createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', title: 'Go to recipe page',
|
|
48990
|
+
React__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 : '--'),
|
|
48988
48991
|
study && React__default.createElement("span", { className: 'light-text' },
|
|
48989
48992
|
" ",
|
|
48990
48993
|
study.recipe.metadata.tag)),
|
|
@@ -49044,9 +49047,9 @@ var formatDuration = function (duration) {
|
|
|
49044
49047
|
};
|
|
49045
49048
|
var RunCard = function (_a) {
|
|
49046
49049
|
var _b;
|
|
49047
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
49048
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client,
|
|
49049
|
-
var
|
|
49050
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
49051
|
+
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;
|
|
49052
|
+
var _0 = usePollinationPanel(), fetchLocalRun = _0.fetchLocalRun, fetchLocalJob = _0.fetchLocalJob, fileExplorer = _0.fileExplorer, deleteJob = _0.deleteJob;
|
|
49050
49053
|
var disabled = useMemo(function () {
|
|
49051
49054
|
if (!localRun)
|
|
49052
49055
|
return;
|
|
@@ -49056,16 +49059,16 @@ var RunCard = function (_a) {
|
|
|
49056
49059
|
* Fetch run
|
|
49057
49060
|
*/
|
|
49058
49061
|
var fetchJob = useJobs(client).fetchJob;
|
|
49059
|
-
var
|
|
49060
|
-
var
|
|
49061
|
-
var
|
|
49062
|
-
var
|
|
49063
|
-
var
|
|
49064
|
-
var
|
|
49062
|
+
var _1 = useRuns(client), fetchRun = _1.fetchRun, statusMap = _1.statusMap, getDuration = _1.getDuration, cancelRun = _1.cancelRun;
|
|
49063
|
+
var _2 = useWindowDimensions(), width = _2.width; _2.height;
|
|
49064
|
+
var _3 = useState(false), seeDescription = _3[0], setSeeDescription = _3[1];
|
|
49065
|
+
var _4 = useState(false), seeAction = _4[0], setSeeAction = _4[1];
|
|
49066
|
+
var _5 = useState(false), stopRefresh = _5[0], setStopRefresh = _5[1];
|
|
49067
|
+
var _6 = useState(false), isReady = _6[0], setIsReady = _6[1];
|
|
49065
49068
|
/*
|
|
49066
49069
|
* From run and stop when it is done
|
|
49067
49070
|
*/
|
|
49068
|
-
var
|
|
49071
|
+
var _7 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
|
49069
49072
|
revalidateOnFocus: false,
|
|
49070
49073
|
refreshInterval: stopRefresh ? undefined : interval,
|
|
49071
49074
|
fallbackData: localRun ? undefined : _run,
|
|
@@ -49080,7 +49083,7 @@ var RunCard = function (_a) {
|
|
|
49080
49083
|
setStopRefresh(true);
|
|
49081
49084
|
setIsReady(true);
|
|
49082
49085
|
},
|
|
49083
|
-
}), run =
|
|
49086
|
+
}), run = _7.data, error = _7.error;
|
|
49084
49087
|
var sendRun = useCallback(function (run) { return getValue(run); }, [run]);
|
|
49085
49088
|
/**
|
|
49086
49089
|
* Fetch job just one time
|
|
@@ -49104,9 +49107,9 @@ var RunCard = function (_a) {
|
|
|
49104
49107
|
return undefined;
|
|
49105
49108
|
return run.status.status;
|
|
49106
49109
|
}, [run]);
|
|
49107
|
-
var
|
|
49108
|
-
var
|
|
49109
|
-
var
|
|
49110
|
+
var _8 = useState(), study = _8[0], setStudy = _8[1];
|
|
49111
|
+
var _9 = useState(), localStudy = _9[0], setLocalStudy = _9[1];
|
|
49112
|
+
var _10 = useState(getDuration(run)), duration = _10[0], setDuration = _10[1];
|
|
49110
49113
|
useEffect(function () {
|
|
49111
49114
|
if (!run)
|
|
49112
49115
|
return undefined;
|
|
@@ -49137,7 +49140,7 @@ var RunCard = function (_a) {
|
|
|
49137
49140
|
info: false,
|
|
49138
49141
|
settings: false,
|
|
49139
49142
|
};
|
|
49140
|
-
var
|
|
49143
|
+
var _11 = useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _11[0], setHover = _11[1];
|
|
49141
49144
|
var toggleHover = useCallback(function (id, value) {
|
|
49142
49145
|
if (value === void 0) { value = false; }
|
|
49143
49146
|
setHover(function (prevHover) {
|
|
@@ -49191,17 +49194,17 @@ var RunCard = function (_a) {
|
|
|
49191
49194
|
}
|
|
49192
49195
|
} },
|
|
49193
49196
|
React__default.createElement("div", { className: 'item1' },
|
|
49194
|
-
React__default.createElement("
|
|
49197
|
+
React__default.createElement("a", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.25rem',
|
|
49198
|
+
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) {
|
|
49195
49199
|
e.stopPropagation();
|
|
49196
|
-
if (!
|
|
49197
|
-
|
|
49198
|
-
|
|
49199
|
-
|
|
49200
|
-
|
|
49201
|
-
|
|
49202
|
-
|
|
49203
|
-
React__default.createElement("
|
|
49204
|
-
React__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) {
|
|
49200
|
+
if (!run)
|
|
49201
|
+
return;
|
|
49202
|
+
window.location.href = "/".concat(projectOwner);
|
|
49203
|
+
} }, ((projectOwner === null || projectOwner === void 0 ? void 0 : projectOwner.length) > 20)
|
|
49204
|
+
? "".concat(projectOwner.substring(0, 20), "...")
|
|
49205
|
+
: projectOwner),
|
|
49206
|
+
React__default.createElement("span", { style: { marginRight: '0.25rem' } }, "/"),
|
|
49207
|
+
React__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) {
|
|
49205
49208
|
e.stopPropagation();
|
|
49206
49209
|
if (!localRun) {
|
|
49207
49210
|
if (!projectOwner)
|
|
@@ -49304,12 +49307,12 @@ var RunCard = function (_a) {
|
|
|
49304
49307
|
}
|
|
49305
49308
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
|
49306
49309
|
? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
|
|
49307
|
-
) : (study ? (
|
|
49310
|
+
) : (study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--'))),
|
|
49308
49311
|
React__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') : '--'),
|
|
49309
49312
|
React__default.createElement("div", { className: 'item5' },
|
|
49310
49313
|
React__default.createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49311
|
-
!localRun && React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (
|
|
49312
|
-
localRun && run && React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: (localStudy && (localStudy === null || localStudy === void 0 ? void 0 : localStudy.author)) ? (
|
|
49314
|
+
!localRun && React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (_h = run.author) === null || _h === void 0 ? void 0 : _h.picture_url : '', size: 24 }),
|
|
49315
|
+
localRun && run && React__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 })),
|
|
49313
49316
|
React__default.createElement("a", { className: 'link', onClick: function (e) {
|
|
49314
49317
|
var _a;
|
|
49315
49318
|
e.stopPropagation();
|
|
@@ -49321,9 +49324,9 @@ var RunCard = function (_a) {
|
|
|
49321
49324
|
else {
|
|
49322
49325
|
window.location.href = "/".concat((_a = localStudy === null || localStudy === void 0 ? void 0 : localStudy.author) === null || _a === void 0 ? void 0 : _a.name);
|
|
49323
49326
|
}
|
|
49324
|
-
}, title: 'Go to author page',
|
|
49325
|
-
!localRun && run && ((
|
|
49326
|
-
localRun && localStudy && ((
|
|
49327
|
+
}, 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' } : {} },
|
|
49328
|
+
!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),
|
|
49329
|
+
localRun && localStudy && ((_q = (_p = localStudy.author) === null || _p === void 0 ? void 0 : _p.display_name) !== null && _q !== void 0 ? _q : run.author.display_name))),
|
|
49327
49330
|
React__default.createElement("div", { className: 'item6' },
|
|
49328
49331
|
React__default.createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49329
49332
|
React__default.createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
|
|
@@ -49334,7 +49337,7 @@ var RunCard = function (_a) {
|
|
|
49334
49337
|
return;
|
|
49335
49338
|
window.location.href = recipeLinkFromSource(run.recipe.source);
|
|
49336
49339
|
}
|
|
49337
|
-
}, title: 'Go to recipe page',
|
|
49340
|
+
}, 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 : '--'),
|
|
49338
49341
|
run && React__default.createElement("span", { className: 'light-text' },
|
|
49339
49342
|
" ",
|
|
49340
49343
|
run.recipe.metadata.tag)),
|