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.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
|
|
@@ -15819,11 +15819,11 @@ var SettingsButton = function (_a) {
|
|
|
15819
15819
|
var css_248z$d = "";
|
|
15820
15820
|
styleInject(css_248z$d);
|
|
15821
15821
|
|
|
15822
|
-
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}";
|
|
15822
|
+
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}";
|
|
15823
15823
|
styleInject(css_248z$c);
|
|
15824
15824
|
|
|
15825
15825
|
var TextInput = function (_a) {
|
|
15826
|
-
var _b = _a.inputProps, inputProps = _b === void 0 ? { placeholder: 'Input some text...' } : _b, _c = _a.icon, icon = _c === void 0 ? React__default["default"].createElement(CursorText$1, null) : _c, hidden = _a.hidden, style = _a.style, reset = _a.reset;
|
|
15826
|
+
var _b = _a.inputProps, inputProps = _b === void 0 ? { placeholder: 'Input some text...' } : _b, _c = _a.icon, icon = _c === void 0 ? React__default["default"].createElement(CursorText$1, null) : _c, hidden = _a.hidden, style = _a.style, reset = _a.reset, _d = _a.asTextArea, asTextArea = _d === void 0 ? false : _d;
|
|
15827
15827
|
return (React__default["default"].createElement("div", { className: hidden ? undefined : 'text-input', style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }) },
|
|
15828
15828
|
!hidden && icon && (React__default["default"].createElement("i", { style: {
|
|
15829
15829
|
position: 'absolute',
|
|
@@ -15836,12 +15836,18 @@ var TextInput = function (_a) {
|
|
|
15836
15836
|
zIndex: 20,
|
|
15837
15837
|
fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
|
|
15838
15838
|
} }, icon)),
|
|
15839
|
-
React__default["default"].createElement("input", __assign({ style: {
|
|
15839
|
+
!asTextArea && React__default["default"].createElement("input", __assign({ style: {
|
|
15840
15840
|
paddingLeft: 34,
|
|
15841
15841
|
borderRadius: 4,
|
|
15842
15842
|
flex: 12,
|
|
15843
15843
|
width: '100%'
|
|
15844
15844
|
} }, inputProps, { type: hidden ? 'hidden' : undefined })),
|
|
15845
|
+
asTextArea && React__default["default"].createElement("textarea", __assign({ style: {
|
|
15846
|
+
paddingLeft: 34,
|
|
15847
|
+
borderRadius: 4,
|
|
15848
|
+
flex: 12,
|
|
15849
|
+
width: '100%'
|
|
15850
|
+
} }, inputProps)),
|
|
15845
15851
|
!hidden && typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
|
|
15846
15852
|
React__default["default"].createElement("button", { type: 'button', onClick: reset, style: {
|
|
15847
15853
|
background: 'white'
|
|
@@ -41403,7 +41409,8 @@ var ConfigureLocalRun = function (_a) {
|
|
|
41403
41409
|
return (React__default["default"].createElement("div", { style: {
|
|
41404
41410
|
display: 'flex',
|
|
41405
41411
|
flexDirection: 'column',
|
|
41406
|
-
gap: 12
|
|
41412
|
+
gap: 12,
|
|
41413
|
+
fontSize: '12px'
|
|
41407
41414
|
} },
|
|
41408
41415
|
React__default["default"].createElement(Label, { label: "Configure Run" },
|
|
41409
41416
|
React__default["default"].createElement(ButtonGroup, { wrapperProps: {
|
|
@@ -44762,7 +44769,7 @@ var generateSchema = function (inputs) {
|
|
|
44762
44769
|
});
|
|
44763
44770
|
};
|
|
44764
44771
|
|
|
44765
|
-
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}";
|
|
44766
44773
|
styleInject(css_248z$8);
|
|
44767
44774
|
|
|
44768
44775
|
var host = getHost();
|
|
@@ -44948,12 +44955,12 @@ var RecipeForm = function (_a) {
|
|
|
44948
44955
|
" ",
|
|
44949
44956
|
recipe.metadata.name,
|
|
44950
44957
|
" study")),
|
|
44951
|
-
React__default["default"].createElement("div", { className: 'cards-recipe' },
|
|
44958
|
+
React__default["default"].createElement("div", { className: 'cards-recipe-header' },
|
|
44952
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 },
|
|
44953
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',
|
|
44954
44961
|
default: "".concat(recipe.metadata.name, " study") }); } })),
|
|
44955
44962
|
React__default["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 },
|
|
44956
|
-
React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, register('study-description')), { defaultValue: '' }), reset: function () { return handleReset({ name: 'study-description',
|
|
44963
|
+
React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, register('study-description')), { defaultValue: '' }), asTextArea: true, reset: function () { return handleReset({ name: 'study-description',
|
|
44957
44964
|
default: '' }); } })))),
|
|
44958
44965
|
React__default["default"].createElement(Tabs, { forceRenderTabPanel: true },
|
|
44959
44966
|
React__default["default"].createElement(TabList, { style: {
|
|
@@ -47257,7 +47264,7 @@ var JobTabs;
|
|
|
47257
47264
|
JobTabs["workspace"] = "workspace";
|
|
47258
47265
|
})(JobTabs || (JobTabs = {}));
|
|
47259
47266
|
|
|
47260
|
-
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}";
|
|
47261
47268
|
styleInject(css_248z$6);
|
|
47262
47269
|
|
|
47263
47270
|
var IconContext = /*#__PURE__*/React.createContext({});
|
|
@@ -48894,9 +48901,11 @@ var StudyCard = function (_a) {
|
|
|
48894
48901
|
else ;
|
|
48895
48902
|
} },
|
|
48896
48903
|
React__default["default"].createElement("div", { className: 'item1' },
|
|
48897
|
-
React__default["default"].createElement("a", { className: 'link', style: {
|
|
48898
|
-
|
|
48899
|
-
|
|
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' } }, "/"),
|
|
48900
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 : '--')),
|
|
48901
48910
|
React__default["default"].createElement("div", { className: 'item2' },
|
|
48902
48911
|
React__default["default"].createElement("div", null,
|
|
@@ -49064,9 +49073,9 @@ var formatDuration = function (duration) {
|
|
|
49064
49073
|
};
|
|
49065
49074
|
var RunCard = function (_a) {
|
|
49066
49075
|
var _b;
|
|
49067
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
49068
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client,
|
|
49069
|
-
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;
|
|
49070
49079
|
var disabled = React.useMemo(function () {
|
|
49071
49080
|
if (!localRun)
|
|
49072
49081
|
return;
|
|
@@ -49076,16 +49085,16 @@ var RunCard = function (_a) {
|
|
|
49076
49085
|
* Fetch run
|
|
49077
49086
|
*/
|
|
49078
49087
|
var fetchJob = useJobs(client).fetchJob;
|
|
49079
|
-
var
|
|
49080
|
-
var
|
|
49081
|
-
var
|
|
49082
|
-
var
|
|
49083
|
-
var
|
|
49084
|
-
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];
|
|
49085
49094
|
/*
|
|
49086
49095
|
* From run and stop when it is done
|
|
49087
49096
|
*/
|
|
49088
|
-
var
|
|
49097
|
+
var _7 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
|
49089
49098
|
revalidateOnFocus: false,
|
|
49090
49099
|
refreshInterval: stopRefresh ? undefined : interval,
|
|
49091
49100
|
fallbackData: localRun ? undefined : _run,
|
|
@@ -49100,7 +49109,7 @@ var RunCard = function (_a) {
|
|
|
49100
49109
|
setStopRefresh(true);
|
|
49101
49110
|
setIsReady(true);
|
|
49102
49111
|
},
|
|
49103
|
-
}), run =
|
|
49112
|
+
}), run = _7.data, error = _7.error;
|
|
49104
49113
|
var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
|
|
49105
49114
|
/**
|
|
49106
49115
|
* Fetch job just one time
|
|
@@ -49124,9 +49133,9 @@ var RunCard = function (_a) {
|
|
|
49124
49133
|
return undefined;
|
|
49125
49134
|
return run.status.status;
|
|
49126
49135
|
}, [run]);
|
|
49127
|
-
var
|
|
49128
|
-
var
|
|
49129
|
-
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];
|
|
49130
49139
|
React.useEffect(function () {
|
|
49131
49140
|
if (!run)
|
|
49132
49141
|
return undefined;
|
|
@@ -49157,7 +49166,7 @@ var RunCard = function (_a) {
|
|
|
49157
49166
|
info: false,
|
|
49158
49167
|
settings: false,
|
|
49159
49168
|
};
|
|
49160
|
-
var
|
|
49169
|
+
var _11 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _11[0], setHover = _11[1];
|
|
49161
49170
|
var toggleHover = React.useCallback(function (id, value) {
|
|
49162
49171
|
if (value === void 0) { value = false; }
|
|
49163
49172
|
setHover(function (prevHover) {
|
|
@@ -49211,17 +49220,17 @@ var RunCard = function (_a) {
|
|
|
49211
49220
|
}
|
|
49212
49221
|
} },
|
|
49213
49222
|
React__default["default"].createElement("div", { className: 'item1' },
|
|
49214
|
-
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) {
|
|
49215
49225
|
e.stopPropagation();
|
|
49216
|
-
if (!
|
|
49217
|
-
|
|
49218
|
-
|
|
49219
|
-
|
|
49220
|
-
|
|
49221
|
-
|
|
49222
|
-
|
|
49223
|
-
React__default["default"].createElement("
|
|
49224
|
-
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) {
|
|
49225
49234
|
e.stopPropagation();
|
|
49226
49235
|
if (!localRun) {
|
|
49227
49236
|
if (!projectOwner)
|
|
@@ -49324,12 +49333,12 @@ var RunCard = function (_a) {
|
|
|
49324
49333
|
}
|
|
49325
49334
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
|
49326
49335
|
? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
|
|
49327
|
-
) : (study ? (
|
|
49336
|
+
) : (study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--'))),
|
|
49328
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') : '--'),
|
|
49329
49338
|
React__default["default"].createElement("div", { className: 'item5' },
|
|
49330
49339
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49331
|
-
!localRun && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (
|
|
49332
|
-
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 })),
|
|
49333
49342
|
React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
|
|
49334
49343
|
var _a;
|
|
49335
49344
|
e.stopPropagation();
|
|
@@ -49342,8 +49351,8 @@ var RunCard = function (_a) {
|
|
|
49342
49351
|
window.location.href = "/".concat((_a = localStudy === null || localStudy === void 0 ? void 0 : localStudy.author) === null || _a === void 0 ? void 0 : _a.name);
|
|
49343
49352
|
}
|
|
49344
49353
|
}, 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' } : {} },
|
|
49345
|
-
!localRun && run && ((
|
|
49346
|
-
localRun && localStudy && ((
|
|
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))),
|
|
49347
49356
|
React__default["default"].createElement("div", { className: 'item6' },
|
|
49348
49357
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
49349
49358
|
React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
|