pollination-react-io 1.7.1 → 1.7.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/README.md +0 -17
- package/build/AuthUser/AuthUser.d.ts +0 -1
- package/build/RecipeInputsForm/RecipeInputsForm.d.ts +0 -1
- package/build/RecipeInputsForm/RecipeInputsForm.types.d.ts +2 -0
- package/build/RunCommand/RunCommand.d.ts +0 -1
- package/build/SelectAccount/SelectAccount.d.ts +0 -2
- package/build/SelectProject/SelectProject.d.ts +0 -2
- package/build/SelectStudy/SelectStudy.d.ts +0 -2
- package/build/SendResults/SendResults.d.ts +0 -1
- package/build/atoms/Button/Button.d.ts +1 -2
- package/build/atoms/ComboBox/ComboBox.d.ts +0 -1
- package/build/atoms/Dropdown/Dropdown.d.ts +0 -1
- package/build/atoms/FileInput/FileInput.d.ts +0 -1
- package/build/atoms/RadioList/RadioList.d.ts +0 -1
- package/build/atoms/SettingsButton/index.d.ts +0 -1
- package/build/atoms/TextInput/TextInput.d.ts +0 -1
- package/build/atoms/Tooltip/index.d.ts +0 -1
- package/build/index.esm.js +120 -90
- package/build/index.esm.js.map +1 -1
- package/build/index.js +120 -90
- package/build/index.js.map +1 -1
- package/build/variables.css +12 -0
- package/package.json +6 -9
package/build/index.js
CHANGED
|
@@ -30328,7 +30328,7 @@ function styleInject(css, ref) {
|
|
|
30328
30328
|
}
|
|
30329
30329
|
}
|
|
30330
30330
|
|
|
30331
|
-
var css_248z$d = "/*\n * Container style\n */\n.
|
|
30331
|
+
var css_248z$d = "/*\n * Container style\n */\n.styles_ps__AB4VO {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n touch-action: auto;\n -ms-touch-action: auto;\n}\n\n/*\n * Scrollbar rail styles\n */\n.styles_ps__rail-x__qJfB3 {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n height: 15px;\n /* there must be 'bottom' or 'top' for ps__rail-x */\n bottom: 0px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.styles_ps__rail-y__5Ivsj {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n width: 15px;\n /* there must be 'right' or 'left' for ps__rail-y */\n right: 0;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.styles_ps--active-x__2C29G > .styles_ps__rail-x__qJfB3,\n.styles_ps--active-y__XOu76 > .styles_ps__rail-y__5Ivsj {\n display: block;\n background-color: transparent;\n}\n\n.styles_ps__AB4VO:hover > .styles_ps__rail-x__qJfB3,\n.styles_ps__AB4VO:hover > .styles_ps__rail-y__5Ivsj,\n.styles_ps--focus__mxvn7 > .styles_ps__rail-x__qJfB3,\n.styles_ps--focus__mxvn7 > .styles_ps__rail-y__5Ivsj,\n.styles_ps--scrolling-x__p2SMB > .styles_ps__rail-x__qJfB3,\n.styles_ps--scrolling-y__AtP6c > .styles_ps__rail-y__5Ivsj {\n opacity: 0.6;\n}\n\n.styles_ps__AB4VO .styles_ps__rail-x__qJfB3:hover,\n.styles_ps__AB4VO .styles_ps__rail-y__5Ivsj:hover,\n.styles_ps__AB4VO .styles_ps__rail-x__qJfB3:focus,\n.styles_ps__AB4VO .styles_ps__rail-y__5Ivsj:focus,\n.styles_ps__AB4VO .styles_ps__rail-x__qJfB3.styles_ps--clicking__2Zn-q,\n.styles_ps__AB4VO .styles_ps__rail-y__5Ivsj.styles_ps--clicking__2Zn-q {\n background-color: #eee;\n opacity: 0.9;\n}\n\n/*\n * Scrollbar thumb styles\n */\n.styles_ps__thumb-x__U9Xv9 {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, height .2s ease-in-out;\n -webkit-transition: background-color .2s linear, height .2s ease-in-out;\n height: 6px;\n /* there must be 'bottom' for ps__thumb-x */\n bottom: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.styles_ps__thumb-y__JaDNp {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, width .2s ease-in-out;\n -webkit-transition: background-color .2s linear, width .2s ease-in-out;\n width: 6px;\n /* there must be 'right' for ps__thumb-y */\n right: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.styles_ps__rail-x__qJfB3:hover > .styles_ps__thumb-x__U9Xv9,\n.styles_ps__rail-x__qJfB3:focus > .styles_ps__thumb-x__U9Xv9,\n.styles_ps__rail-x__qJfB3.styles_ps--clicking__2Zn-q .styles_ps__thumb-x__U9Xv9 {\n background-color: #999;\n height: 11px;\n}\n\n.styles_ps__rail-y__5Ivsj:hover > .styles_ps__thumb-y__JaDNp,\n.styles_ps__rail-y__5Ivsj:focus > .styles_ps__thumb-y__JaDNp,\n.styles_ps__rail-y__5Ivsj.styles_ps--clicking__2Zn-q .styles_ps__thumb-y__JaDNp {\n background-color: #999;\n width: 11px;\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .styles_ps__AB4VO {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .styles_ps__AB4VO {\n overflow: auto !important;\n }\n}\n.styles_scrollbar-container__-Vs93 {\n position: relative;\n height: 100%; }";
|
|
30332
30332
|
styleInject(css_248z$d);
|
|
30333
30333
|
|
|
30334
30334
|
const e$3="horizontal",n$4=["horizontal","vertical"];const Separator=/*#__PURE__*/React__namespace.forwardRef(((n,a)=>{const{decorative:p,orientation:l=e$3,...c}=n,s=i$4(l)?l:e$3,u=p?{role:"none"}:{"aria-orientation":"vertical"===s?s:void 0,role:"separator"};return React__namespace.createElement(Primitive.div,_extends$l({"data-orientation":s},u,c,{ref:a}))}));function i$4(r){return n$4.includes(r)}Separator.propTypes={orientation(r,o,t){const n=r[o],a=String(n);return n&&!i$4(n)?new Error(function(r,o){return `Invalid prop \`orientation\` of value \`${r}\` supplied to \`${o}\`, expected one of:\n - horizontal\n - vertical\n\nDefaulting to \`${e$3}\`.`}(a,t)):null}};const Root$5=Separator;
|
|
@@ -31335,9 +31335,14 @@ function toNumber(value) {
|
|
|
31335
31335
|
|
|
31336
31336
|
var lodash_debounce = debounce;
|
|
31337
31337
|
|
|
31338
|
-
var css_248z$c = "
|
|
31338
|
+
var css_248z$c = "@import \"../../styles/variables.css\";\n\n.ComboBox-module_combobox__vv-yQ {\n width: 100%;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combobox-content__CWPGv {\n z-index: 100;\n display: flex;\n flex-direction: column;\n width: 100%;\n background-color: white;\n border: 1px solid var(--slate5);\n border-radius: 0px 0px 4px 4px;\n gap: 2px;\n box-sizing: border-box;\n transition: max-height .5s ease-in-out;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combobox-item__BXrTg {\n display: inline-block;\n border-radius: 2px;\n padding: 2px 8px;\n transition: background-color 0.15s linear, color 0.15s linear;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_select-item__PM-Dh[data-state=\"checked\"] {\n background-color: var(--primary2);\n color: white;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_select-item__PM-Dh:focus-visible {\n background-color: var(--primary0);\n outline: solid 1px var(--primary);\n color: unset;\n outline-color: var(--primary);\n \n font-family: var(--font);\n}\n\n.ComboBox-module_select-item__PM-Dh:hover {\n background-color: var(--primary0);\n cursor: pointer;\n color: unset;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_separator__0FPDo {\n background-color: var(--slate5);\n height: 1px;\n width: 100%;\n margin: 4px 0;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-header-container__S6piy {\n transition: opacity .5s ease-in-out;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-footer-container__G4XSC {\n transition: opacity .5s ease-in-out;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group__h0uCZ {\n width: fit-content;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group__h0uCZ:hover {\n box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.30);\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group-disabled__GQ7ZZ:hover {\n box-shadow: none;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group__h0uCZ input {\n width: 100%;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group__h0uCZ input::placeholder {\n color: var(--slate1);\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group-disabled__GQ7ZZ input::placeholder {\n color: var(--slate10);\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group__h0uCZ * {\n background-color: var(--primary);\n color: white;\n transition: background-color 0.125s ease-in-out;\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group-disabled__GQ7ZZ * {\n background-color: var(--slate5);\n border-color: var(--slate11) !important;\n color: var(--slate11);\n cursor: default !important;\n}\n\n.ComboBox-module_combo-group__h0uCZ i,\n.ComboBox-module_combo-group__h0uCZ svg {\n border-radius: inherit;\n background-color: rgba(0, 0, 0, 0);\n}\n\n.ComboBox-module_combo-group__h0uCZ button,\n.ComboBox-module_combo-group__h0uCZ input {\n display: flex;\n padding: 8px 10px;\n cursor: pointer;\n float: left;\n z-index: 10;\n align-items: center;\n gap: 8px;\n border: 1px solid var(--primary);\n\n font-family: var(--font);\n}\n\n.ComboBox-module_combo-group__h0uCZ button:first-child,\n.ComboBox-module_combo-group__h0uCZ input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.ComboBox-module_combo-group__h0uCZ button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left-color: #096dd9;\n}\n\n.ComboBox-module_combo-group__h0uCZ button:not(:last-child),\n.ComboBox-module_combo-group__h0uCZ input:not(:last-child) {\n border-right: none;\n}\n\n.ComboBox-module_combo-group__h0uCZ button:focus-visible,\n.ComboBox-module_combo-group__h0uCZ input:focus-visible {\n outline: none;\n}\n\n.ComboBox-module_combo-group__h0uCZ button:focus,\n.ComboBox-module_combo-group__h0uCZ input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.ComboBox-module_combo-group__h0uCZ:after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.ComboBox-module_combo-group__h0uCZ button:hover,\n.ComboBox-module_combo-group__h0uCZ input:hover {\n background-color: var(--primary2);\n z-index: 11;\n}\n\n.ComboBox-module_combo-group-disabled__GQ7ZZ:hover button:hover,\n.ComboBox-module_combo-group-disabled__GQ7ZZ:hover input:hover {\n background-color: var(--slate5);\n}";
|
|
31339
|
+
var styles$8 = {"combobox":"ComboBox-module_combobox__vv-yQ","combobox-content":"ComboBox-module_combobox-content__CWPGv","combobox-item":"ComboBox-module_combobox-item__BXrTg","select-item":"ComboBox-module_select-item__PM-Dh","separator":"ComboBox-module_separator__0FPDo","combo-header-container":"ComboBox-module_combo-header-container__S6piy","combo-footer-container":"ComboBox-module_combo-footer-container__G4XSC","combo-group":"ComboBox-module_combo-group__h0uCZ","combo-group-disabled":"ComboBox-module_combo-group-disabled__GQ7ZZ"};
|
|
31339
31340
|
styleInject(css_248z$c);
|
|
31340
31341
|
|
|
31342
|
+
var css_248z$b = "@keyframes animations-module_spin__Cns9s {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n.animations-module_spin__Cns9s {\n animation: animations-module_spin__Cns9s 1s linear 0s infinite;\n}";
|
|
31343
|
+
var animations = {"spin":"animations-module_spin__Cns9s"};
|
|
31344
|
+
styleInject(css_248z$b);
|
|
31345
|
+
|
|
31341
31346
|
var ICON_SIZE$1 = 18;
|
|
31342
31347
|
var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
|
|
31343
31348
|
var items = _a.items, renderItem = _a.renderItem, setSelected = _a.setSelected, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.icon, icon = _d === void 0 ? React__default["default"].createElement(CursorText$1, null) : _d, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, inputProps = _a.inputProps, header = _a.header, footer = _a.footer, _e = _a.noMatchText, noMatchText = _e === void 0 ? 'No matching items' : _e, onScrollReachEnd = _a.onScrollReachEnd, _f = _a.stateReducer, stateReducer = _f === void 0 ? function (state, _a) {
|
|
@@ -31380,8 +31385,8 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
|
|
|
31380
31385
|
setSelected && setSelected(selectedItem);
|
|
31381
31386
|
closeMenu();
|
|
31382
31387
|
}, [closeMenu, selectedItem, setSelected]);
|
|
31383
|
-
return (React__default["default"].createElement("div", { "data-testid": "ComboBoxSelect", className:
|
|
31384
|
-
React__default["default"].createElement("div", __assign$3({}, getComboboxProps(), { style: __assign$3(__assign$3({}, inputStyle), { position: 'relative', width: '100%' }), className: "
|
|
31388
|
+
return (React__default["default"].createElement("div", { "data-testid": "ComboBoxSelect", className: styles$8['combobox'] },
|
|
31389
|
+
React__default["default"].createElement("div", __assign$3({}, getComboboxProps(), { style: __assign$3(__assign$3({}, inputStyle), { position: 'relative', width: '100%' }), className: "".concat(styles$8['combo-group'], " ").concat(disabled && styles$8['combo-group-disabled']) }),
|
|
31385
31390
|
React__default["default"].createElement("input", __assign$3({}, getInputProps(__assign$3(__assign$3({ placeholder: 'Search for something...' }, inputProps), { onFocus: function () {
|
|
31386
31391
|
openMenu();
|
|
31387
31392
|
} })), { spellCheck: false, disabled: disabled, style: {
|
|
@@ -31405,7 +31410,7 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
|
|
|
31405
31410
|
? (React__default["default"].createElement("button", { tabIndex: -1, disabled: disabled, style: {
|
|
31406
31411
|
borderBottomRightRadius: isOpen ? 0 : 4,
|
|
31407
31412
|
} },
|
|
31408
|
-
React__default["default"].createElement(ArrowClockwise$1, { className:
|
|
31413
|
+
React__default["default"].createElement(ArrowClockwise$1, { className: animations['spin'], size: ICON_SIZE$1 })))
|
|
31409
31414
|
: selectedItem
|
|
31410
31415
|
? (React__default["default"].createElement("button", { tabIndex: -1, disabled: disabled, onClick: function () {
|
|
31411
31416
|
selectItem(null);
|
|
@@ -31418,18 +31423,18 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
|
|
|
31418
31423
|
borderBottomRightRadius: isOpen ? 0 : 4,
|
|
31419
31424
|
} }),
|
|
31420
31425
|
React__default["default"].createElement(ArrowDown$1, { size: ICON_SIZE$1 })))),
|
|
31421
|
-
React__default["default"].createElement("div", { className:
|
|
31426
|
+
React__default["default"].createElement("div", { className: styles$8['combobox-content'], style: {
|
|
31422
31427
|
maxHeight: isOpen ? 180 : 0,
|
|
31423
31428
|
boxShadow: isOpen ? 'rgba(0, 0, 0, 0.08) 0px 2px 4px' : undefined,
|
|
31424
31429
|
padding: isOpen ? '6px 4px' : 0,
|
|
31425
31430
|
visibility: isOpen ? undefined : 'hidden'
|
|
31426
31431
|
} },
|
|
31427
31432
|
header &&
|
|
31428
|
-
React__default["default"].createElement("div", { className: '
|
|
31433
|
+
React__default["default"].createElement("div", { className: styles$8['combo-header-container'], style: {
|
|
31429
31434
|
opacity: isOpen ? 1 : 0
|
|
31430
31435
|
} },
|
|
31431
31436
|
header,
|
|
31432
|
-
React__default["default"].createElement(Root$5, { key: "
|
|
31437
|
+
React__default["default"].createElement(Root$5, { key: "separator", className: styles$8['separator'] })),
|
|
31433
31438
|
React__default["default"].createElement(PerfectScrollbar, { options: {
|
|
31434
31439
|
wheelPropagation: false,
|
|
31435
31440
|
}, onYReachEnd: function () {
|
|
@@ -31437,15 +31442,15 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
|
|
|
31437
31442
|
return;
|
|
31438
31443
|
debouncedOnScrollReachEnd && debouncedOnScrollReachEnd();
|
|
31439
31444
|
} },
|
|
31440
|
-
React__default["default"].createElement("ul", __assign$3({}, getMenuProps(), { style: __assign$3(__assign$3({}, menuStyle), { display: 'flex', width: '100%', boxSizing: 'border-box', zIndex: 100, padding: 0, flexDirection: 'column' }) }), inputItems.map(function (item, i, arr) { return (React__default["default"].createElement("li", __assign$3({ className:
|
|
31445
|
+
React__default["default"].createElement("ul", __assign$3({}, getMenuProps(), { style: __assign$3(__assign$3({}, menuStyle), { display: 'flex', width: '100%', boxSizing: 'border-box', zIndex: 100, padding: 0, flexDirection: 'column', margin: 0 }) }), inputItems.map(function (item, i, arr) { return (React__default["default"].createElement("li", __assign$3({ className: styles$8['combobox-item'], style: highlightedIndex === i ? { backgroundColor: '#bde4ff' } : {}, key: "".concat(item.name, "-").concat(i) }, getItemProps({
|
|
31441
31446
|
item: item,
|
|
31442
31447
|
index: i,
|
|
31443
31448
|
// isSelected: selectedItem && selectedItem.id === item.id,
|
|
31444
31449
|
})), renderItem ? renderItem(item, i, arr) : item.name)); }))),
|
|
31445
|
-
React__default["default"].createElement("div", { className: '
|
|
31450
|
+
React__default["default"].createElement("div", { className: styles$8['combo-footer-container'], style: {
|
|
31446
31451
|
opacity: isOpen ? 1 : 0
|
|
31447
31452
|
} },
|
|
31448
|
-
React__default["default"].createElement(Root$5, { key: "
|
|
31453
|
+
React__default["default"].createElement(Root$5, { key: "separator", className: styles$8['separator'] }),
|
|
31449
31454
|
loading &&
|
|
31450
31455
|
React__default["default"].createElement("div", { style: {
|
|
31451
31456
|
display: 'flex',
|
|
@@ -32303,8 +32308,9 @@ const x$1=["Enter"," "],b$1=["ArrowUp","PageDown","End"],R$1=["ArrowDown","PageU
|
|
|
32303
32308
|
|
|
32304
32309
|
const[s$1,i$1]=createContextScope("DropdownMenu",[S$1]);const l$1=S$1(),[m$1,w$1]=s$1("DropdownMenu");const DropdownMenu=e=>{const{__scopeDropdownMenu:n,children:r,open:p,defaultOpen:d,onOpenChange:a}=e,s=M$1("DropdownMenu",n),i=l$1(n),[w=!1,D]=useControllableState({prop:p,defaultProp:d,onChange:a}),g=React__namespace.useCallback((()=>D((e=>!e))),[D]);return s.isInsideContent?/*#__PURE__*/React__namespace.createElement(m$1,{scope:n,isRootMenu:!1,open:w,onOpenChange:D,onOpenToggle:g},/*#__PURE__*/React__namespace.createElement(Sub,_extends$l({},i,{open:w,onOpenChange:D}),r)):/*#__PURE__*/React__namespace.createElement(f$2,_extends$l({},e,{open:w,onOpenChange:D,onOpenToggle:g}),r)};const f$2=n=>{const{__scopeDropdownMenu:r,children:t,dir:p,open:d,onOpenChange:a,onOpenToggle:s,modal:i=!0}=n,w=l$1(r),f=React__namespace.useRef(null);return React__namespace.createElement(m$1,{scope:r,isRootMenu:!0,triggerId:useId(),triggerRef:f,contentId:useId(),open:d,onOpenChange:a,onOpenToggle:s,modal:i},/*#__PURE__*/React__namespace.createElement(Root$1,_extends$l({},w,{open:d,onOpenChange:a,dir:p,modal:i}),t))};const DropdownMenuTrigger=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:t,disabled:p=!1,...s}=e,i=w$1("DropdownMenuTrigger",t),m=l$1(t);return i.isRootMenu?/*#__PURE__*/React__namespace.createElement(Anchor,_extends$l({asChild:!0},m),/*#__PURE__*/React__namespace.createElement(Primitive.button,_extends$l({type:"button",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":!!i.open||void 0,"aria-controls":i.open?i.contentId:void 0,"data-state":i.open?"open":"closed","data-disabled":p?"":void 0,disabled:p},s,{ref:composeRefs(n,i.triggerRef),onPointerDown:composeEventHandlers$1(e.onPointerDown,(e=>{p||0!==e.button||!1!==e.ctrlKey||(i.open||e.preventDefault(),i.onOpenToggle());})),onKeyDown:composeEventHandlers$1(e.onKeyDown,(e=>{p||(["Enter"," "].includes(e.key)&&i.onOpenToggle(),"ArrowDown"===e.key&&i.onOpenChange(!0),[" ","ArrowDown"].includes(e.key)&&e.preventDefault());}))}))):null}));const[D$1,M$1]=s$1("DropdownMenuContent",{isInsideContent:!1});const DropdownMenuContent=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=w$1("DropdownMenuContent",r),d=l$1(r),a={...t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)"}};return React__namespace.createElement(D$1,{scope:r,isInsideContent:!0},p.isRootMenu?/*#__PURE__*/React__namespace.createElement(g$1,_extends$l({__scopeDropdownMenu:r},a,{ref:n})):/*#__PURE__*/React__namespace.createElement(Content$1,_extends$l({},d,a,{ref:n})))}));const g$1=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,portalled:t=!0,...p}=e,d=w$1("DropdownMenuContent",r),s=l$1(r),i=React__namespace.useRef(!1);return d.isRootMenu?/*#__PURE__*/React__namespace.createElement(Content$1,_extends$l({id:d.contentId,"aria-labelledby":d.triggerId},s,p,{ref:n,portalled:t,onCloseAutoFocus:composeEventHandlers$1(e.onCloseAutoFocus,(e=>{var o;i.current||null===(o=d.triggerRef.current)||void 0===o||o.focus(),i.current=!1,e.preventDefault();})),onInteractOutside:composeEventHandlers$1(e.onInteractOutside,(e=>{const o=e.detail.originalEvent,n=0===o.button&&!0===o.ctrlKey,r=2===o.button||n;d.modal&&!r||(i.current=!0);}))})):null}));const DropdownMenuGroup=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(Group$1,_extends$l({},p,t,{ref:n}))}));const DropdownMenuLabel=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(Label$2,_extends$l({},p,t,{ref:n}))}));const DropdownMenuItem=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(Item$1,_extends$l({},p,t,{ref:n}))}));const DropdownMenuCheckboxItem=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(CheckboxItem$1,_extends$l({},p,t,{ref:n}))}));const DropdownMenuRadioGroup=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(RadioGroup$1,_extends$l({},p,t,{ref:n}))}));const DropdownMenuRadioItem=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(RadioItem$1,_extends$l({},p,t,{ref:n}))}));const DropdownMenuItemIndicator=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(ItemIndicator$1,_extends$l({},p,t,{ref:n}))}));const DropdownMenuArrow=/*#__PURE__*/React__namespace.forwardRef(((e,n)=>{const{__scopeDropdownMenu:r,...t}=e,p=l$1(r);return React__namespace.createElement(Arrow$1,_extends$l({},p,t,{ref:n}))}));const Root=DropdownMenu;const Trigger=DropdownMenuTrigger;const Content=DropdownMenuContent;const Group=DropdownMenuGroup;const Label$1=DropdownMenuLabel;const Item=DropdownMenuItem;const CheckboxItem=DropdownMenuCheckboxItem;const RadioGroup=DropdownMenuRadioGroup;const RadioItem=DropdownMenuRadioItem;const ItemIndicator=DropdownMenuItemIndicator;const Arrow=DropdownMenuArrow;
|
|
32305
32310
|
|
|
32306
|
-
var css_248z$
|
|
32307
|
-
|
|
32311
|
+
var css_248z$a = "@import \"../../styles/variables.css\";\n\n.Dropdown-module_select-content__BBUjl {\n display: flex;\n flex-direction: column;\n width: fit-content;\n background-color: white;\n border: 1px solid var(--slate8);\n border-radius: 4px;\n padding: 6px 4px;\n box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;\n gap: 2px;\n\n font-family: var(--font);\n}\n\n.Dropdown-module_select-item__99Q-H {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n border-radius: 2px;\n padding: 2px 8px 2px 30px;\n transition: background-color 0.15s linear, color 0.15s linear;\n\n font-family: var(--font);\n}\n\n.Dropdown-module_select-item__99Q-H[data-state=\"checked\"] {\n background-color: var(--primary2);\n color: white;\n\n font-family: var(--font);\n}\n\n.Dropdown-module_select-item__99Q-H:focus-visible {\n background-color: var(--primary0);\n outline: solid 1px var(--primary);\n color: unset;\n outline-color: var(--primary);\n\n font-family: var(--font);\n}\n\n.Dropdown-module_select-item__99Q-H:hover {\n background-color: var(--primary0);\n cursor: pointer;\n color: unset;\n\n font-family: var(--font);\n}\n\n.Dropdown-module_separator__MGtbq {\n background-color: #d0d7de;\n height: 1px;\n width: 100%;\n margin: 4px 0;\n\n font-family: var(--font);\n}";
|
|
32312
|
+
var styles$7 = {"select-content":"Dropdown-module_select-content__BBUjl","select-item":"Dropdown-module_select-item__99Q-H","separator":"Dropdown-module_separator__MGtbq"};
|
|
32313
|
+
styleInject(css_248z$a);
|
|
32308
32314
|
|
|
32309
32315
|
var Dropdown = function (_a) {
|
|
32310
32316
|
var optionGroups = _a.optionGroups, trigger = _a.trigger, open = _a.open, contentProps = _a.contentProps, itemProps = _a.itemProps, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
@@ -32312,7 +32318,7 @@ var Dropdown = function (_a) {
|
|
|
32312
32318
|
var _a;
|
|
32313
32319
|
switch (o.type) {
|
|
32314
32320
|
case 'checkbox':
|
|
32315
|
-
return (React__default["default"].createElement(CheckboxItem, __assign$3({ key: o.id, className:
|
|
32321
|
+
return (React__default["default"].createElement(CheckboxItem, __assign$3({ key: o.id, className: styles$7['select-item'], onSelect: function () { return o.onSelect && o.onSelect(o); }, checked: o.checked, disabled: o.disabled }, itemProps),
|
|
32316
32322
|
React__default["default"].createElement(ItemIndicator, { style: {
|
|
32317
32323
|
position: 'absolute',
|
|
32318
32324
|
display: 'inline-flex',
|
|
@@ -32321,7 +32327,7 @@ var Dropdown = function (_a) {
|
|
|
32321
32327
|
React__default["default"].createElement(CheckCircle$1, null)),
|
|
32322
32328
|
o.label));
|
|
32323
32329
|
case 'radio':
|
|
32324
|
-
return (React__default["default"].createElement(RadioItem, __assign$3({ key: o.id, className:
|
|
32330
|
+
return (React__default["default"].createElement(RadioItem, __assign$3({ key: o.id, className: styles$7['select-item'], onSelect: function () { return o.onSelect && o.onSelect(o); }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
|
|
32325
32331
|
React__default["default"].createElement(ItemIndicator, { style: {
|
|
32326
32332
|
position: 'absolute',
|
|
32327
32333
|
display: 'inline-flex',
|
|
@@ -32333,19 +32339,19 @@ var Dropdown = function (_a) {
|
|
|
32333
32339
|
return (React__default["default"].createElement(Label$1, { key: o.id }, o.label));
|
|
32334
32340
|
case 'link':
|
|
32335
32341
|
return (React__default["default"].createElement("a", { href: (_a = o.to) !== null && _a !== void 0 ? _a : '/', key: o.id, style: { color: 'unset' } },
|
|
32336
|
-
React__default["default"].createElement(Item, __assign$3({ className:
|
|
32342
|
+
React__default["default"].createElement(Item, __assign$3({ className: styles$7['select-item'], onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label)));
|
|
32337
32343
|
default:
|
|
32338
|
-
return (React__default["default"].createElement(Item, __assign$3({ key: o.id, className:
|
|
32344
|
+
return (React__default["default"].createElement(Item, __assign$3({ key: o.id, className: styles$7['select-item'], onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label));
|
|
32339
32345
|
}
|
|
32340
32346
|
}, [itemProps]);
|
|
32341
32347
|
return (React__default["default"].createElement(Root, { open: open },
|
|
32342
32348
|
React__default["default"].createElement(Trigger, { asChild: true, disabled: disabled }, trigger),
|
|
32343
|
-
React__default["default"].createElement(Content, __assign$3({ className:
|
|
32349
|
+
React__default["default"].createElement(Content, __assign$3({ className: styles$7['select-content'] }, contentProps),
|
|
32344
32350
|
optionGroups.map(function (group, i, a) { return (React__default["default"].createElement(ConditionalWrapper, { condition: typeof group.type !== 'undefined', wrapper: function (children) { return (group.type === 'radio'
|
|
32345
32351
|
? React__default["default"].createElement(RadioGroup, { value: group.value }, children)
|
|
32346
32352
|
: React__default["default"].createElement(Group, null, children)); }, key: "".concat(group.type, "-").concat(i) },
|
|
32347
32353
|
group.options.map(renderItem),
|
|
32348
|
-
i !== a.length - 1 && React__default["default"].createElement(Root$5, { key: "dropdown-separator-".concat(i), className:
|
|
32354
|
+
i !== a.length - 1 && React__default["default"].createElement(Root$5, { key: "dropdown-separator-".concat(i), className: styles$7['separator'] }))); }),
|
|
32349
32355
|
arrow && (React__default["default"].createElement(Arrow, { style: {
|
|
32350
32356
|
fill: 'white',
|
|
32351
32357
|
stroke: 'var(--slate8)',
|
|
@@ -33976,8 +33982,13 @@ function reducer(state, action) {
|
|
|
33976
33982
|
|
|
33977
33983
|
function noop() {}
|
|
33978
33984
|
|
|
33979
|
-
var css_248z$
|
|
33980
|
-
|
|
33985
|
+
var css_248z$9 = "@import \"../../styles/variables.css\";\n\n.FileInput-module_poll-drop-zone__txZum {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #E8F6FF;\n padding: 10px 12px;\n border-radius: 6px;\n gap: 16px;\n\n cursor: pointer;\n\n border: 1px solid #E8F6FF;\n\n user-select: none;\n}\n\n.FileInput-module_poll-drop-zone-disabled__2KBBz {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #E8F6FF;\n padding: 10px 12px;\n border-radius: 6px;\n gap: 16px;\n\n border: 1px solid #E8F6FF;\n\n user-select: none;\n}\n\n.FileInput-module_poll-drop-zone__txZum:hover,\n.FileInput-module_poll-drop-zone__txZum:active,\n.FileInput-module_poll-drop-zone__txZum:focus {\n border-color: #FCDE5D;\n}\n\n.FileInput-module_poll-drop-zone__txZum:hover .FileInput-module_poll-file-input-button__IuLXC,\n.FileInput-module_poll-drop-zone__txZum:active .FileInput-module_poll-file-input-button__IuLXC {\n background-color: #FCDE5D;\n color: black;\n border-color: #FCDE5D;\n}\n\n.FileInput-module_poll-file-input-button__IuLXC {\n z-index: 10;\n\n display: flex;\n max-width: 260px;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n\n color: white;\n padding: 8px 16px;\n\n float: left;\n align-items: center;\n gap: 8px;\n\n border-radius: 4px;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s;\n}\n\n.FileInput-module_poll-file-input-button-disabled__xk9fT {\n content: 'Disabled';\n\n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n}";
|
|
33986
|
+
var styles$6 = {"poll-drop-zone":"FileInput-module_poll-drop-zone__txZum","poll-drop-zone-disabled":"FileInput-module_poll-drop-zone-disabled__2KBBz","poll-file-input-button":"FileInput-module_poll-file-input-button__IuLXC","poll-file-input-button-disabled":"FileInput-module_poll-file-input-button-disabled__xk9fT"};
|
|
33987
|
+
styleInject(css_248z$9);
|
|
33988
|
+
|
|
33989
|
+
var css_248z$8 = "@import \"../../node_modules/@radix-ui/colors/slate.css\";\n\n.typography-module_secondary__U-pvs {\n font-family: var(--font);\n margin: 0;\n\n font-size: .875rem;\n color: var(--slate10)\n}";
|
|
33990
|
+
var typo = {"secondary":"typography-module_secondary__U-pvs"};
|
|
33991
|
+
styleInject(css_248z$8);
|
|
33981
33992
|
|
|
33982
33993
|
var FileInput = function (_a) {
|
|
33983
33994
|
var disabled = _a.disabled, onChange = _a.onChange, _b = _a.accept, accept = _b === void 0 ? ['.hbjson'] : _b, inputProps = _a.inputProps;
|
|
@@ -33991,12 +34002,12 @@ var FileInput = function (_a) {
|
|
|
33991
34002
|
'multipart/form-data': accept !== null && accept !== void 0 ? accept : ['.hbjson'],
|
|
33992
34003
|
},
|
|
33993
34004
|
disabled: disabled,
|
|
33994
|
-
}), acceptedFiles = _c.acceptedFiles, getRootProps = _c.getRootProps, getInputProps = _c.getInputProps;
|
|
34005
|
+
}), acceptedFiles = _c.acceptedFiles, getRootProps = _c.getRootProps, getInputProps = _c.getInputProps;
|
|
33995
34006
|
var formatDescription = React.useCallback(function () {
|
|
33996
34007
|
var file = acceptedFiles[0];
|
|
33997
34008
|
return file.name;
|
|
33998
34009
|
}, [acceptedFiles]);
|
|
33999
|
-
return (React__default["default"].createElement("div", __assign$3({}, getRootProps({ className: disabled ? 'poll-drop-zone-disabled' : 'poll-drop-zone' })),
|
|
34010
|
+
return (React__default["default"].createElement("div", __assign$3({}, getRootProps({ className: disabled ? styles$6['poll-drop-zone-disabled'] : styles$6['poll-drop-zone'] })),
|
|
34000
34011
|
React__default["default"].createElement("div", { style: {
|
|
34001
34012
|
display: 'flex',
|
|
34002
34013
|
gap: 16,
|
|
@@ -34017,7 +34028,7 @@ var FileInput = function (_a) {
|
|
|
34017
34028
|
minWidth: 0
|
|
34018
34029
|
} },
|
|
34019
34030
|
React__default["default"].createElement("label", { htmlFor: inputProps && inputProps.name ? inputProps.name : undefined }, "Drag and drop files here"),
|
|
34020
|
-
React__default["default"].createElement("label", { className:
|
|
34031
|
+
React__default["default"].createElement("label", { className: typo['secondary'], htmlFor: inputProps && inputProps.name ? inputProps.name : undefined }, (acceptedFiles === null || acceptedFiles === void 0 ? void 0 : acceptedFiles.length) > 0 ?
|
|
34021
34032
|
React__default["default"].createElement(React__default["default"].Fragment, null, formatDescription())
|
|
34022
34033
|
:
|
|
34023
34034
|
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
@@ -34031,20 +34042,21 @@ var FileInput = function (_a) {
|
|
|
34031
34042
|
flex: 6,
|
|
34032
34043
|
justifyContent: 'center',
|
|
34033
34044
|
maxWidth: 140
|
|
34034
|
-
}, className: "poll-file-input-button ".concat(disabled && 'poll-file-input-button-disabled') }, "Browse"),
|
|
34045
|
+
}, className: "".concat(styles$6['poll-file-input-button'], " ").concat(disabled && styles$6['poll-file-input-button-disabled']) }, "Browse"),
|
|
34035
34046
|
React__default["default"].createElement("input", __assign$3({ type: "file", multiple: false }, inputProps, getInputProps()))));
|
|
34036
34047
|
};
|
|
34037
34048
|
|
|
34038
34049
|
var InputDescription = function (_a) {
|
|
34039
34050
|
var helpText = _a.helpText, children = _a.children;
|
|
34040
34051
|
return (React__default["default"].createElement("div", { style: {
|
|
34052
|
+
width: '100%',
|
|
34041
34053
|
display: 'flex',
|
|
34042
34054
|
flexDirection: 'column',
|
|
34043
|
-
width: '100%',
|
|
34044
34055
|
color: 'var(--slate12)',
|
|
34045
34056
|
fontSize: '0.8rem',
|
|
34046
34057
|
textAlign: 'end',
|
|
34047
|
-
gap: 4
|
|
34058
|
+
gap: 4,
|
|
34059
|
+
fontFamily: 'var(--font)'
|
|
34048
34060
|
} },
|
|
34049
34061
|
children,
|
|
34050
34062
|
helpText));
|
|
@@ -35122,8 +35134,9 @@ const $f99a8c78507165f7$export$5fb54c671a65c88 = /*#__PURE__*/ React.forwardRef(
|
|
|
35122
35134
|
const $f99a8c78507165f7$export$6d08773d2e66f8f2 = $f99a8c78507165f7$export$9f866c100ef519e4;
|
|
35123
35135
|
const $f99a8c78507165f7$export$adb584737d712b70 = $f99a8c78507165f7$export$5fb54c671a65c88;
|
|
35124
35136
|
|
|
35125
|
-
var css_248z$
|
|
35126
|
-
|
|
35137
|
+
var css_248z$7 = "@import \"../../styles/variables.css\";\n\n.RadioList-module_poll-radio__FDeyS{\n background-color: white;\n width: 18px;\n height: 18px;\n border-radius: 100%;\n box-shadow: 0 1px 2px black;\n border: none;\n cursor: pointer;\n border-width: 1px;\n outline-width: 1px;\n}\n\n.RadioList-module_poll-radio__FDeyS:hover{\n background-color: var(--primary1);\n}\n\n.RadioList-module_poll-radio__FDeyS:focus{\n box-shadow: 0 0 0 2px black;\n}\n\n.RadioList-module_poll-radio__FDeyS:focus-visible{\n outline:none;\n}\n\n.RadioList-module_poll-radio-indicator__1QztX {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.RadioList-module_poll-radio-indicator__1QztX:after{\n content: '\"\"';\n color: rgba(0,0,0,0);\n display: block;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background-color: var(--primary),\n}";
|
|
35138
|
+
var styles$5 = {"poll-radio":"RadioList-module_poll-radio__FDeyS","poll-radio-indicator":"RadioList-module_poll-radio-indicator__1QztX"};
|
|
35139
|
+
styleInject(css_248z$7);
|
|
35127
35140
|
|
|
35128
35141
|
var RadioList = function (_a) {
|
|
35129
35142
|
var items = _a.items, name = _a.name, defaultValue = _a.defaultValue, onChange = _a.onChange;
|
|
@@ -35140,8 +35153,8 @@ var RadioList = function (_a) {
|
|
|
35140
35153
|
gap: 12,
|
|
35141
35154
|
alignItems: 'center'
|
|
35142
35155
|
} },
|
|
35143
|
-
React__default["default"].createElement($f99a8c78507165f7$export$6d08773d2e66f8f2, { value: item, id: "".concat(item), className: 'poll-radio' },
|
|
35144
|
-
React__default["default"].createElement($f99a8c78507165f7$export$adb584737d712b70, { className: 'poll-radio-indicator' })),
|
|
35156
|
+
React__default["default"].createElement($f99a8c78507165f7$export$6d08773d2e66f8f2, { value: item, id: "".concat(item), className: styles$5['poll-radio'] },
|
|
35157
|
+
React__default["default"].createElement($f99a8c78507165f7$export$adb584737d712b70, { className: styles$5['poll-radio-indicator'] })),
|
|
35145
35158
|
React__default["default"].createElement("label", { htmlFor: "".concat(item) }, name === 'units' ?
|
|
35146
35159
|
item.toUpperCase()
|
|
35147
35160
|
:
|
|
@@ -35154,14 +35167,14 @@ var Label = function (_a) {
|
|
|
35154
35167
|
return (React__default["default"].createElement("div", { style: {
|
|
35155
35168
|
display: 'flex',
|
|
35156
35169
|
flexDirection: 'column',
|
|
35157
|
-
width: '100%'
|
|
35170
|
+
width: '100%',
|
|
35158
35171
|
} },
|
|
35159
35172
|
React__default["default"].createElement("div", { style: {
|
|
35160
35173
|
display: 'flex',
|
|
35161
35174
|
justifyContent: 'flex-start',
|
|
35162
|
-
width: '100%'
|
|
35175
|
+
width: '100%',
|
|
35163
35176
|
} },
|
|
35164
|
-
React__default["default"].createElement("label", { htmlFor: name !== null && name !== void 0 ? name : (typeof label === 'string' && slugify(label, { lower: true })), style: __assign$3({
|
|
35177
|
+
React__default["default"].createElement("label", { htmlFor: name !== null && name !== void 0 ? name : (typeof label === 'string' && slugify(label, { lower: true })), style: __assign$3({ borderRadius: 4, width: 'fit-content', transform: 'translate(30px, 6px)', zIndex: 100, fontSize: '0.8rem', color: 'var(--primary)', padding: '0px 4px', fontFamily: 'var(--font)', cursor: 'pointer', backgroundColor: 'white' }, style) }, label)),
|
|
35165
35178
|
children));
|
|
35166
35179
|
};
|
|
35167
35180
|
|
|
@@ -35182,9 +35195,13 @@ var Logo = function () { return (React__default["default"].createElement("div",
|
|
|
35182
35195
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
35183
35196
|
} }))); };
|
|
35184
35197
|
|
|
35198
|
+
var css_248z$6 = "@import \"../../styles/variables.css\";\n\n.NumberInput-module_text-input__xUb0Z {\n width: 100%;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n border: 1px solid var(--primary);\n}\n\n.NumberInput-module_text-input__xUb0Z:hover {\n box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.30);\n}\n\n.NumberInput-module_text-input-disabled__HRQYX:hover {\n box-shadow: none;\n}\n\n.NumberInput-module_text-input__xUb0Z input {\n width: 100%;\n color: var(--slate12);\n}\n\n.NumberInput-module_text-input__xUb0Z input::placeholder {\n color: var(--slate10);\n}\n\n.NumberInput-module_text-input__xUb0Z i svg {\n fill: var(--primary);\n}\n\n.NumberInput-module_text-input__xUb0Z button,\n.NumberInput-module_text-input__xUb0Z 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.NumberInput-module_text-input__xUb0Z button:first-child,\n.NumberInput-module_text-input__xUb0Z input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.NumberInput-module_text-input__xUb0Z button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left-color: #096dd9;\n}\n\n.NumberInput-module_text-input__xUb0Z button:not(:last-child),\n.NumberInput-module_text-input__xUb0Z input:not(:last-child) {\n border-right: none;\n}\n\n.NumberInput-module_text-input__xUb0Z button:focus-visible,\n.NumberInput-module_text-input__xUb0Z input:focus-visible {\n outline: none;\n}\n\n.NumberInput-module_text-input__xUb0Z button:focus,\n.NumberInput-module_text-input__xUb0Z input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.NumberInput-module_text-input__xUb0Z:after {\n content: \"\";\n clear: both;\n display: table;\n}";
|
|
35199
|
+
var styles$4 = {"text-input":"NumberInput-module_text-input__xUb0Z","text-input-disabled":"NumberInput-module_text-input-disabled__HRQYX"};
|
|
35200
|
+
styleInject(css_248z$6);
|
|
35201
|
+
|
|
35185
35202
|
var NumberInput = function (_a) {
|
|
35186
35203
|
var _b = _a.inputProps, inputProps = _b === void 0 ? { defaultValue: 0 } : _b, _c = _a.icon, icon = _c === void 0 ? React__default["default"].createElement(Hash$1, null) : _c, style = _a.style, reset = _a.reset;
|
|
35187
|
-
return (React__default["default"].createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className:
|
|
35204
|
+
return (React__default["default"].createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: styles$4['text-input'] },
|
|
35188
35205
|
icon
|
|
35189
35206
|
&& (React__default["default"].createElement("i", { style: {
|
|
35190
35207
|
position: 'absolute',
|
|
@@ -35203,20 +35220,21 @@ var NumberInput = function (_a) {
|
|
|
35203
35220
|
width: '100%',
|
|
35204
35221
|
fontSize: '0.9rem'
|
|
35205
35222
|
}, type: 'number' }, inputProps)),
|
|
35206
|
-
inputProps.defaultValue &&
|
|
35223
|
+
typeof inputProps.defaultValue !== 'undefined' &&
|
|
35207
35224
|
React__default["default"].createElement("button", { type: 'button', onClick: reset, style: {
|
|
35208
35225
|
background: 'white'
|
|
35209
35226
|
} },
|
|
35210
35227
|
React__default["default"].createElement(ArrowClockwise$1, { style: { fill: 'var(--primary)' } }))));
|
|
35211
35228
|
};
|
|
35212
35229
|
|
|
35213
|
-
var css_248z$
|
|
35214
|
-
|
|
35230
|
+
var css_248z$5 = "@import \"../../styles/variables.css\";\n\n.SettingsButton-module_btn-group__5nmZ0 {\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n}\n\n.SettingsButton-module_btn-group__5nmZ0:hover {\n box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.30);\n}\n\n.SettingsButton-module_btn-group-disabled__PDqhr:hover {\n box-shadow: none;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 input {\n width: 100%;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 input::placeholder {\n color: var(--primary1)\n}\n\n.SettingsButton-module_btn-group__5nmZ0 * {\n background-color: var(--primary);\n color: white;\n transition: background-color 0.125s ease-in-out;\n}\n\n.SettingsButton-module_btn-group-disabled__PDqhr * {\n background-color: var(--slate5);\n border-color: var(--slate11) !important;\n color: var(--slate11);\n cursor: default !important;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 i,\n.SettingsButton-module_btn-group__5nmZ0 svg {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button,\n.SettingsButton-module_btn-group__5nmZ0 input {\n display: flex;\n padding: 8px 10px;\n cursor: pointer;\n float: left;\n z-index: 10;\n align-items: center;\n gap: 8px;\n border: 1px solid var(--primary);\n border-left-color: #096dd9;\n transition: box-shadow 0.125s ease-in-out;\n line-height: 1.5rem;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:active {\n box-shadow: inset 0px 0px 14px 14px #096dd9;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:first-child,\n.SettingsButton-module_btn-group__5nmZ0 input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-left-color: var(--primary);\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:not(:last-child),\n.SettingsButton-module_btn-group__5nmZ0 input:not(:last-child) {\n border-right: none;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:focus-visible,\n.SettingsButton-module_btn-group__5nmZ0 input:focus-visible {\n outline: none;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:focus,\n.SettingsButton-module_btn-group__5nmZ0 input:focus {\n outline: none;\n}\n\n.SettingsButton-module_btn-group__5nmZ0:after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.SettingsButton-module_btn-group__5nmZ0 button:hover,\n.SettingsButton-module_btn-group__5nmZ0 input:hover {\n background-color: var(--primary2);\n z-index: 11;\n}\n\n.SettingsButton-module_btn-group-disabled__PDqhr:hover button:hover {\n box-shadow: none;\n}\n\n.SettingsButton-module_btn-group-disabled__PDqhr:hover button:hover,\n.SettingsButton-module_btn-group-disabled__PDqhr:hover input:hover {\n background-color: var(--slate5);\n}\n\n.SettingsButton-module_options-content__u0yIJ {\n font-size: calc(clamp(0.65rem, 8vw - 0.75rem, 0.85rem));\n}";
|
|
35231
|
+
var styles$3 = {"btn-group":"SettingsButton-module_btn-group__5nmZ0","btn-group-disabled":"SettingsButton-module_btn-group-disabled__PDqhr","options-content":"SettingsButton-module_options-content__u0yIJ"};
|
|
35232
|
+
styleInject(css_248z$5);
|
|
35215
35233
|
|
|
35216
35234
|
var SettingsButton = function (_a) {
|
|
35217
35235
|
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;
|
|
35218
35236
|
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); } },
|
|
35219
|
-
React__default["default"].createElement("div", { className: "btn-group ".concat(disabled && 'btn-group-disabled') },
|
|
35237
|
+
React__default["default"].createElement("div", { className: "".concat(styles$3['btn-group'], " ").concat(disabled && styles$3['btn-group-disabled']) },
|
|
35220
35238
|
React__default["default"].createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: {
|
|
35221
35239
|
flex: 1,
|
|
35222
35240
|
} },
|
|
@@ -35239,17 +35257,13 @@ var SettingsButton = function (_a) {
|
|
|
35239
35257
|
}, disabled: disabled })))));
|
|
35240
35258
|
};
|
|
35241
35259
|
|
|
35242
|
-
var css_248z$
|
|
35243
|
-
|
|
35260
|
+
var css_248z$4 = "@import \"../../styles/variables.css\";\n\n.TextInput-module_text-input__lxsl9 {\n width: 100%;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n border: 1px solid var(--primary);\n}\n\n.TextInput-module_text-input__lxsl9:hover {\n box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.30);\n}\n\n.TextInput-module_text-input-disabled__GRcyN:hover {\n box-shadow: none;\n}\n\n.TextInput-module_text-input__lxsl9 input {\n width: 100%;\n color: var(--slate12);\n}\n\n.TextInput-module_text-input__lxsl9 input::placeholder {\n color: var(--slate10);\n}\n\n.TextInput-module_text-input__lxsl9 i svg {\n fill: var(--primary);\n}\n\n.TextInput-module_text-input__lxsl9 button,\n.TextInput-module_text-input__lxsl9 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.TextInput-module_text-input__lxsl9 button:first-child,\n.TextInput-module_text-input__lxsl9 input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.TextInput-module_text-input__lxsl9 button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left-color: #096dd9;\n}\n\n.TextInput-module_text-input__lxsl9 button:not(:last-child),\n.TextInput-module_text-input__lxsl9 input:not(:last-child) {\n border-right: none;\n}\n\n.TextInput-module_text-input__lxsl9 button:focus-visible,\n.TextInput-module_text-input__lxsl9 input:focus-visible {\n outline: none;\n}\n\n.TextInput-module_text-input__lxsl9 button:focus,\n.TextInput-module_text-input__lxsl9 input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.TextInput-module_text-input__lxsl9:after {\n content: \"\";\n clear: both;\n display: table;\n}";
|
|
35261
|
+
var styles$2 = {"text-input":"TextInput-module_text-input__lxsl9","text-input-disabled":"TextInput-module_text-input-disabled__GRcyN"};
|
|
35262
|
+
styleInject(css_248z$4);
|
|
35244
35263
|
|
|
35245
35264
|
var TextInput = function (_a) {
|
|
35246
|
-
// const [value, setValue] = useState(inputProps.defaultValue)
|
|
35247
35265
|
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, style = _a.style, reset = _a.reset;
|
|
35248
|
-
|
|
35249
|
-
// setValue(e.target.value)
|
|
35250
|
-
// onChange && onChange(e)
|
|
35251
|
-
// }
|
|
35252
|
-
return (React__default["default"].createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: "text-input" },
|
|
35266
|
+
return (React__default["default"].createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: styles$2['text-input'] },
|
|
35253
35267
|
icon && (React__default["default"].createElement("i", { style: {
|
|
35254
35268
|
position: 'absolute',
|
|
35255
35269
|
height: '100%',
|
|
@@ -35273,11 +35287,8 @@ var TextInput = function (_a) {
|
|
|
35273
35287
|
React__default["default"].createElement(ArrowClockwise$1, { style: { fill: 'var(--primary)' } }))));
|
|
35274
35288
|
};
|
|
35275
35289
|
|
|
35276
|
-
var css_248z$
|
|
35277
|
-
styleInject(css_248z$
|
|
35278
|
-
|
|
35279
|
-
var css_248z$5 = "";
|
|
35280
|
-
styleInject(css_248z$5);
|
|
35290
|
+
var css_248z$3 = "@import \"../../styles/variables.css\";\n\n.Tooltip-module_tooltip-content__rrX8L {\n border-radius: 4px;\n padding: 6px 10px;\n background-color: white;\n font-size: 0.85rem;\n font-weight: 500;\n border: 1px solid var(--slate8);\n box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n}";
|
|
35291
|
+
styleInject(css_248z$3);
|
|
35281
35292
|
|
|
35282
35293
|
var AuthUser = function (config) {
|
|
35283
35294
|
var _a = useAPIClient(config); _a.client; var authUser = _a.authUser; _a.loading;
|
|
@@ -36068,11 +36079,8 @@ TabPanel.tabsRole = 'TabPanel';
|
|
|
36068
36079
|
TabPanel.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
36069
36080
|
TabPanel.defaultProps = defaultProps;
|
|
36070
36081
|
|
|
36071
|
-
var css_248z$
|
|
36072
|
-
styleInject(css_248z$
|
|
36073
|
-
|
|
36074
|
-
var css_248z$3 = ":root {\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:root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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}";
|
|
36075
|
-
styleInject(css_248z$3);
|
|
36082
|
+
var css_248z$2 = ".react-tabs_react-tabs__J-paC {\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-tabs_react-tabs__tab-list__NkbXR {\n border-bottom: 1px solid #aaa;\n margin: 0 0 10px;\n padding: 0;\n}\n\n.react-tabs_react-tabs__tab__PfWZu {\n display: inline-block;\n border: 1px solid transparent;\n border-bottom: none;\n bottom: -1px;\n position: relative;\n list-style: none;\n padding: 6px 12px;\n cursor: pointer;\n}\n\n.react-tabs_react-tabs__tab--selected__j-bi0 {\n background: #fff;\n border-color: #aaa;\n color: black;\n border-radius: 5px 5px 0 0;\n}\n\n.react-tabs_react-tabs__tab--disabled__QcBPr {\n color: GrayText;\n cursor: default;\n}\n\n.react-tabs_react-tabs__tab__PfWZu:focus {\n outline: none;\n}\n\n.react-tabs_react-tabs__tab__PfWZu:focus:after {\n content: '';\n position: absolute;\n height: 5px;\n left: -4px;\n right: -4px;\n bottom: -5px;\n background: #fff;\n}\n\n.react-tabs_react-tabs__tab-panel__ew9c3 {\n display: none;\n}\n\n.react-tabs_react-tabs__tab-panel--selected__VhOIL {\n display: block;\n}\n";
|
|
36083
|
+
styleInject(css_248z$2);
|
|
36076
36084
|
|
|
36077
36085
|
var SelectProject = function (_a) {
|
|
36078
36086
|
var _b, _c;
|
|
@@ -38989,20 +38997,22 @@ var GetModel = function (_a) {
|
|
|
38989
38997
|
}] : undefined, asButtons: true, label: buttonLabel, helpText: showHelpText && "Get ".concat(selection ? 'selected ' : '', " model").concat(subscribe ? ' continuously' : '', "."), icon: hbjson ? React__default["default"].createElement(CheckCircle$1, null) : undefined })));
|
|
38990
38998
|
};
|
|
38991
38999
|
|
|
38992
|
-
var css_248z$
|
|
38993
|
-
|
|
38994
|
-
|
|
38995
|
-
var css_248z$1 = ":root {\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:root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-button {\n z-index: 10;\n display: flex;\n justify-content: center;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n color: white;\n padding: 8px 16px;\n float: left;\n align-items: center;\n gap: 8px;\n border-radius: 4px;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, color 0.25s;\n text-overflow: ellipsis;\n max-width: 200px;\n overflow: hidden;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.poll-button:active {\n box-shadow: inset 0px 0px 9px 4px #096dd9;\n}\n\n.poll-button:disabled {\n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n cursor: default;\n box-shadow: none;\n}";
|
|
39000
|
+
var css_248z$1 = "@import \"../../styles/variables.css\";\n\n.Button-module_poll-button__yY4le {\n z-index: 10;\n \n display: flex;\n justify-content: center;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n \n color: white;\n padding: 8px 16px;\n \n float: left;\n align-items: center;\n gap: 8px;\n \n border-radius: 4px;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, color 0.25s;\n\n text-overflow: ellipsis;\n max-width: 200px;\n overflow: hidden;\n white-space: nowrap;\n\n cursor: pointer;\n }\n\n .Button-module_poll-button__yY4le:active { \n box-shadow: inset 0px 0px 9px 4px #096dd9;\n }\n\n .Button-module_poll-button__yY4le:disabled { \n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n cursor: default;\n box-shadow: none;\n }\n";
|
|
39001
|
+
var styles$1 = {"poll-button":"Button-module_poll-button__yY4le"};
|
|
38996
39002
|
styleInject(css_248z$1);
|
|
38997
39003
|
|
|
38998
39004
|
var ICON_SIZE = 18;
|
|
38999
39005
|
var Button = function (_a) {
|
|
39000
39006
|
var children = _a.children, loading = _a.loading, props = __rest$2(_a, ["children", "loading"]);
|
|
39001
|
-
return (React__default["default"].createElement("button", __assign$3({ "data-testid": "Button", className:
|
|
39002
|
-
loading && React__default["default"].createElement(ArrowClockwise$1, { className:
|
|
39007
|
+
return (React__default["default"].createElement("button", __assign$3({ "data-testid": "Button", className: styles$1['poll-button'] }, props),
|
|
39008
|
+
loading && React__default["default"].createElement(ArrowClockwise$1, { className: animations['spin'], size: ICON_SIZE, style: { fill: 'white' } }),
|
|
39003
39009
|
children));
|
|
39004
39010
|
};
|
|
39005
39011
|
|
|
39012
|
+
var css_248z = "@keyframes RecipeInputsForm-module_open__tB5XC {\n from { \n height: 0 \n }\n to { \n height: var(--radix-collapsible-content-height)\n }\n}\n\n@keyframes RecipeInputsForm-module_close__IrJyX {\n from { \n height: var(--radix-collapsible-content-height)\n }\n to { \n height: 0 \n }\n}\n\n.RecipeInputsForm-module_collapse-content__yKb7T{\n overflow: hidden;\n font-size: inherit;\n color: inherit;\n}\n\n.RecipeInputsForm-module_collapse-content__yKb7T[data-state=\"open\"]{\n animation: RecipeInputsForm-module_open__tB5XC 300ms ease-out;\n animation-fill-mode: forwards;\n}\n\n.RecipeInputsForm-module_collapse-content__yKb7T[data-state=\"closed\"]{\n animation: RecipeInputsForm-module_close__IrJyX 300ms ease-out;\n animation-fill-mode: forwards;\n}";
|
|
39013
|
+
var styles = {"collapse-content":"RecipeInputsForm-module_collapse-content__yKb7T","open":"RecipeInputsForm-module_open__tB5XC","close":"RecipeInputsForm-module_close__IrJyX"};
|
|
39014
|
+
styleInject(css_248z);
|
|
39015
|
+
|
|
39006
39016
|
var generateSchema = function (inputs) {
|
|
39007
39017
|
var required = inputs.reduce(function (p, c) { return c.required ? __spreadArray$1(__spreadArray$1([], p, true), [c.name], false) : p; }, []);
|
|
39008
39018
|
var properties = inputs.reduce(function (p, c) {
|
|
@@ -39030,7 +39040,7 @@ var generateSchema = function (inputs) {
|
|
|
39030
39040
|
});
|
|
39031
39041
|
};
|
|
39032
39042
|
var RecipeInputsForm = function (_a) {
|
|
39033
|
-
var recipe = _a.recipe, onSubmit = _a.onSubmit, disabled = _a.disabled;
|
|
39043
|
+
var recipe = _a.recipe, onSubmit = _a.onSubmit, disabled = _a.disabled, labelStyle = _a.labelStyle;
|
|
39034
39044
|
var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
|
|
39035
39045
|
var schema = generateSchema(recipe.inputs);
|
|
39036
39046
|
var _c = useForm({
|
|
@@ -39075,9 +39085,6 @@ var RecipeInputsForm = function (_a) {
|
|
|
39075
39085
|
});
|
|
39076
39086
|
}
|
|
39077
39087
|
};
|
|
39078
|
-
// console.log(errors)
|
|
39079
|
-
// console.log(isValid)
|
|
39080
|
-
// console.log(watch())
|
|
39081
39088
|
var groups = recipe.inputs.reduce(function (p, c) {
|
|
39082
39089
|
if (c.required) {
|
|
39083
39090
|
p[0].push(c);
|
|
@@ -39089,15 +39096,21 @@ var RecipeInputsForm = function (_a) {
|
|
|
39089
39096
|
}, [[], []]);
|
|
39090
39097
|
return (React__default["default"].createElement(Tabs, { forceRenderTabPanel: true },
|
|
39091
39098
|
React__default["default"].createElement(TabList, null,
|
|
39092
|
-
React__default["default"].createElement(Tab, { key: 'required-tab'
|
|
39093
|
-
|
|
39099
|
+
React__default["default"].createElement(Tab, { key: 'required-tab', style: {
|
|
39100
|
+
backgroundColor: 'rgba(0,0,0,0)'
|
|
39101
|
+
} }, "Required"),
|
|
39102
|
+
React__default["default"].createElement(Tab, { key: 'optional-tab', style: {
|
|
39103
|
+
backgroundColor: 'rgba(0,0,0,0)'
|
|
39104
|
+
} }, "Optional")),
|
|
39094
39105
|
React__default["default"].createElement("form", { id: recipe.metadata.name, onSubmit: handleSubmit(_onSubmit), style: {
|
|
39095
39106
|
display: 'flex',
|
|
39096
39107
|
flexDirection: 'column',
|
|
39097
39108
|
width: '100%',
|
|
39098
39109
|
justifyContent: 'center'
|
|
39099
39110
|
} }, groups.map(function (g, i) {
|
|
39100
|
-
return React__default["default"].createElement(TabPanel, { key: "".concat(i === 0 ? 'required' : 'optional', "-tab")
|
|
39111
|
+
return React__default["default"].createElement(TabPanel, { key: "".concat(i === 0 ? 'required' : 'optional', "-tab"), style: {
|
|
39112
|
+
padding: '0px 8px 8px'
|
|
39113
|
+
} },
|
|
39101
39114
|
React__default["default"].createElement("div", { style: {
|
|
39102
39115
|
display: 'flex',
|
|
39103
39116
|
flexDirection: 'column',
|
|
@@ -39112,7 +39125,7 @@ var RecipeInputsForm = function (_a) {
|
|
|
39112
39125
|
color: 'inherit',
|
|
39113
39126
|
gap: 2
|
|
39114
39127
|
}, key: input.name },
|
|
39115
|
-
React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
|
|
39128
|
+
React__default["default"].createElement(Label, { style: labelStyle, label: React__default["default"].createElement("div", { style: {
|
|
39116
39129
|
display: 'flex',
|
|
39117
39130
|
fontSize: 'inherit',
|
|
39118
39131
|
alignItems: 'center',
|
|
@@ -39135,7 +39148,7 @@ var RecipeInputsForm = function (_a) {
|
|
|
39135
39148
|
padding: 0,
|
|
39136
39149
|
} },
|
|
39137
39150
|
React__default["default"].createElement(InfoCircle$1, { style: { fill: 'var(--primary)' } }))) },
|
|
39138
|
-
React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, input && input.description) }, (function () {
|
|
39151
|
+
React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: styles['collapse-content'] }, input && input.description) }, (function () {
|
|
39139
39152
|
var _a;
|
|
39140
39153
|
var inputProps = __assign$3({}, register(input.name, {
|
|
39141
39154
|
required: input.required ? "Providing a ".concat(input.name, " is required.") : false,
|
|
@@ -39211,7 +39224,7 @@ var initialState = {
|
|
|
39211
39224
|
var defaultStyle = {
|
|
39212
39225
|
display: 'flex',
|
|
39213
39226
|
flexDirection: 'column',
|
|
39214
|
-
gap:
|
|
39227
|
+
gap: 16,
|
|
39215
39228
|
backgroundColor: '#FFFAEE',
|
|
39216
39229
|
// border: '1px solid #d0d7de',
|
|
39217
39230
|
// borderRadius: 4,
|
|
@@ -39219,10 +39232,10 @@ var defaultStyle = {
|
|
|
39219
39232
|
// padding: 24,
|
|
39220
39233
|
};
|
|
39221
39234
|
var CreateStudy = function (_a) {
|
|
39222
|
-
var _b;
|
|
39235
|
+
var _b, _c, _d, _e, _f, _g, _h;
|
|
39223
39236
|
var authUser = _a.authUser, client = _a.client, style = _a.style;
|
|
39224
|
-
var
|
|
39225
|
-
var
|
|
39237
|
+
var _j = React.useState(0), activeTabIndex = _j[0], setActiveTabIndex = _j[1];
|
|
39238
|
+
var _k = React.useState(initialState), state = _k[0], setState = _k[1];
|
|
39226
39239
|
var setSelAccount = React.useCallback(function (account) {
|
|
39227
39240
|
setState(function (state) { return (__assign$3(__assign$3({}, state), { account: account, project: undefined })); });
|
|
39228
39241
|
}, []);
|
|
@@ -39244,16 +39257,24 @@ var CreateStudy = function (_a) {
|
|
|
39244
39257
|
return (React__default["default"].createElement("div", { "data-testid": "CreateProject", style: __assign$3(__assign$3({}, defaultStyle), style) },
|
|
39245
39258
|
React__default["default"].createElement(Tabs, { selectedIndex: activeTabIndex, onSelect: function (index) { return setActiveTabIndex(index); }, forceRenderTabPanel: true },
|
|
39246
39259
|
React__default["default"].createElement(TabList, null,
|
|
39247
|
-
React__default["default"].createElement(Tab,
|
|
39260
|
+
React__default["default"].createElement(Tab, { style: {
|
|
39261
|
+
backgroundColor: 'rgba(0,0,0,0)',
|
|
39262
|
+
} }, "Select Recipe"),
|
|
39248
39263
|
state.recipe &&
|
|
39249
|
-
React__default["default"].createElement(Tab,
|
|
39250
|
-
|
|
39264
|
+
React__default["default"].createElement(Tab, { style: {
|
|
39265
|
+
backgroundColor: 'rgba(0,0,0,0)'
|
|
39266
|
+
} }, "Recipe Inputs")),
|
|
39267
|
+
React__default["default"].createElement(TabPanel, { style: {
|
|
39268
|
+
padding: '0px 16px 16px'
|
|
39269
|
+
} },
|
|
39251
39270
|
React__default["default"].createElement("div", { style: {
|
|
39252
39271
|
display: 'flex',
|
|
39253
39272
|
flexDirection: 'column',
|
|
39254
39273
|
gap: 8
|
|
39255
39274
|
} },
|
|
39256
|
-
React__default["default"].createElement(Label, { label: "Study Name"
|
|
39275
|
+
React__default["default"].createElement(Label, { label: "Study Name", style: {
|
|
39276
|
+
backgroundColor: (_c = __assign$3(__assign$3({}, defaultStyle), style).backgroundColor) !== null && _c !== void 0 ? _c : 'white'
|
|
39277
|
+
} },
|
|
39257
39278
|
React__default["default"].createElement(TextInput, { inputProps: {
|
|
39258
39279
|
name: 'study-name',
|
|
39259
39280
|
placeholder: 'A name for the study',
|
|
@@ -39265,7 +39286,9 @@ var CreateStudy = function (_a) {
|
|
|
39265
39286
|
setState(function (state) { return (__assign$3(__assign$3({}, state), { name: e.target.value })); });
|
|
39266
39287
|
}
|
|
39267
39288
|
} })),
|
|
39268
|
-
React__default["default"].createElement(Label, { label: "Study Description"
|
|
39289
|
+
React__default["default"].createElement(Label, { label: "Study Description", style: {
|
|
39290
|
+
backgroundColor: (_d = __assign$3(__assign$3({}, defaultStyle), style).backgroundColor) !== null && _d !== void 0 ? _d : 'white'
|
|
39291
|
+
} },
|
|
39269
39292
|
React__default["default"].createElement(TextInput, { inputProps: {
|
|
39270
39293
|
name: 'study-description',
|
|
39271
39294
|
placeholder: 'A short description for the study',
|
|
@@ -39277,15 +39300,25 @@ var CreateStudy = function (_a) {
|
|
|
39277
39300
|
setState(function (state) { return (__assign$3(__assign$3({}, state), { description: e.target.value })); });
|
|
39278
39301
|
}
|
|
39279
39302
|
} })),
|
|
39280
|
-
React__default["default"].createElement(Label, { label: state.account ? state.account.name : 'Account'
|
|
39303
|
+
React__default["default"].createElement(Label, { label: state.account ? state.account.name : 'Account', style: {
|
|
39304
|
+
backgroundColor: (_e = __assign$3(__assign$3({}, defaultStyle), style).backgroundColor) !== null && _e !== void 0 ? _e : 'white'
|
|
39305
|
+
} },
|
|
39281
39306
|
React__default["default"].createElement(SelectAccount, { authUser: authUser, client: client, setSelAccount: setSelAccount })),
|
|
39282
|
-
React__default["default"].createElement(Label, { label: state.project ? state.project.name : 'Project'
|
|
39307
|
+
React__default["default"].createElement(Label, { label: state.project ? state.project.name : 'Project', style: {
|
|
39308
|
+
backgroundColor: (_f = __assign$3(__assign$3({}, defaultStyle), style).backgroundColor) !== null && _f !== void 0 ? _f : 'white'
|
|
39309
|
+
} },
|
|
39283
39310
|
React__default["default"].createElement(SelectProject, { authUser: authUser, client: client, setSelProject: setSelProject, projectOwner: projectOwner })),
|
|
39284
|
-
React__default["default"].createElement(Label, { label: state.recipe && state.recipe.metadata ? state.recipe.metadata.name : 'Recipe'
|
|
39311
|
+
React__default["default"].createElement(Label, { label: state.recipe && state.recipe.metadata ? state.recipe.metadata.name : 'Recipe', style: {
|
|
39312
|
+
backgroundColor: (_g = __assign$3(__assign$3({}, defaultStyle), style).backgroundColor) !== null && _g !== void 0 ? _g : 'white'
|
|
39313
|
+
} },
|
|
39285
39314
|
React__default["default"].createElement(SelectRecipe, { authUser: authUser, client: client, projectOwner: projectOwner, projectName: state.project ? state === null || state === void 0 ? void 0 : state.project.name : undefined, setSelRecipe: setSelRecipe })))),
|
|
39286
39315
|
state.recipe &&
|
|
39287
|
-
React__default["default"].createElement(TabPanel,
|
|
39288
|
-
|
|
39316
|
+
React__default["default"].createElement(TabPanel, { style: {
|
|
39317
|
+
padding: '0px 16px 16px'
|
|
39318
|
+
} },
|
|
39319
|
+
React__default["default"].createElement(RecipeInputsForm, { recipe: state.recipe, onSubmit: function (data) { return createStudy({ name: state === null || state === void 0 ? void 0 : state.name, source: state === null || state === void 0 ? void 0 : state.recipe.source, description: state === null || state === void 0 ? void 0 : state.description }, data); }, disabled: !state.name || !state.account || !state.project || !state.recipe, labelStyle: {
|
|
39320
|
+
backgroundColor: (_h = __assign$3(__assign$3({}, defaultStyle), style).backgroundColor) !== null && _h !== void 0 ? _h : 'white'
|
|
39321
|
+
} })))));
|
|
39289
39322
|
};
|
|
39290
39323
|
|
|
39291
39324
|
// Generated with util/create-component.js
|
|
@@ -39387,12 +39420,9 @@ var GetGeometry = function (_a) {
|
|
|
39387
39420
|
return typeof optionsConfig[o.id] === 'undefined' ? true :
|
|
39388
39421
|
typeof optionsConfig[o.id].show === 'undefined' ? true : optionsConfig[o.id].show;
|
|
39389
39422
|
}),
|
|
39390
|
-
}] : undefined, asButtons: true, label: buttonLabel, helpText: "Get ".concat(selection ? 'selected ' : '', " geometry").concat(subscribe ? ' continuously' : '', ".") }));
|
|
39423
|
+
}] : undefined, asButtons: true, label: buttonLabel, helpText: "Get ".concat(selection ? 'selected ' : '', " geometry").concat(subscribe ? ' continuously' : '', "."), icon: geometry ? React__default["default"].createElement(CheckCircle$1, null) : undefined }));
|
|
39391
39424
|
};
|
|
39392
39425
|
|
|
39393
|
-
var css_248z = "";
|
|
39394
|
-
styleInject(css_248z);
|
|
39395
|
-
|
|
39396
39426
|
var SelectStudy = function (_a) {
|
|
39397
39427
|
var _b, _c;
|
|
39398
39428
|
var authUser = _a.authUser, client = _a.client, projectName = _a.projectName, projectOwner = _a.projectOwner, setSelStudy = _a.setSelStudy;
|