pollination-react-io 1.69.1 → 1.70.1
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/atoms/TextInput/TextInput.types.d.ts +1 -0
- package/build/index.esm.js +51 -42
- package/build/index.esm.js.map +1 -1
- package/build/index.js +51 -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
|
|
@@ -15793,11 +15793,11 @@ var SettingsButton = function (_a) {
|
|
|
15793
15793
|
var css_248z$d = "";
|
|
15794
15794
|
styleInject(css_248z$d);
|
|
15795
15795
|
|
|
15796
|
-
var css_248z$c = ":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.text-input {\n width: 100%;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n border: 1px solid var(--primary);\n}\n\n.text-input:hover {\n box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.text-input-disabled:hover {\n box-shadow: none;\n}\n\n.text-input input {\n width: 100%;\n color: var(--slate12);\n}\n\n.text-input input::placeholder {\n color: var(--slate10);\n}\n\n.text-input i svg {\n fill: var(--primary);\n}\n\n.text-input button,\n.text-input input {\n display: flex;\n padding: 9px 10px;\n cursor: pointer;\n float: left;\n z-index: 10;\n align-items: center;\n gap: 8px;\n border: none;\n line-height: 1.5rem;\n}\n\n.text-input button:first-child,\n.text-input input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.text-input button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left-color: #096dd9;\n}\n\n.text-input button:not(:last-child),\n.text-input input:not(:last-child) {\n border-right: none;\n}\n\n.text-input button:focus-visible,\n.text-input input:focus-visible {\n outline: none;\n}\n\n.text-input button:focus,\n.text-input input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.text-input:after {\n content: \"\";\n clear: both;\n display: table;\n}";
|
|
15796
|
+
var css_248z$c = ":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.text-input {\n width: 100%;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n border: 1px solid var(--primary);\n}\n\n.text-input:hover {\n box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.text-input-disabled:hover {\n box-shadow: none;\n}\n\n.text-input input {\n width: 100%;\n color: var(--slate12);\n}\n\n.text-input input::placeholder {\n color: var(--slate10);\n}\n\n.text-input i svg {\n fill: var(--primary);\n}\n\n.text-input button,\n.text-input textarea,\n.text-input input {\n display: flex;\n padding: 9px 10px;\n cursor: pointer;\n float: left;\n z-index: 10;\n align-items: center;\n gap: 8px;\n border: none;\n line-height: 1.5rem;\n}\n\n.text-input button:first-child,\n.text-input input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.text-input button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left-color: #096dd9;\n}\n\n.text-input button:not(:last-child),\n.text-input input:not(:last-child) {\n border-right: none;\n}\n\n.text-input textarea:not(:last-child) {\n border-right: none;\n}\n\n.text-input button:focus-visible,\n.text-input input:focus-visible {\n outline: none;\n}\n\n.text-input textarea:focus-visible {\n outline: none;\n}\n\n.text-input button:focus,\n.text-input input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.text-input:after {\n content: \"\";\n clear: both;\n display: table;\n}";
|
|
15797
15797
|
styleInject(css_248z$c);
|
|
15798
15798
|
|
|
15799
15799
|
var TextInput = function (_a) {
|
|
15800
|
-
var _b = _a.inputProps, inputProps = _b === void 0 ? { placeholder: 'Input some text...' } : _b, _c = _a.icon, icon = _c === void 0 ? React__default.createElement(CursorText$1, null) : _c, hidden = _a.hidden, style = _a.style, reset = _a.reset;
|
|
15800
|
+
var _b = _a.inputProps, inputProps = _b === void 0 ? { placeholder: 'Input some text...' } : _b, _c = _a.icon, icon = _c === void 0 ? React__default.createElement(CursorText$1, null) : _c, hidden = _a.hidden, style = _a.style, reset = _a.reset, _d = _a.asTextArea, asTextArea = _d === void 0 ? false : _d;
|
|
15801
15801
|
return (React__default.createElement("div", { className: hidden ? undefined : 'text-input', style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }) },
|
|
15802
15802
|
!hidden && icon && (React__default.createElement("i", { style: {
|
|
15803
15803
|
position: 'absolute',
|
|
@@ -15810,12 +15810,18 @@ var TextInput = function (_a) {
|
|
|
15810
15810
|
zIndex: 20,
|
|
15811
15811
|
fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
|
|
15812
15812
|
} }, icon)),
|
|
15813
|
-
React__default.createElement("input", __assign({ style: {
|
|
15813
|
+
!asTextArea && React__default.createElement("input", __assign({ style: {
|
|
15814
15814
|
paddingLeft: 34,
|
|
15815
15815
|
borderRadius: 4,
|
|
15816
15816
|
flex: 12,
|
|
15817
15817
|
width: '100%'
|
|
15818
15818
|
} }, inputProps, { type: hidden ? 'hidden' : undefined })),
|
|
15819
|
+
asTextArea && React__default.createElement("textarea", __assign({ style: {
|
|
15820
|
+
paddingLeft: 34,
|
|
15821
|
+
borderRadius: 4,
|
|
15822
|
+
flex: 12,
|
|
15823
|
+
width: '100%'
|
|
15824
|
+
} }, inputProps)),
|
|
15819
15825
|
!hidden && typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
|
|
15820
15826
|
React__default.createElement("button", { type: 'button', onClick: reset, style: {
|
|
15821
15827
|
background: 'white'
|
|
@@ -41377,7 +41383,8 @@ var ConfigureLocalRun = function (_a) {
|
|
|
41377
41383
|
return (React__default.createElement("div", { style: {
|
|
41378
41384
|
display: 'flex',
|
|
41379
41385
|
flexDirection: 'column',
|
|
41380
|
-
gap: 12
|
|
41386
|
+
gap: 12,
|
|
41387
|
+
fontSize: '12px'
|
|
41381
41388
|
} },
|
|
41382
41389
|
React__default.createElement(Label, { label: "Configure Run" },
|
|
41383
41390
|
React__default.createElement(ButtonGroup, { wrapperProps: {
|
|
@@ -44736,7 +44743,7 @@ var generateSchema = function (inputs) {
|
|
|
44736
44743
|
});
|
|
44737
44744
|
};
|
|
44738
44745
|
|
|
44739
|
-
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}";
|
|
44740
44747
|
styleInject(css_248z$8);
|
|
44741
44748
|
|
|
44742
44749
|
var host = getHost();
|
|
@@ -44922,12 +44929,12 @@ var RecipeForm = function (_a) {
|
|
|
44922
44929
|
" ",
|
|
44923
44930
|
recipe.metadata.name,
|
|
44924
44931
|
" study")),
|
|
44925
|
-
React__default.createElement("div", { className: 'cards-recipe' },
|
|
44932
|
+
React__default.createElement("div", { className: 'cards-recipe-header' },
|
|
44926
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 },
|
|
44927
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',
|
|
44928
44935
|
default: "".concat(recipe.metadata.name, " study") }); } })),
|
|
44929
44936
|
React__default.createElement(FormInput, { name: 'study-description', description: 'Study description is a optional field.', errorMessage: errors['studydescription'] ? (_c = errors['study-description']) === null || _c === void 0 ? void 0 : _c.message : undefined },
|
|
44930
|
-
React__default.createElement(TextInput, { inputProps: __assign(__assign({}, register('study-description')), { defaultValue: '' }), reset: function () { return handleReset({ name: 'study-description',
|
|
44937
|
+
React__default.createElement(TextInput, { inputProps: __assign(__assign({}, register('study-description')), { defaultValue: '' }), asTextArea: true, reset: function () { return handleReset({ name: 'study-description',
|
|
44931
44938
|
default: '' }); } })))),
|
|
44932
44939
|
React__default.createElement(Tabs, { forceRenderTabPanel: true },
|
|
44933
44940
|
React__default.createElement(TabList, { style: {
|
|
@@ -47231,7 +47238,7 @@ var JobTabs;
|
|
|
47231
47238
|
JobTabs["workspace"] = "workspace";
|
|
47232
47239
|
})(JobTabs || (JobTabs = {}));
|
|
47233
47240
|
|
|
47234
|
-
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}";
|
|
47235
47242
|
styleInject(css_248z$6);
|
|
47236
47243
|
|
|
47237
47244
|
var IconContext = /*#__PURE__*/createContext({});
|
|
@@ -48868,9 +48875,11 @@ var StudyCard = function (_a) {
|
|
|
48868
48875
|
else ;
|
|
48869
48876
|
} },
|
|
48870
48877
|
React__default.createElement("div", { className: 'item1' },
|
|
48871
|
-
React__default.createElement("a", { className: 'link', style: {
|
|
48872
|
-
|
|
48873
|
-
|
|
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' } }, "/"),
|
|
48874
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 : '--')),
|
|
48875
48884
|
React__default.createElement("div", { className: 'item2' },
|
|
48876
48885
|
React__default.createElement("div", null,
|
|
@@ -49038,9 +49047,9 @@ var formatDuration = function (duration) {
|
|
|
49038
49047
|
};
|
|
49039
49048
|
var RunCard = function (_a) {
|
|
49040
49049
|
var _b;
|
|
49041
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
49042
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client,
|
|
49043
|
-
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;
|
|
49044
49053
|
var disabled = useMemo(function () {
|
|
49045
49054
|
if (!localRun)
|
|
49046
49055
|
return;
|
|
@@ -49050,16 +49059,16 @@ var RunCard = function (_a) {
|
|
|
49050
49059
|
* Fetch run
|
|
49051
49060
|
*/
|
|
49052
49061
|
var fetchJob = useJobs(client).fetchJob;
|
|
49053
|
-
var
|
|
49054
|
-
var
|
|
49055
|
-
var
|
|
49056
|
-
var
|
|
49057
|
-
var
|
|
49058
|
-
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];
|
|
49059
49068
|
/*
|
|
49060
49069
|
* From run and stop when it is done
|
|
49061
49070
|
*/
|
|
49062
|
-
var
|
|
49071
|
+
var _7 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
|
49063
49072
|
revalidateOnFocus: false,
|
|
49064
49073
|
refreshInterval: stopRefresh ? undefined : interval,
|
|
49065
49074
|
fallbackData: localRun ? undefined : _run,
|
|
@@ -49074,7 +49083,7 @@ var RunCard = function (_a) {
|
|
|
49074
49083
|
setStopRefresh(true);
|
|
49075
49084
|
setIsReady(true);
|
|
49076
49085
|
},
|
|
49077
|
-
}), run =
|
|
49086
|
+
}), run = _7.data, error = _7.error;
|
|
49078
49087
|
var sendRun = useCallback(function (run) { return getValue(run); }, [run]);
|
|
49079
49088
|
/**
|
|
49080
49089
|
* Fetch job just one time
|
|
@@ -49098,9 +49107,9 @@ var RunCard = function (_a) {
|
|
|
49098
49107
|
return undefined;
|
|
49099
49108
|
return run.status.status;
|
|
49100
49109
|
}, [run]);
|
|
49101
|
-
var
|
|
49102
|
-
var
|
|
49103
|
-
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];
|
|
49104
49113
|
useEffect(function () {
|
|
49105
49114
|
if (!run)
|
|
49106
49115
|
return undefined;
|
|
@@ -49131,7 +49140,7 @@ var RunCard = function (_a) {
|
|
|
49131
49140
|
info: false,
|
|
49132
49141
|
settings: false,
|
|
49133
49142
|
};
|
|
49134
|
-
var
|
|
49143
|
+
var _11 = useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _11[0], setHover = _11[1];
|
|
49135
49144
|
var toggleHover = useCallback(function (id, value) {
|
|
49136
49145
|
if (value === void 0) { value = false; }
|
|
49137
49146
|
setHover(function (prevHover) {
|
|
@@ -49185,17 +49194,17 @@ var RunCard = function (_a) {
|
|
|
49185
49194
|
}
|
|
49186
49195
|
} },
|
|
49187
49196
|
React__default.createElement("div", { className: 'item1' },
|
|
49188
|
-
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) {
|
|
49189
49199
|
e.stopPropagation();
|
|
49190
|
-
if (!
|
|
49191
|
-
|
|
49192
|
-
|
|
49193
|
-
|
|
49194
|
-
|
|
49195
|
-
|
|
49196
|
-
|
|
49197
|
-
React__default.createElement("
|
|
49198
|
-
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) {
|
|
49199
49208
|
e.stopPropagation();
|
|
49200
49209
|
if (!localRun) {
|
|
49201
49210
|
if (!projectOwner)
|
|
@@ -49298,12 +49307,12 @@ var RunCard = function (_a) {
|
|
|
49298
49307
|
}
|
|
49299
49308
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
|
49300
49309
|
? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
|
|
49301
|
-
) : (study ? (
|
|
49310
|
+
) : (study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--'))),
|
|
49302
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') : '--'),
|
|
49303
49312
|
React__default.createElement("div", { className: 'item5' },
|
|
49304
49313
|
React__default.createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49305
|
-
!localRun && React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (
|
|
49306
|
-
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 })),
|
|
49307
49316
|
React__default.createElement("a", { className: 'link', onClick: function (e) {
|
|
49308
49317
|
var _a;
|
|
49309
49318
|
e.stopPropagation();
|
|
@@ -49316,8 +49325,8 @@ var RunCard = function (_a) {
|
|
|
49316
49325
|
window.location.href = "/".concat((_a = localStudy === null || localStudy === void 0 ? void 0 : localStudy.author) === null || _a === void 0 ? void 0 : _a.name);
|
|
49317
49326
|
}
|
|
49318
49327
|
}, title: 'Go to author page', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} },
|
|
49319
|
-
!localRun && run && ((
|
|
49320
|
-
localRun && localStudy && ((
|
|
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))),
|
|
49321
49330
|
React__default.createElement("div", { className: 'item6' },
|
|
49322
49331
|
React__default.createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49323
49332
|
React__default.createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
|