pollination-react-io 1.16.8 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -644,8 +644,8 @@ function styleInject(css, ref) {
644
644
  }
645
645
  }
646
646
 
647
- var css_248z$i = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-button {\n z-index: 10;\n display: flex;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n color: white;\n padding: 8px 16px;\n line-height: 1.5rem;\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: 280px;\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}";
648
- styleInject(css_248z$i);
647
+ var css_248z$j = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-button {\n z-index: 10;\n display: flex;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n color: white;\n padding: 8px 16px;\n line-height: 1.5rem;\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: 280px;\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}";
648
+ styleInject(css_248z$j);
649
649
 
650
650
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
651
651
 
@@ -3134,8 +3134,8 @@ var Button = function (_a) {
3134
3134
  children));
3135
3135
  };
3136
3136
 
3137
- var css_248z$h = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.btn-group {\n width: fit-content;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n}\n\n.btn-group: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.btn-group-disabled:hover {\n box-shadow: none;\n}\n\n.btn-group input {\n width: 100%;\n}\n\n.btn-group input::placeholder {\n color: var(--primary1);\n}\n\n.btn-group-disabled input::placeholder {\n color: var(--slate9);\n}\n\n.btn-group * {\n background-color: var(--primary);\n color: white;\n transition: background-color 0.125s ease-in-out;\n}\n\n.btn-group-disabled * {\n background-color: var(--slate5);\n border-color: var(--slate11) !important;\n color: var(--slate11);\n cursor: default !important;\n}\n\n.btn-group i,\n.btn-group svg {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.btn-group button,\n.btn-group 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.btn-group button:active {\n box-shadow: inset 0px 0px 14px 14px #096dd9;\n}\n\n.btn-group button:first-child,\n.btn-group input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n border-left-color: var(--primary);\n}\n\n.btn-group button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n\n.btn-group button:not(:last-child),\n.btn-group input:not(:last-child) {\n border-right: none;\n}\n\n.btn-group button:focus-visible,\n.btn-group input:focus-visible {\n outline: none;\n}\n\n.btn-group button:focus,\n.btn-group input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.btn-group:after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.btn-group button:hover,\n.btn-group input:hover {\n background-color: var(--primary2);\n z-index: 11;\n}\n\n.btn-group-disabled:hover button:hover {\n box-shadow: none;\n}\n\n.btn-group-disabled:hover button:hover,\n.btn-group-disabled:hover input:hover {\n background-color: var(--slate5);\n}\n\n.options-content {\n font-size: clamp(0.65rem, 8vw - 0.75rem, 0.85rem);\n}";
3138
- styleInject(css_248z$h);
3137
+ var css_248z$i = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.btn-group {\n width: fit-content;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n}\n\n.btn-group: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.btn-group-disabled:hover {\n box-shadow: none;\n}\n\n.btn-group input {\n width: 100%;\n}\n\n.btn-group input::placeholder {\n color: var(--primary1);\n}\n\n.btn-group-disabled input::placeholder {\n color: var(--slate9);\n}\n\n.btn-group * {\n background-color: var(--primary);\n color: white;\n transition: background-color 0.125s ease-in-out;\n}\n\n.btn-group-disabled * {\n background-color: var(--slate5);\n border-color: var(--slate11) !important;\n color: var(--slate11);\n cursor: default !important;\n}\n\n.btn-group i,\n.btn-group svg {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.btn-group button,\n.btn-group 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.btn-group button:active {\n box-shadow: inset 0px 0px 14px 14px #096dd9;\n}\n\n.btn-group button:first-child,\n.btn-group input:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n border-left-color: var(--primary);\n}\n\n.btn-group button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n\n.btn-group button:not(:last-child),\n.btn-group input:not(:last-child) {\n border-right: none;\n}\n\n.btn-group button:focus-visible,\n.btn-group input:focus-visible {\n outline: none;\n}\n\n.btn-group button:focus,\n.btn-group input:focus {\n outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.btn-group:after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.btn-group button:hover,\n.btn-group input:hover {\n background-color: var(--primary2);\n z-index: 11;\n}\n\n.btn-group-disabled:hover button:hover {\n box-shadow: none;\n}\n\n.btn-group-disabled:hover button:hover,\n.btn-group-disabled:hover input:hover {\n background-color: var(--slate5);\n}\n\n.options-content {\n font-size: clamp(0.65rem, 8vw - 0.75rem, 0.85rem);\n}";
3138
+ styleInject(css_248z$i);
3139
3139
 
3140
3140
  var ButtonGroup = function (_a) {
3141
3141
  var _b = _a.wrapperProps, wrapperProps = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children;
@@ -7018,8 +7018,8 @@ function toNumber(value) {
7018
7018
 
7019
7019
  var lodash_debounce = debounce;
7020
7020
 
7021
- var css_248z$g = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-combobox {\n width: 100%;\n}\n\n.poll-combobox-content {\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 0.5s ease-in-out;\n}\n\n.poll-combobox-item {\n display: inline-block;\n border-radius: 2px;\n padding: 2px 8px;\n transition: background-color 0.15s linear, color 0.15s linear;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n background-color: var(--primary2);\n color: white;\n}\n\n.poll-select-item:focus-visible {\n background-color: var(--primary0);\n outline: solid 1px var(--primary);\n color: unset;\n outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n background-color: var(--primary0);\n cursor: pointer;\n color: unset;\n}\n\n.poll-separator {\n background-color: var(--slate5);\n height: 1px;\n width: 100%;\n margin: 4px 0;\n}\n\n.poll-combo-header-container {\n transition: opacity 0.5s ease-in-out;\n}\n\n.poll-combo-footer-container {\n transition: opacity 0.5s ease-in-out;\n}";
7022
- styleInject(css_248z$g);
7021
+ var css_248z$h = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-combobox {\n width: 100%;\n}\n\n.poll-combobox-content {\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 0.5s ease-in-out;\n}\n\n.poll-combobox-item {\n display: inline-block;\n border-radius: 2px;\n padding: 2px 8px;\n transition: background-color 0.15s linear, color 0.15s linear;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n background-color: var(--primary2);\n color: white;\n}\n\n.poll-select-item:focus-visible {\n background-color: var(--primary0);\n outline: solid 1px var(--primary);\n color: unset;\n outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n background-color: var(--primary0);\n cursor: pointer;\n color: unset;\n}\n\n.poll-separator {\n background-color: var(--slate5);\n height: 1px;\n width: 100%;\n margin: 4px 0;\n}\n\n.poll-combo-header-container {\n transition: opacity 0.5s ease-in-out;\n}\n\n.poll-combo-footer-container {\n transition: opacity 0.5s ease-in-out;\n}";
7022
+ styleInject(css_248z$h);
7023
7023
 
7024
7024
  /*!
7025
7025
  * perfect-scrollbar v1.5.3
@@ -8629,11 +8629,11 @@ module.exports = exports['default'];
8629
8629
 
8630
8630
  var PerfectScrollbar = /*@__PURE__*/getDefaultExportFromCjs(lib);
8631
8631
 
8632
- var css_248z$f = "/*\n * Container style\n */\n.ps {\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.ps__rail-x {\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.ps__rail-y {\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.ps--active-x > .ps__rail-x,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > .ps__rail-x,\n.ps:hover > .ps__rail-y,\n.ps--focus > .ps__rail-x,\n.ps--focus > .ps__rail-y,\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps .ps__rail-x:hover,\n.ps .ps__rail-y:hover,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-y.ps--clicking {\n background-color: #eee;\n opacity: 0.9;\n}\n\n/*\n * Scrollbar thumb styles\n */\n.ps__thumb-x {\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.ps__thumb-y {\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.ps__rail-x:hover > .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x,\n.ps__rail-x.ps--clicking .ps__thumb-x {\n background-color: #999;\n height: 11px;\n}\n\n.ps__rail-y:hover > .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y,\n.ps__rail-y.ps--clicking .ps__thumb-y {\n background-color: #999;\n width: 11px;\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important;\n }\n}\n.scrollbar-container {\n position: relative;\n height: 100%; }";
8633
- styleInject(css_248z$f);
8632
+ var css_248z$g = "/*\n * Container style\n */\n.ps {\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.ps__rail-x {\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.ps__rail-y {\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.ps--active-x > .ps__rail-x,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > .ps__rail-x,\n.ps:hover > .ps__rail-y,\n.ps--focus > .ps__rail-x,\n.ps--focus > .ps__rail-y,\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps .ps__rail-x:hover,\n.ps .ps__rail-y:hover,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-y.ps--clicking {\n background-color: #eee;\n opacity: 0.9;\n}\n\n/*\n * Scrollbar thumb styles\n */\n.ps__thumb-x {\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.ps__thumb-y {\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.ps__rail-x:hover > .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x,\n.ps__rail-x.ps--clicking .ps__thumb-x {\n background-color: #999;\n height: 11px;\n}\n\n.ps__rail-y:hover > .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y,\n.ps__rail-y.ps--clicking .ps__thumb-y {\n background-color: #999;\n width: 11px;\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important;\n }\n}\n.scrollbar-container {\n position: relative;\n height: 100%; }";
8633
+ styleInject(css_248z$g);
8634
8634
 
8635
- var css_248z$e = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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}";
8636
- styleInject(css_248z$e);
8635
+ var css_248z$f = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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}";
8636
+ styleInject(css_248z$f);
8637
8637
 
8638
8638
  var ScrollZone = function (_a) {
8639
8639
  var isOpen = _a.isOpen, items = _a.items, highlightedIndex = _a.highlightedIndex, menuStyle = _a.menuStyle, renderItem = _a.renderItem, getMenuProps = _a.getMenuProps, getItemProps = _a.getItemProps, onScrollEnd = _a.onScrollEnd;
@@ -8673,11 +8673,12 @@ var ScrollZone = function (_a) {
8673
8673
 
8674
8674
  var ICON_SIZE = 18;
8675
8675
  var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
8676
- var items = _a.items, renderItem = _a.renderItem, setSelected = _a.setSelected, onScrollReachEnd = _a.onScrollReachEnd, _b = _a.stateReducer, stateReducer = _b === void 0 ? function (state, _a) {
8676
+ var _b;
8677
+ var items = _a.items, renderItem = _a.renderItem, setSelected = _a.setSelected, onScrollReachEnd = _a.onScrollReachEnd, _c = _a.stateReducer, stateReducer = _c === void 0 ? function (state, _a) {
8677
8678
  _a.type; var changes = _a.changes;
8678
8679
  return changes;
8679
- } : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.icon, icon = _e === void 0 ? React__default["default"].createElement(CursorText$1, null) : _e, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, _f = _a.maxHeight, maxHeight = _f === void 0 ? 180 : _f, inputProps = _a.inputProps, header = _a.header, footer = _a.footer, _g = _a.noMatchText, noMatchText = _g === void 0 ? 'No matching items' : _g;
8680
- var _h = React.useState(items), inputItems = _h[0], setInputItems = _h[1];
8680
+ } : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.icon, icon = _f === void 0 ? React__default["default"].createElement(CursorText$1, null) : _f, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, _g = _a.maxHeight, maxHeight = _g === void 0 ? 180 : _g, inputProps = _a.inputProps, header = _a.header, footer = _a.footer, _h = _a.noMatchText, noMatchText = _h === void 0 ? 'No matching items' : _h;
8681
+ var _j = React.useState(items), inputItems = _j[0], setInputItems = _j[1];
8681
8682
  React.useEffect(function () {
8682
8683
  setInputItems(items);
8683
8684
  }, [items]);
@@ -8686,7 +8687,7 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
8686
8687
  lodash_debounce(onScrollReachEnd, 1000, { leading: true, trailing: false })
8687
8688
  : undefined;
8688
8689
  }, [onScrollReachEnd]);
8689
- var _j = useCombobox({
8690
+ var _k = useCombobox({
8690
8691
  items: inputItems,
8691
8692
  onInputValueChange: function (_a) {
8692
8693
  var inputValue = _a.inputValue;
@@ -8701,13 +8702,15 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
8701
8702
  stateReducer: stateReducer
8702
8703
  // to what extent is this necessary?
8703
8704
  // environment: environment ? environment : undefined
8704
- }), isOpen = _j.isOpen, getToggleButtonProps = _j.getToggleButtonProps, getMenuProps = _j.getMenuProps, getInputProps = _j.getInputProps, getComboboxProps = _j.getComboboxProps, highlightedIndex = _j.highlightedIndex, getItemProps = _j.getItemProps, openMenu = _j.openMenu, closeMenu = _j.closeMenu, selectItem = _j.selectItem, selectedItem = _j.selectedItem, inputValue = _j.inputValue;
8705
+ }), isOpen = _k.isOpen, getToggleButtonProps = _k.getToggleButtonProps, getMenuProps = _k.getMenuProps, getInputProps = _k.getInputProps, getComboboxProps = _k.getComboboxProps, highlightedIndex = _k.highlightedIndex, getItemProps = _k.getItemProps, openMenu = _k.openMenu, closeMenu = _k.closeMenu, selectItem = _k.selectItem, selectedItem = _k.selectedItem, inputValue = _k.inputValue;
8705
8706
  React.useImperativeHandle(ref, function () { return ({
8706
8707
  selectItem: selectItem,
8707
8708
  selectedItem: selectedItem,
8708
8709
  inputValue: inputValue
8709
8710
  }); });
8710
8711
  React.useEffect(function () {
8712
+ // @ts-ignore
8713
+ // console.log('combobox: ', selectedItem && (selectedItem.name || selectedItem.file_name) ? selectedItem.name ?? selectedItem.file_name : undefined,)
8711
8714
  if (!selectedItem)
8712
8715
  return;
8713
8716
  setSelected && setSelected(selectedItem);
@@ -8715,15 +8718,17 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
8715
8718
  }, [closeMenu, selectedItem, setSelected]);
8716
8719
  return (React__default["default"].createElement("div", { "data-testid": "ComboBoxSelect", className: "poll-combobox" },
8717
8720
  React__default["default"].createElement(ButtonGroup, { wrapperProps: __assign(__assign({}, getComboboxProps()), { style: __assign(__assign({}, inputStyle), { position: 'relative', width: '100%' }) }), disabled: disabled },
8718
- React__default["default"].createElement("input", __assign({}, getInputProps(__assign(__assign({ placeholder: 'Search for something...' }, inputProps), { onFocus: function () {
8719
- openMenu();
8720
- } })), { spellCheck: false, disabled: disabled, style: {
8721
+ React__default["default"].createElement("input", __assign({}, getInputProps(__assign(__assign({ placeholder: 'Search for something...', spellCheck: false, disabled: disabled, style: {
8721
8722
  paddingLeft: 42,
8722
8723
  borderTopLeftRadius: 4,
8723
8724
  borderBottomLeftRadius: isOpen ? 0 : 4,
8724
8725
  flex: 12,
8725
8726
  lineHeight: '1.5rem',
8726
- } })),
8727
+ },
8728
+ // @ts-ignore
8729
+ value: selectedItem && (selectedItem.name || selectedItem.file_name) ? (_b = selectedItem.name) !== null && _b !== void 0 ? _b : selectedItem.file_name : '' }, inputProps), { onFocus: function () {
8730
+ openMenu();
8731
+ } })))),
8727
8732
  React__default["default"].createElement("i", { style: {
8728
8733
  position: 'absolute',
8729
8734
  height: '100%',
@@ -8733,7 +8738,10 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
8733
8738
  display: 'flex',
8734
8739
  color: 'white',
8735
8740
  zIndex: 20,
8736
- } }, selectedItem ? React__default["default"].createElement(CheckCircle$1, { size: ICON_SIZE }) : React__default["default"].cloneElement(icon, { size: ICON_SIZE })),
8741
+ } }, selectedItem ?
8742
+ React__default["default"].createElement(CheckCircle$1, { size: ICON_SIZE })
8743
+ :
8744
+ React__default["default"].cloneElement(icon, { size: ICON_SIZE })),
8737
8745
  loading
8738
8746
  ? (React__default["default"].createElement("button", { type: 'button', tabIndex: -1, disabled: disabled, style: {
8739
8747
  borderBottomRightRadius: isOpen ? 0 : 4,
@@ -8747,10 +8755,11 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
8747
8755
  borderBottomRightRadius: isOpen ? 0 : 4,
8748
8756
  } },
8749
8757
  React__default["default"].createElement(X$2, { size: ICON_SIZE })))
8750
- : (React__default["default"].createElement("button", __assign({ type: 'button', disabled: disabled }, getToggleButtonProps(), { style: {
8751
- borderBottomRightRadius: isOpen ? 0 : 4,
8752
- } }),
8753
- React__default["default"].createElement(ArrowDown$1, { size: ICON_SIZE })))),
8758
+ :
8759
+ (React__default["default"].createElement("button", __assign({ type: 'button', disabled: disabled }, getToggleButtonProps(), { style: {
8760
+ borderBottomRightRadius: isOpen ? 0 : 4,
8761
+ } }),
8762
+ React__default["default"].createElement(ArrowDown$1, { size: ICON_SIZE })))),
8754
8763
  React__default["default"].createElement("div", { className: "poll-combobox-content", style: {
8755
8764
  maxHeight: isOpen ? maxHeight : 0,
8756
8765
  boxShadow: isOpen ? 'rgba(0, 0, 0, 0.08) 0px 2px 4px' : undefined,
@@ -13300,8 +13309,8 @@ const $d08ef79370b62062$export$371ab307eab489c0 = $d08ef79370b62062$export$e4f69
13300
13309
  const $d08ef79370b62062$export$c3468e2714d175fa = $d08ef79370b62062$export$42355ae145153fb6;
13301
13310
  const $d08ef79370b62062$export$21b07c8f274aebd5 = $d08ef79370b62062$export$34b8980744021ec5;
13302
13311
 
13303
- var css_248z$d = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-select-content {\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 z-index: 1000;\n}\n\n.poll-select-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n border-radius: 2px;\n padding: 4px 8px 4px 30px;\n transition: background-color 0.15s linear, color 0.15s linear;\n cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n background-color: var(--primary2);\n color: white;\n}\n\n.poll-select-item[data-state=checked] > svg {\n fill: white;\n}\n\n.poll-select-item[data-disabled] {\n cursor: default;\n color: var(--slate9);\n}\n\n.poll-select-item[data-disabled]:hover {\n background-color: white;\n color: var(--slate9);\n}\n\n.poll-select-item:focus-visible {\n background-color: var(--primary0);\n outline: solid 1px var(--primary);\n color: unset;\n outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n background-color: var(--primary0);\n color: unset;\n fill: unset;\n}\n\n.poll-separator {\n background-color: #d0d7de;\n height: 1px;\n width: 100%;\n margin: 4px 0;\n}";
13304
- styleInject(css_248z$d);
13312
+ var css_248z$e = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-select-content {\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 z-index: 1000;\n}\n\n.poll-select-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n border-radius: 2px;\n padding: 4px 8px 4px 30px;\n transition: background-color 0.15s linear, color 0.15s linear;\n cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n background-color: var(--primary2);\n color: white;\n}\n\n.poll-select-item[data-state=checked] > svg {\n fill: white;\n}\n\n.poll-select-item[data-disabled] {\n cursor: default;\n color: var(--slate9);\n}\n\n.poll-select-item[data-disabled]:hover {\n background-color: white;\n color: var(--slate9);\n}\n\n.poll-select-item:focus-visible {\n background-color: var(--primary0);\n outline: solid 1px var(--primary);\n color: unset;\n outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n background-color: var(--primary0);\n color: unset;\n fill: unset;\n}\n\n.poll-separator {\n background-color: #d0d7de;\n height: 1px;\n width: 100%;\n margin: 4px 0;\n}";
13313
+ styleInject(css_248z$e);
13305
13314
 
13306
13315
  var Dropdown = function (_a) {
13307
13316
  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;
@@ -14991,8 +15000,8 @@ function reducer(state, action) {
14991
15000
 
14992
15001
  function noop$1() {}
14993
15002
 
14994
- var css_248z$c = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-drop-zone {\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 cursor: pointer;\n border: 1px solid #E8F6FF;\n user-select: none;\n}\n\n.poll-drop-zone-disabled {\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 border: 1px solid #E8F6FF;\n user-select: none;\n}\n\n.poll-drop-zone:hover,\n.poll-drop-zone:active,\n.poll-drop-zone:focus {\n border-color: #FCDE5D;\n}\n\n.poll-drop-zone:hover .poll-file-input-button,\n.poll-drop-zone:active .poll-file-input-button {\n background-color: #FCDE5D;\n color: black;\n border-color: #FCDE5D;\n}\n\n.poll-file-input-button {\n z-index: 10;\n display: flex;\n max-width: 260px;\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;\n}\n\n.poll-file-input-button-disabled {\n content: \"Disabled\";\n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n}";
14995
- styleInject(css_248z$c);
15003
+ var css_248z$d = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-drop-zone {\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 cursor: pointer;\n border: 1px solid #E8F6FF;\n user-select: none;\n}\n\n.poll-drop-zone-disabled {\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 border: 1px solid #E8F6FF;\n user-select: none;\n}\n\n.poll-drop-zone:hover,\n.poll-drop-zone:active,\n.poll-drop-zone:focus {\n border-color: #FCDE5D;\n}\n\n.poll-drop-zone:hover .poll-file-input-button,\n.poll-drop-zone:active .poll-file-input-button {\n background-color: #FCDE5D;\n color: black;\n border-color: #FCDE5D;\n}\n\n.poll-file-input-button {\n z-index: 10;\n display: flex;\n max-width: 260px;\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;\n}\n\n.poll-file-input-button-disabled {\n content: \"Disabled\";\n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n}";
15004
+ styleInject(css_248z$d);
14996
15005
 
14997
15006
  var FileInput = function (_a) {
14998
15007
  var disabled = _a.disabled, onChange = _a.onChange, _b = _a.accept, accept = _b === void 0 ? ['.hbjson'] : _b, inputProps = _a.inputProps;
@@ -15056,6 +15065,138 @@ var FileInput = function (_a) {
15056
15065
  React__default["default"].createElement("input", __assign({ type: "file", multiple: false }, inputProps, getInputProps()))));
15057
15066
  };
15058
15067
 
15068
+ /* -------------------------------------------------------------------------------------------------
15069
+ * Collapsible
15070
+ * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$COLLAPSIBLE_NAME = 'Collapsible';
15071
+ const [$409067139f391064$var$createCollapsibleContext, $409067139f391064$export$952b32dcbe73087a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($409067139f391064$var$COLLAPSIBLE_NAME);
15072
+ const [$409067139f391064$var$CollapsibleProvider, $409067139f391064$var$useCollapsibleContext] = $409067139f391064$var$createCollapsibleContext($409067139f391064$var$COLLAPSIBLE_NAME);
15073
+ const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
15074
+ const { __scopeCollapsible: __scopeCollapsible , open: openProp , defaultOpen: defaultOpen , disabled: disabled , onOpenChange: onOpenChange , ...collapsibleProps } = props;
15075
+ const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
15076
+ prop: openProp,
15077
+ defaultProp: defaultOpen,
15078
+ onChange: onOpenChange
15079
+ });
15080
+ return /*#__PURE__*/ React.createElement($409067139f391064$var$CollapsibleProvider, {
15081
+ scope: __scopeCollapsible,
15082
+ disabled: disabled,
15083
+ contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
15084
+ open: open,
15085
+ onOpenToggle: React.useCallback(()=>setOpen((prevOpen)=>!prevOpen
15086
+ )
15087
+ , [
15088
+ setOpen
15089
+ ])
15090
+ }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
15091
+ "data-state": $409067139f391064$var$getState(open),
15092
+ "data-disabled": disabled ? '' : undefined
15093
+ }, collapsibleProps, {
15094
+ ref: forwardedRef
15095
+ })));
15096
+ });
15097
+ /* -------------------------------------------------------------------------------------------------
15098
+ * CollapsibleTrigger
15099
+ * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$TRIGGER_NAME = 'CollapsibleTrigger';
15100
+ const $409067139f391064$export$c135dce7b15bbbdc = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
15101
+ const { __scopeCollapsible: __scopeCollapsible , ...triggerProps } = props;
15102
+ const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
15103
+ return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$F({
15104
+ type: "button",
15105
+ "aria-controls": context.contentId,
15106
+ "aria-expanded": context.open || false,
15107
+ "data-state": $409067139f391064$var$getState(context.open),
15108
+ "data-disabled": context.disabled ? '' : undefined,
15109
+ disabled: context.disabled
15110
+ }, triggerProps, {
15111
+ ref: forwardedRef,
15112
+ onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, context.onOpenToggle)
15113
+ }));
15114
+ });
15115
+ /* -------------------------------------------------------------------------------------------------
15116
+ * CollapsibleContent
15117
+ * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CONTENT_NAME = 'CollapsibleContent';
15118
+ const $409067139f391064$export$aadde00976f34151 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
15119
+ const { forceMount: forceMount , ...contentProps } = props;
15120
+ const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, props.__scopeCollapsible);
15121
+ return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
15122
+ present: forceMount || context.open
15123
+ }, ({ present: present })=>/*#__PURE__*/ React.createElement($409067139f391064$var$CollapsibleContentImpl, _extends$F({}, contentProps, {
15124
+ ref: forwardedRef,
15125
+ present: present
15126
+ }))
15127
+ );
15128
+ });
15129
+ /* -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CollapsibleContentImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
15130
+ const { __scopeCollapsible: __scopeCollapsible , present: present , children: children , ...contentProps } = props;
15131
+ const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, __scopeCollapsible);
15132
+ const [isPresent, setIsPresent] = React.useState(present);
15133
+ const ref = React.useRef(null);
15134
+ const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
15135
+ const heightRef = React.useRef(0);
15136
+ const height = heightRef.current;
15137
+ const widthRef = React.useRef(0);
15138
+ const width = widthRef.current; // when opening we want it to immediately open to retrieve dimensions
15139
+ // when closing we delay `present` to retrieve dimensions before closing
15140
+ const isOpen = context.open || isPresent;
15141
+ const isMountAnimationPreventedRef = React.useRef(isOpen);
15142
+ const originalStylesRef = React.useRef();
15143
+ React.useEffect(()=>{
15144
+ const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
15145
+ );
15146
+ return ()=>cancelAnimationFrame(rAF)
15147
+ ;
15148
+ }, []);
15149
+ $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
15150
+ const node = ref.current;
15151
+ if (node) {
15152
+ originalStylesRef.current = originalStylesRef.current || {
15153
+ transitionDuration: node.style.transitionDuration,
15154
+ animationDuration: node.style.animationDuration,
15155
+ animationFillMode: node.style.animationFillMode
15156
+ }; // block any animations/transitions so the element renders at its full dimensions
15157
+ node.style.transitionDuration = '0s';
15158
+ node.style.animationDuration = '0s';
15159
+ node.style.animationFillMode = 'none'; // get width and height from full dimensions
15160
+ const rect = node.getBoundingClientRect();
15161
+ heightRef.current = rect.height;
15162
+ widthRef.current = rect.width; // kick off any animations/transitions that were originally set up if it isn't the initial mount
15163
+ if (!isMountAnimationPreventedRef.current) {
15164
+ node.style.transitionDuration = originalStylesRef.current.transitionDuration;
15165
+ node.style.animationDuration = originalStylesRef.current.animationDuration;
15166
+ node.style.animationFillMode = originalStylesRef.current.animationFillMode;
15167
+ }
15168
+ setIsPresent(present);
15169
+ }
15170
+ /**
15171
+ * depends on `context.open` because it will change to `false`
15172
+ * when a close is triggered but `present` will be `false` on
15173
+ * animation end (so when close finishes). This allows us to
15174
+ * retrieve the dimensions *before* closing.
15175
+ */ }, [
15176
+ context.open,
15177
+ present
15178
+ ]);
15179
+ return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
15180
+ "data-state": $409067139f391064$var$getState(context.open),
15181
+ "data-disabled": context.disabled ? '' : undefined,
15182
+ id: context.contentId,
15183
+ hidden: !isOpen
15184
+ }, contentProps, {
15185
+ ref: composedRefs,
15186
+ style: {
15187
+ [`--radix-collapsible-content-height`]: height ? `${height}px` : undefined,
15188
+ [`--radix-collapsible-content-width`]: width ? `${width}px` : undefined,
15189
+ ...props.style
15190
+ }
15191
+ }), isOpen && children);
15192
+ });
15193
+ /* -----------------------------------------------------------------------------------------------*/ function $409067139f391064$var$getState(open) {
15194
+ return open ? 'open' : 'closed';
15195
+ }
15196
+ const $409067139f391064$export$be92b6f5f03c0fe9 = $409067139f391064$export$6eb0f7ddcda6131f;
15197
+ const $409067139f391064$export$41fb9f06171c75f4 = $409067139f391064$export$c135dce7b15bbbdc;
15198
+ const $409067139f391064$export$7c6e2c02157bb7d2 = $409067139f391064$export$aadde00976f34151;
15199
+
15059
15200
  var InputDescription = function (_a) {
15060
15201
  var helpText = _a.helpText, children = _a.children;
15061
15202
  return (React__default["default"].createElement("div", { style: {
@@ -15086,6 +15227,46 @@ var Label = function (_a) {
15086
15227
  children));
15087
15228
  };
15088
15229
 
15230
+ var css_248z$c = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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}";
15231
+ styleInject(css_248z$c);
15232
+
15233
+ var FormInput = function (_a) {
15234
+ var name = _a.name, description = _a.description, errorMessage = _a.errorMessage, hidden = _a.hidden, children = _a.children;
15235
+ return (hidden ?
15236
+ React__default["default"].createElement(React__default["default"].Fragment, null, children)
15237
+ :
15238
+ React__default["default"].createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
15239
+ display: 'flex',
15240
+ flexDirection: 'column',
15241
+ fontSize: 'inherit',
15242
+ color: 'inherit',
15243
+ gap: 2
15244
+ } },
15245
+ React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
15246
+ display: 'flex',
15247
+ fontSize: 'inherit',
15248
+ alignItems: 'center',
15249
+ gap: 8,
15250
+ color: errorMessage ? 'red' : 'inherit',
15251
+ } },
15252
+ (name.charAt(0).toUpperCase() + name.slice(1)).split('-').join(' '),
15253
+ errorMessage && React__default["default"].createElement(React__default["default"].Fragment, null, " ".concat(errorMessage, ".")),
15254
+ React__default["default"].createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
15255
+ backgroundColor: 'rgba(0,0,0,0)',
15256
+ borderRadius: 999,
15257
+ border: 'none',
15258
+ width: 12,
15259
+ height: 12,
15260
+ display: 'flex',
15261
+ justifyContent: 'center',
15262
+ alignItems: 'center',
15263
+ cursor: 'pointer',
15264
+ padding: 0,
15265
+ } },
15266
+ React__default["default"].createElement(InfoCircle$1, { style: { fill: errorMessage ? 'red' : 'var(--primary)' } }))) },
15267
+ React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, description) }, children))));
15268
+ };
15269
+
15089
15270
  var css_248z$b = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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}";
15090
15271
  styleInject(css_248z$b);
15091
15272
 
@@ -40328,12 +40509,16 @@ var getFileIcon$1 = function (type, disabled) {
40328
40509
 
40329
40510
  var SelectCloudArtifacts = function (_a) {
40330
40511
  var _b, _c;
40331
- var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
40512
+ var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, defaultValue = _a.defaultValue, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
40332
40513
  var host = getHost();
40514
+ var comboBoxRef = React.useRef(null);
40333
40515
  var listArtifacts = useArtifacts(projectOwner, projectName, client).listArtifacts;
40334
40516
  var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
40335
40517
  var _f = React.useState({ folders: [], files: [] }), artifacts = _f[0], setArtifacts = _f[1];
40336
- var _g = React.useState([]), path = _g[0], setPath = _g[1];
40518
+ console.log(defaultValue);
40519
+ // Support default values
40520
+ var defaultValueRef = React.useRef(defaultValue ? defaultValue.split('/').splice(-1)[0] : undefined);
40521
+ var _g = React.useState(defaultValue ? defaultValue.split('/').slice(0, -1) : []), path = _g[0], setPath = _g[1];
40337
40522
  var _h = React.useState(), selArtifact = _h[0], setSelArtifact = _h[1];
40338
40523
  React.useEffect(function () {
40339
40524
  setLoading(true);
@@ -40342,9 +40527,18 @@ var SelectCloudArtifacts = function (_a) {
40342
40527
  var folders = facts.filter(function (f) { return f.file_type === 'folder'; });
40343
40528
  var files = facts.filter(function (f) { return f.file_type === 'file'; });
40344
40529
  setArtifacts({ folders: folders, files: files });
40530
+ // Support default selections
40531
+ if (comboBoxRef.current && defaultValueRef.current) {
40532
+ var defaultFile = files.find(function (f) { return f.file_name === defaultValueRef.current; });
40533
+ if (defaultFile) {
40534
+ comboBoxRef.current.selectItem(defaultFile);
40535
+ defaultValueRef.current = undefined;
40536
+ onChange && onChange(__assign(__assign({}, selArtifact), { pollination_cloud_path: "".concat(path, "/").concat(defaultFile.file_name) }));
40537
+ }
40538
+ }
40345
40539
  })
40346
40540
  .finally(function () { return setLoading(false); });
40347
- }, [client, fileNameMatch, host, jobId, listArtifacts, path]);
40541
+ }, [client, defaultValue, fileNameMatch, host, jobId, listArtifacts, onChange, path, selArtifact]);
40348
40542
  React.useEffect(function () {
40349
40543
  if (!selArtifact || selArtifact.file_type !== 'folder')
40350
40544
  return;
@@ -40381,7 +40575,7 @@ var SelectCloudArtifacts = function (_a) {
40381
40575
  })
40382
40576
  .sort(function (a, b) { return a.file_type === 'folder' ? -1 : 1; });
40383
40577
  }, [artifacts.files, artifacts.folders, fileMatchRegex]);
40384
- return (React__default["default"].createElement(ComboBox, { items: items, renderItem: function (item) {
40578
+ return (React__default["default"].createElement(ComboBox, { items: items, ref: comboBoxRef, renderItem: function (item) {
40385
40579
  var tokens = item.file_name.split('.');
40386
40580
  var extension = tokens[tokens.length - 1];
40387
40581
  var icon = item.file_type === 'file' ? getFileIcon$1(extension, item.disabled) : React__default["default"].createElement(FolderFill$1, null);
@@ -40491,7 +40685,7 @@ var SelectLocalArtifactNative = function (_a) {
40491
40685
  };
40492
40686
 
40493
40687
  var ComboFileSelector = function (_a) {
40494
- var projectOwner = _a.projectOwner, projectName = _a.projectName, defaultOption = _a.defaultOption, _b = _a.mode, mode = _b === void 0 ? 'cloud' : _b, onChange = _a.onChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, client = _a.client, inputProps = _a.inputProps;
40688
+ var projectOwner = _a.projectOwner, projectName = _a.projectName, defaultValue = _a.defaultValue, defaultOption = _a.defaultOption, _b = _a.mode, mode = _b === void 0 ? 'cloud' : _b, onChange = _a.onChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, client = _a.client, inputProps = _a.inputProps;
40495
40689
  var host = getHost();
40496
40690
  var _d = React.useState(function () {
40497
40691
  if (typeof defaultOption !== 'undefined') {
@@ -40562,7 +40756,7 @@ var ComboFileSelector = function (_a) {
40562
40756
  case 'get_model':
40563
40757
  return (React__default["default"].createElement(GetModel, { onChange: onChange, inputProps: inputProps, showHelpText: false }));
40564
40758
  case 'get_cloud':
40565
- return (React__default["default"].createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, fileNameMatch: typeof inputProps.accept === 'string' ?
40759
+ return (React__default["default"].createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, defaultValue: defaultValue, fileNameMatch: typeof inputProps.accept === 'string' ?
40566
40760
  ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : undefined, onChange: onChange, client: client }));
40567
40761
  case 'get_local':
40568
40762
  return (React__default["default"].createElement(SelectLocalArtifactNative, { onChange: handleLocalArtifactSelect, buttonLabel: "Select ".concat(inputProps.accept.split(',').length > 1 ?
@@ -43637,138 +43831,6 @@ function s(){return (s=Object.assign||function(e){for(var t=1;t<arguments.length
43637
43831
  depsCount: ${t},
43638
43832
  deps: ${r}}`};const r={keyword:"dependencies",type:"object",schemaType:"object",error:t.error,code(e){const[t,r]=function({schema:e}){const t={},r={};for(const s in e)"__proto__"!==s&&((Array.isArray(e[s])?t:r)[s]=e[s]);return [t,r]}(e);s(e,t),a(e,r);}};function s(e,t=e.schema){const{gen:r,data:s,it:a}=e;if(0===Object.keys(t).length)return;const o=r.let("missing");for(const n in t){const i=t[n];if(0===i.length)continue;const l=(0, g.propertyInData)(r,s,n,a.opts.ownProperties);e.setParams({property:n,depsCount:i.length,deps:i.join(", ")}),a.allErrors?r.if(l,()=>{for(const t of i)(0, g.checkReportMissingProp)(e,t);}):(r.if(c._`${l} && (${(0, g.checkMissingProp)(e,i,o)})`),(0, g.reportMissingProp)(e,o),r.else());}}function a(e,t=e.schema){const{gen:r,data:s,keyword:a,it:o}=e,n=r.name("valid");for(const i in t)(0, l.alwaysValidSchema)(o,t[i])||(r.if((0, g.propertyInData)(r,s,i,o.opts.ownProperties),()=>{const t=e.subschema({keyword:a,schemaProp:i},n);e.mergeValidEvaluated(t,n);},()=>r.var(n,!0)),e.ok(n));}t.validatePropertyDeps=s,t.validateSchemaDeps=a,t.default=r;}),oe=/*#__PURE__*/Object.defineProperty({default:{keyword:"propertyNames",type:"object",schemaType:["object","boolean"],error:{message:"property name must be valid",params:({params:e})=>c._`{propertyName: ${e.propertyName}}`},code(e){const{gen:t,schema:r,data:s,it:a}=e;if((0, l.alwaysValidSchema)(a,r))return;const o=t.name("valid");t.forIn("key",s,r=>{e.setParams({propertyName:r}),e.subschema({keyword:"propertyNames",data:r,dataTypes:["string"],propertyName:r,compositeRule:!0},o),t.if((0, c.not)(o),()=>{e.error(!0),a.allErrors||t.break();});}),e.ok(o);}}},"__esModule",{value:!0});const ne={keyword:"additionalProperties",type:["object"],schemaType:["boolean","object"],allowUndefined:!0,trackErrors:!0,error:{message:"must NOT have additional properties",params:({params:e})=>c._`{additionalProperty: ${e.additionalProperty}}`},code(e){const{gen:t,schema:r,parentSchema:s,data:a,errsCount:o,it:n}=e;if(!o)throw new Error("ajv implementation error");const{allErrors:i,opts:d}=n;if(n.props=!0,"all"!==d.removeAdditional&&(0, l.alwaysValidSchema)(n,r))return;const f=(0, g.allSchemaProperties)(s.properties),h=(0, g.allSchemaProperties)(s.patternProperties);function p(e){t.code(c._`delete ${a}[${e}]`);}function m(s){if("all"===d.removeAdditional||d.removeAdditional&&!1===r)p(s);else {if(!1===r)return e.setParams({additionalProperty:s}),e.error(),void(i||t.break());if("object"==typeof r&&!(0, l.alwaysValidSchema)(n,r)){const r=t.name("valid");"failing"===d.removeAdditional?(y(s,r,!1),t.if((0, c.not)(r),()=>{e.reset(),p(s);})):(y(s,r),i||t.if((0, c.not)(r),()=>t.break()));}}}function y(t,r,s){const a={keyword:"additionalProperties",dataProp:t,dataPropType:l.Type.Str};!1===s&&Object.assign(a,{compositeRule:!0,createErrors:!1,allErrors:!1}),e.subschema(a,r);}t.forIn("key",a,r=>{f.length||h.length?t.if(function(r){let a;if(f.length>8){const e=(0, l.schemaRefOrVal)(n,s.properties,"properties");a=(0, g.isOwnProperty)(t,e,r);}else a=f.length?(0, c.or)(...f.map(e=>c._`${r} === ${e}`)):c.nil;return h.length&&(a=(0, c.or)(a,...h.map(t=>c._`${(0, g.usePattern)(e,t)}.test(${r})`))),(0, c.not)(a)}(r),()=>m(r)):m(r);}),e.ok(c._`${o} === ${u.default.errors}`);}};var ie=/*#__PURE__*/Object.defineProperty({default:ne},"__esModule",{value:!0}),ce=/*#__PURE__*/Object.defineProperty({default:{keyword:"properties",type:"object",schemaType:"object",code(e){const{gen:t,schema:r,parentSchema:s,data:a,it:o}=e;"all"===o.opts.removeAdditional&&void 0===s.additionalProperties&&ie.default.code(new P.KeywordCxt(o,ie.default,"additionalProperties"));const n=(0, g.allSchemaProperties)(r);for(const e of n)o.definedProperties.add(e);o.opts.unevaluated&&n.length&&!0!==o.props&&(o.props=l.mergeEvaluated.props(t,(0, l.toHash)(n),o.props));const i=n.filter(e=>!(0, l.alwaysValidSchema)(o,r[e]));if(0===i.length)return;const c=t.name("valid");for(const r of i)d(r)?u(r):(t.if((0, g.propertyInData)(t,a,r,o.opts.ownProperties)),u(r),o.allErrors||t.else().var(c,!0),t.endIf()),e.it.definedProperties.add(r),e.ok(c);function d(e){return o.opts.useDefaults&&!o.compositeRule&&void 0!==r[e].default}function u(t){e.subschema({keyword:"properties",schemaProp:t,dataProp:t},c);}}}},"__esModule",{value:!0});const le=l;var de=/*#__PURE__*/Object.defineProperty({default:{keyword:"patternProperties",type:"object",schemaType:"object",code(e){const{gen:t,schema:r,data:s,parentSchema:a,it:o}=e,{opts:n}=o,i=(0, g.allSchemaProperties)(r),d=i.filter(e=>(0, l.alwaysValidSchema)(o,r[e]));if(0===i.length||d.length===i.length&&(!o.opts.unevaluated||!0===o.props))return;const u=n.strictSchema&&!n.allowMatchingProperties&&a.properties,f=t.name("valid");!0===o.props||o.props instanceof c.Name||(o.props=(0, le.evaluatedPropsToName)(t,o.props));const{props:h}=o;function p(e){for(const t in u)new RegExp(e).test(t)&&(0, l.checkStrictMode)(o,`property ${t} matches pattern ${e} (use allowMatchingProperties)`);}function m(r){t.forIn("key",s,s=>{t.if(c._`${(0, g.usePattern)(e,r)}.test(${s})`,()=>{const a=d.includes(r);a||e.subschema({keyword:"patternProperties",schemaProp:r,dataProp:s,dataPropType:le.Type.Str},f),o.opts.unevaluated&&!0!==h?t.assign(c._`${h}[${s}]`,!0):a||o.allErrors||t.if((0, c.not)(f),()=>t.break());});});}!function(){for(const e of i)u&&p(e),o.allErrors?m(e):(t.var(f,!0),m(e),t.if(f));}();}}},"__esModule",{value:!0}),ue=/*#__PURE__*/Object.defineProperty({default:{keyword:"not",schemaType:["object","boolean"],trackErrors:!0,code(e){const{gen:t,schema:r,it:s}=e;if((0, l.alwaysValidSchema)(s,r))return void e.fail();const a=t.name("valid");e.subschema({keyword:"not",compositeRule:!0,createErrors:!1,allErrors:!1},a),e.failResult(a,()=>e.reset(),()=>e.error());},error:{message:"must NOT be valid"}}},"__esModule",{value:!0}),fe=/*#__PURE__*/Object.defineProperty({default:{keyword:"anyOf",schemaType:"array",trackErrors:!0,code:g.validateUnion,error:{message:"must match a schema in anyOf"}}},"__esModule",{value:!0}),he=/*#__PURE__*/Object.defineProperty({default:{keyword:"oneOf",schemaType:"array",trackErrors:!0,error:{message:"must match exactly one schema in oneOf",params:({params:e})=>c._`{passingSchemas: ${e.passing}}`},code(e){const{gen:t,schema:r,parentSchema:s,it:a}=e;if(!Array.isArray(r))throw new Error("ajv implementation error");if(a.opts.discriminator&&s.discriminator)return;const o=r,n=t.let("valid",!1),i=t.let("passing",null),d=t.name("_valid");e.setParams({passing:i}),t.block(function(){o.forEach((r,s)=>{let o;(0, l.alwaysValidSchema)(a,r)?t.var(d,!0):o=e.subschema({keyword:"oneOf",schemaProp:s,compositeRule:!0},d),s>0&&t.if(c._`${d} && ${n}`).assign(n,!1).assign(i,c._`[${i}, ${s}]`).else(),t.if(d,()=>{t.assign(n,!0),t.assign(i,s),o&&e.mergeEvaluated(o,c.Name);});});}),e.result(n,()=>e.reset(),()=>e.error(!0));}}},"__esModule",{value:!0}),pe=/*#__PURE__*/Object.defineProperty({default:{keyword:"allOf",schemaType:"array",code(e){const{gen:t,schema:r,it:s}=e;if(!Array.isArray(r))throw new Error("ajv implementation error");const a=t.name("valid");r.forEach((t,r)=>{if((0, l.alwaysValidSchema)(s,t))return;const o=e.subschema({keyword:"allOf",schemaProp:r},a);e.ok(a),e.mergeEvaluated(o);});}}},"__esModule",{value:!0});function me(e,t){const r=e.schema[t];return void 0!==r&&!(0, l.alwaysValidSchema)(e,r)}var ye=/*#__PURE__*/Object.defineProperty({default:{keyword:"if",schemaType:["object","boolean"],trackErrors:!0,error:{message:({params:e})=>c.str`must match "${e.ifClause}" schema`,params:({params:e})=>c._`{failingKeyword: ${e.ifClause}}`},code(e){const{gen:t,parentSchema:r,it:s}=e;void 0===r.then&&void 0===r.else&&(0, l.checkStrictMode)(s,'"if" without "then" and "else" is ignored');const a=me(s,"then"),o=me(s,"else");if(!a&&!o)return;const n=t.let("valid",!0),i=t.name("_valid");if(function(){const t=e.subschema({keyword:"if",compositeRule:!0,createErrors:!1,allErrors:!1},i);e.mergeEvaluated(t);}(),e.reset(),a&&o){const r=t.let("ifClause");e.setParams({ifClause:r}),t.if(i,d("then",r),d("else",r));}else a?t.if(i,d("then")):t.if((0, c.not)(i),d("else"));function d(r,s){return ()=>{const a=e.subschema({keyword:r},i);t.assign(n,i),e.mergeValidEvaluated(a,n),s?t.assign(s,c._`${r}`):e.setParams({ifClause:r});}}e.pass(n,()=>e.error(!0));}}},"__esModule",{value:!0}),ve=/*#__PURE__*/Object.defineProperty({default:{keyword:["then","else"],schemaType:["object","boolean"],code({keyword:e,parentSchema:t,it:r}){void 0===t.if&&(0, l.checkStrictMode)(r,`"${e}" without "if" is ignored`);}}},"__esModule",{value:!0}),ge=/*#__PURE__*/Object.defineProperty({default:function(e=!1){const t=[ue.default,fe.default,he.default,pe.default,ye.default,ve.default,oe.default,ie.default,ae.default,ce.default,de.default];return e?t.push(te.default,re.default):t.push(X.default,ee.default),t.push(se.default),t}},"__esModule",{value:!0}),$e=/*#__PURE__*/Object.defineProperty({default:[Object.defineProperty({default:{keyword:"format",type:["number","string"],schemaType:"string",$data:!0,error:{message:({schemaCode:e})=>c.str`must match format "${e}"`,params:({schemaCode:e})=>c._`{format: ${e}}`},code(e,t){const{gen:r,data:s,$data:a,schema:o,schemaCode:n,it:i}=e,{opts:l,errSchemaPath:d,schemaEnv:u,self:f}=i;l.validateFormats&&(a?function(){const a=r.scopeValue("formats",{ref:f.formats,code:l.code.formats}),o=r.const("fDef",c._`${a}[${n}]`),i=r.let("fType"),d=r.let("format");r.if(c._`typeof ${o} == "object" && !(${o} instanceof RegExp)`,()=>r.assign(i,c._`${o}.type || "string"`).assign(d,c._`${o}.validate`),()=>r.assign(i,c._`"string"`).assign(d,o)),e.fail$data((0, c.or)(!1===l.strictSchema?c.nil:c._`${n} && !${d}`,function(){const e=u.$async?c._`(${o}.async ? await ${d}(${s}) : ${d}(${s}))`:c._`${d}(${s})`,r=c._`(typeof ${d} == "function" ? ${e} : ${d}.test(${s}))`;return c._`${d} && ${d} !== true && ${i} === ${t} && !${r}`}()));}():function(){const a=f.formats[o];if(!a)return void function(){if(!1!==l.strictSchema)throw new Error(e());function e(){return `unknown format "${o}" ignored in schema at path "${d}"`}f.logger.warn(e());}();if(!0===a)return;const[n,i,h]=function(e){const t=e instanceof RegExp?(0, c.regexpCode)(e):l.code.formats?c._`${l.code.formats}${(0, c.getProperty)(o)}`:void 0,s=r.scopeValue("formats",{key:o,ref:e,code:t});return "object"!=typeof e||e instanceof RegExp?["string",e,s]:[e.type||"string",e.validate,c._`${s}.validate`]}(a);n===t&&e.pass(function(){if("object"==typeof a&&!(a instanceof RegExp)&&a.async){if(!u.$async)throw new Error("async format in sync schema");return c._`await ${h}(${s})`}return "function"==typeof i?c._`${h}(${s})`:c._`${h}.test(${s})`}());}());}}},"__esModule",{value:!0}).default]},"__esModule",{value:!0}),_e=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.contentVocabulary=t.metadataVocabulary=void 0,t.metadataVocabulary=["title","description","default","deprecated","readOnly","writeOnly","examples"],t.contentVocabulary=["contentMediaType","contentEncoding","contentSchema"];});const we=[A.default,Y.default,(0, ge.default)(),$e.default,_e.metadataVocabulary,_e.contentVocabulary];var be=/*#__PURE__*/Object.defineProperty({default:we},"__esModule",{value:!0}),Ee=o(function(e,t){var r;Object.defineProperty(t,"__esModule",{value:!0}),t.DiscrError=void 0,(r=t.DiscrError||(t.DiscrError={})).Tag="tag",r.Mapping="mapping";}),Pe=/*#__PURE__*/Object.defineProperty({default:{keyword:"discriminator",type:"object",schemaType:"object",error:{message:({params:{discrError:e,tagName:t}})=>e===Ee.DiscrError.Tag?`tag "${t}" must be string`:`value of tag "${t}" must be in oneOf`,params:({params:{discrError:e,tag:t,tagName:r}})=>c._`{error: ${e}, tag: ${r}, tagValue: ${t}}`},code(e){const{gen:t,data:r,schema:s,parentSchema:a,it:o}=e,{oneOf:n}=a;if(!o.opts.discriminator)throw new Error("discriminator: requires discriminator option");const i=s.propertyName;if("string"!=typeof i)throw new Error("discriminator: requires propertyName");if(s.mapping)throw new Error("discriminator: mapping is not supported");if(!n)throw new Error("discriminator: requires oneOf keyword");const d=t.let("valid",!1),u=t.const("tag",c._`${r}${(0, c.getProperty)(i)}`);function f(r){const s=t.name("valid"),a=e.subschema({keyword:"oneOf",schemaProp:r},s);return e.mergeEvaluated(a,c.Name),s}t.if(c._`typeof ${u} == "string"`,()=>function(){const r=function(){var e;const t={},r=c(a);let s=!0;for(let t=0;t<n.length;t++){let a=n[t];(null==a?void 0:a.$ref)&&!(0, l.schemaHasRulesButRef)(a,o.self.RULES)&&(a=C.resolveRef.call(o.self,o.schemaEnv.root,o.baseId,null==a?void 0:a.$ref),a instanceof C.SchemaEnv&&(a=a.schema));const u=null===(e=null==a?void 0:a.properties)||void 0===e?void 0:e[i];if("object"!=typeof u)throw new Error(`discriminator: oneOf subschemas (or referenced schemas) must have "properties/${i}"`);s=s&&(r||c(a)),d(u,t);}if(!s)throw new Error(`discriminator: "${i}" must be required`);return t;function c({required:e}){return Array.isArray(e)&&e.includes(i)}function d(e,t){if(e.const)u(e.const,t);else {if(!e.enum)throw new Error(`discriminator: "properties/${i}" must have "const" or "enum"`);for(const r of e.enum)u(r,t);}}function u(e,r){if("string"!=typeof e||e in t)throw new Error(`discriminator: "${i}" values must be unique strings`);t[e]=r;}}();t.if(!1);for(const e in r)t.elseIf(c._`${u} === ${e}`),t.assign(d,f(r[e]));t.else(),e.error(!1,{discrError:Ee.DiscrError.Mapping,tag:u,tagName:i}),t.endIf();}(),()=>e.error(!1,{discrError:Ee.DiscrError.Tag,tag:u,tagName:i})),e.ok(d);}}},"__esModule",{value:!0}),Se={$schema:"http://json-schema.org/draft-07/schema#",$id:"http://json-schema.org/draft-07/schema#",title:"Core schema meta-schema",definitions:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{allOf:[{$ref:"#/definitions/nonNegativeInteger"},{default:0}]},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}},type:["object","boolean"],properties:{$id:{type:"string",format:"uri-reference"},$schema:{type:"string",format:"uri"},$ref:{type:"string",format:"uri-reference"},$comment:{type:"string"},title:{type:"string"},description:{type:"string"},default:!0,readOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/definitions/nonNegativeInteger"},minLength:{$ref:"#/definitions/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},additionalItems:{$ref:"#"},items:{anyOf:[{$ref:"#"},{$ref:"#/definitions/schemaArray"}],default:!0},maxItems:{$ref:"#/definitions/nonNegativeInteger"},minItems:{$ref:"#/definitions/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},contains:{$ref:"#"},maxProperties:{$ref:"#/definitions/nonNegativeInteger"},minProperties:{$ref:"#/definitions/nonNegativeIntegerDefault0"},required:{$ref:"#/definitions/stringArray"},additionalProperties:{$ref:"#"},definitions:{type:"object",additionalProperties:{$ref:"#"},default:{}},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependencies:{type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/definitions/stringArray"}]}},propertyNames:{$ref:"#"},const:!0,enum:{type:"array",items:!0,minItems:1,uniqueItems:!0},type:{anyOf:[{$ref:"#/definitions/simpleTypes"},{type:"array",items:{$ref:"#/definitions/simpleTypes"},minItems:1,uniqueItems:!0}]},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/definitions/schemaArray"},anyOf:{$ref:"#/definitions/schemaArray"},oneOf:{$ref:"#/definitions/schemaArray"},not:{$ref:"#"}},default:!0},ke=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.CodeGen=t.Name=t.nil=t.stringify=t.str=t._=t.KeywordCxt=void 0;const r=["/properties"],s="http://json-schema.org/draft-07/schema";class a extends R.default{_addVocabularies(){super._addVocabularies(),be.default.forEach(e=>this.addVocabulary(e)),this.opts.discriminator&&this.addKeyword(Pe.default);}_addDefaultMetaSchema(){if(super._addDefaultMetaSchema(),!this.opts.meta)return;const e=this.opts.$data?this.$dataMetaSchema(Se,r):Se;this.addMetaSchema(e,s,!1),this.refs["http://json-schema.org/schema"]=s;}defaultMeta(){return this.opts.defaultMeta=super.defaultMeta()||(this.getSchema(s)?s:void 0)}}e.exports=t=a,Object.defineProperty(t,"__esModule",{value:!0}),t.default=a,Object.defineProperty(t,"KeywordCxt",{enumerable:!0,get:function(){return P.KeywordCxt}}),Object.defineProperty(t,"_",{enumerable:!0,get:function(){return c._}}),Object.defineProperty(t,"str",{enumerable:!0,get:function(){return c.str}}),Object.defineProperty(t,"stringify",{enumerable:!0,get:function(){return c.stringify}}),Object.defineProperty(t,"nil",{enumerable:!0,get:function(){return c.nil}}),Object.defineProperty(t,"Name",{enumerable:!0,get:function(){return c.Name}}),Object.defineProperty(t,"CodeGen",{enumerable:!0,get:function(){return c.CodeGen}});}),Ne=/*@__PURE__*/a(ke),je=/*@__PURE__*/a(o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});const r="errorMessage",s=new ke.Name("emUsed"),a={required:"missingProperty",dependencies:"property",dependentRequired:"property"},o=/\$\{[^}]+\}/,i=/\$\{([^}]+)\}/g,l=/^""\s*\+\s*|\s*\+\s*""$/g;function d(e){return {keyword:r,schemaType:["string","object"],post:!0,code(t){const{gen:d,data:h,schema:p,schemaValue:m,it:y}=t;if(!1===y.createErrors)return;const v=p,g=c.strConcat(u.default.instancePath,y.errorPath);function $(e,t){return c.and(ke._`${e}.keyword !== ${r}`,ke._`!${e}.${s}`,ke._`${e}.instancePath === ${g}`,ke._`${e}.keyword in ${t}`,ke._`${e}.schemaPath.indexOf(${y.errSchemaPath}) === 0`,ke._`/^\\/[^\\/]*$/.test(${e}.schemaPath.slice(${y.errSchemaPath.length}))`)}function _(e,t){const r=[];for(const s in e){const e=t[s];o.test(e)&&r.push([s,b(e)]);}return d.object(...r)}function w(e){return o.test(e)?new n._Code(n.safeStringify(e).replace(i,(e,t)=>`" + JSON.stringify(${P.getData(t,y)}) + "`).replace(l,"")):ke.stringify(e)}function b(e){return ke._`function(){return ${w(e)}}`}d.if(ke._`${u.default.errors} > 0`,()=>{if("object"==typeof v){const[o,n]=function(e){let t,r;for(const s in e){if("properties"===s||"items"===s)continue;const a=e[s];if("object"==typeof a){t||(t={});const e=t[s]={};for(const t in a)e[t]=[];}else r||(r={}),r[s]=[];}return [t,r]}(v);n&&function(r){const a=d.const("emErrors",ke.stringify(r)),o=d.const("templates",_(r,p));d.forOf("err",u.default.vErrors,e=>d.if($(e,a),()=>d.code(ke._`${a}[${e}.keyword].push(${e})`).assign(ke._`${e}.${s}`,!0)));const{singleError:n}=e;if(n){const e=d.let("message",ke._`""`),r=d.let("paramsErrors",ke._`[]`);i(t=>{d.if(e,()=>d.code(ke._`${e} += ${"string"==typeof n?n:";"}`)),d.code(ke._`${e} += ${c(t)}`),d.assign(r,ke._`${r}.concat(${a}[${t}])`);}),f.reportError(t,{message:e,params:ke._`{errors: ${r}}`});}else i(e=>f.reportError(t,{message:c(e),params:ke._`{errors: ${a}[${e}]}`}));function i(e){d.forIn("key",a,t=>d.if(ke._`${a}[${t}].length`,()=>e(t)));}function c(e){return ke._`${e} in ${o} ? ${o}[${e}]() : ${m}[${e}]`}}(n),o&&function(e){const r=d.const("emErrors",ke.stringify(e)),o=[];for(const t in e)o.push([t,_(e[t],p[t])]);const n=d.const("templates",d.object(...o)),i=d.scopeValue("obj",{ref:a,code:ke.stringify(a)}),c=d.let("emPropParams"),l=d.let("emParamsErrors");d.forOf("err",u.default.vErrors,e=>d.if($(e,r),()=>{d.assign(c,ke._`${i}[${e}.keyword]`),d.assign(l,ke._`${r}[${e}.keyword][${e}.params[${c}]]`),d.if(l,()=>d.code(ke._`${l}.push(${e})`).assign(ke._`${e}.${s}`,!0));})),d.forIn("key",r,e=>d.forIn("keyProp",ke._`${r}[${e}]`,s=>{d.assign(l,ke._`${r}[${e}][${s}]`),d.if(ke._`${l}.length`,()=>{const r=d.const("tmpl",ke._`${n}[${e}] && ${n}[${e}][${s}]`);f.reportError(t,{message:ke._`${r} ? ${r}() : ${m}[${e}][${s}]`,params:ke._`{errors: ${l}}`});});}));}(o),function(e){const{props:a,items:o}=e;if(!a&&!o)return;const n=ke._`typeof ${h} == "object"`,i=ke._`Array.isArray(${h})`,l=d.let("emErrors");let y,v;const $=d.let("templates");function w(e,t){d.assign(l,ke.stringify(e)),d.assign($,_(e,t));}a&&o?(y=d.let("emChildKwd"),d.if(n),d.if(i,()=>{w(o,p.items),d.assign(y,ke.str`items`);},()=>{w(a,p.properties),d.assign(y,ke.str`properties`);}),v=ke._`[${y}]`):o?(d.if(i),w(o,p.items),v=ke._`.items`):a&&(d.if(c.and(n,c.not(i))),w(a,p.properties),v=ke._`.properties`),d.forOf("err",u.default.vErrors,e=>function(e,t,a){d.if(c.and(ke._`${e}.keyword !== ${r}`,ke._`!${e}.${s}`,ke._`${e}.instancePath.indexOf(${g}) === 0`),()=>{const r=d.scopeValue("pattern",{ref:/^\/([^/]*)(?:\/|$)/,code:ke._`new RegExp("^\\\/([^/]*)(?:\\\/|$)")`}),s=d.const("emMatches",ke._`${r}.exec(${e}.instancePath.slice(${g}.length))`),o=d.const("emChild",ke._`${s} && ${s}[1].replace(/~1/g, "/").replace(/~0/g, "~")`);d.if(ke._`${o} !== undefined && ${o} in ${t}`,()=>a(o));});}(e,l,t=>d.code(ke._`${l}[${t}].push(${e})`).assign(ke._`${e}.${s}`,!0))),d.forIn("key",l,e=>d.if(ke._`${l}[${e}].length`,()=>{f.reportError(t,{message:ke._`${e} in ${$} ? ${$}[${e}]() : ${m}${v}[${e}]`,params:ke._`{errors: ${l}[${e}]}`}),d.assign(ke._`${u.default.vErrors}[${u.default.errors}-1].instancePath`,ke._`${g} + "/" + ${e}.replace(/~/g, "~0").replace(/\\//g, "~1")`);})),d.endIf();}(function({properties:e,items:t}){const r={};if(e){r.props={};for(const t in e)r.props[t]=[];}if(t){r.items={};for(let e=0;e<t.length;e++)r.items[e]=[];}return r}(v));}const o="string"==typeof v?v:v._;o&&function(e){const a=d.const("emErrs",ke._`[]`);d.forOf("err",u.default.vErrors,e=>d.if(function(e){return c.and(ke._`${e}.keyword !== ${r}`,ke._`!${e}.${s}`,c.or(ke._`${e}.instancePath === ${g}`,c.and(ke._`${e}.instancePath.indexOf(${g}) === 0`,ke._`${e}.instancePath[${g}.length] === "/"`)),ke._`${e}.schemaPath.indexOf(${y.errSchemaPath}) === 0`,ke._`${e}.schemaPath[${y.errSchemaPath}.length] === "/"`)}(e),()=>d.code(ke._`${a}.push(${e})`).assign(ke._`${e}.${s}`,!0))),d.if(ke._`${a}.length`,()=>f.reportError(t,{message:w(e),params:ke._`{errors: ${a}}`}));}(o),e.keepErrors||function(){const e=d.const("emErrs",ke._`[]`);d.forOf("err",u.default.vErrors,t=>d.if(ke._`!${t}.${s}`,()=>d.code(ke._`${e}.push(${t})`))),d.assign(u.default.vErrors,e).assign(u.default.errors,ke._`${e}.length`);}();});},metaSchema:{anyOf:[{type:"string"},{type:"object",properties:{properties:{$ref:"#/$defs/stringMap"},items:{$ref:"#/$defs/stringList"},required:{$ref:"#/$defs/stringOrMap"},dependencies:{$ref:"#/$defs/stringOrMap"}},additionalProperties:{type:"string"}}],$defs:{stringMap:{type:"object",additionalProperties:{type:"string"}},stringOrMap:{anyOf:[{type:"string"},{$ref:"#/$defs/stringMap"}]},stringList:{type:"array",items:{type:"string"}}}}}}const h=(e,t={})=>{if(!e.opts.allErrors)throw new Error("ajv-errors: Ajv option allErrors must be true");if(e.opts.jsPropertySyntax)throw new Error("ajv-errors: ajv option jsPropertySyntax is not supported");return e.addKeyword(d(t))};t.default=h,e.exports=h,e.exports.default=h;})),Ce=function(e,t){return e.forEach(function(e){"required"===e.keyword&&(e.instancePath="/"+e.params.missingProperty);}),e.reduce(function(e,s){var a=s.instancePath.substring(1).replace(/\//g,".");if(e[a]||(e[a]={message:s.message,type:s.keyword}),t){var o=e[a].types,n=o&&o[s.keyword];e[a]=appendErrors(a,t,e,s.keyword,n?[].concat(n,s.message||""):s.message);}return e},{})},Oe=function(r,a,o){return void 0===o&&(o={}),function(n,i,c){try{var l,d=new Ne(s({allErrors:!0,validateSchema:!0},a));je(d);var u=d.compile(Object.assign({$async:"async"===(null==(l=o)?void 0:l.mode)},r));return u(n)?(c.shouldUseNativeValidation&&t({},c),Promise.resolve({values:n,errors:{}})):Promise.resolve({values:{},errors:f$1(Ce(u.errors,!c.shouldUseNativeValidation&&"all"===c.criteriaMode),c)})}catch(e){return Promise.reject(e)}}};
43639
43833
 
43640
- /* -------------------------------------------------------------------------------------------------
43641
- * Collapsible
43642
- * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$COLLAPSIBLE_NAME = 'Collapsible';
43643
- const [$409067139f391064$var$createCollapsibleContext, $409067139f391064$export$952b32dcbe73087a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($409067139f391064$var$COLLAPSIBLE_NAME);
43644
- const [$409067139f391064$var$CollapsibleProvider, $409067139f391064$var$useCollapsibleContext] = $409067139f391064$var$createCollapsibleContext($409067139f391064$var$COLLAPSIBLE_NAME);
43645
- const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
43646
- const { __scopeCollapsible: __scopeCollapsible , open: openProp , defaultOpen: defaultOpen , disabled: disabled , onOpenChange: onOpenChange , ...collapsibleProps } = props;
43647
- const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
43648
- prop: openProp,
43649
- defaultProp: defaultOpen,
43650
- onChange: onOpenChange
43651
- });
43652
- return /*#__PURE__*/ React.createElement($409067139f391064$var$CollapsibleProvider, {
43653
- scope: __scopeCollapsible,
43654
- disabled: disabled,
43655
- contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
43656
- open: open,
43657
- onOpenToggle: React.useCallback(()=>setOpen((prevOpen)=>!prevOpen
43658
- )
43659
- , [
43660
- setOpen
43661
- ])
43662
- }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
43663
- "data-state": $409067139f391064$var$getState(open),
43664
- "data-disabled": disabled ? '' : undefined
43665
- }, collapsibleProps, {
43666
- ref: forwardedRef
43667
- })));
43668
- });
43669
- /* -------------------------------------------------------------------------------------------------
43670
- * CollapsibleTrigger
43671
- * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$TRIGGER_NAME = 'CollapsibleTrigger';
43672
- const $409067139f391064$export$c135dce7b15bbbdc = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
43673
- const { __scopeCollapsible: __scopeCollapsible , ...triggerProps } = props;
43674
- const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
43675
- return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$F({
43676
- type: "button",
43677
- "aria-controls": context.contentId,
43678
- "aria-expanded": context.open || false,
43679
- "data-state": $409067139f391064$var$getState(context.open),
43680
- "data-disabled": context.disabled ? '' : undefined,
43681
- disabled: context.disabled
43682
- }, triggerProps, {
43683
- ref: forwardedRef,
43684
- onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, context.onOpenToggle)
43685
- }));
43686
- });
43687
- /* -------------------------------------------------------------------------------------------------
43688
- * CollapsibleContent
43689
- * -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CONTENT_NAME = 'CollapsibleContent';
43690
- const $409067139f391064$export$aadde00976f34151 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
43691
- const { forceMount: forceMount , ...contentProps } = props;
43692
- const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, props.__scopeCollapsible);
43693
- return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
43694
- present: forceMount || context.open
43695
- }, ({ present: present })=>/*#__PURE__*/ React.createElement($409067139f391064$var$CollapsibleContentImpl, _extends$F({}, contentProps, {
43696
- ref: forwardedRef,
43697
- present: present
43698
- }))
43699
- );
43700
- });
43701
- /* -----------------------------------------------------------------------------------------------*/ const $409067139f391064$var$CollapsibleContentImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
43702
- const { __scopeCollapsible: __scopeCollapsible , present: present , children: children , ...contentProps } = props;
43703
- const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, __scopeCollapsible);
43704
- const [isPresent, setIsPresent] = React.useState(present);
43705
- const ref = React.useRef(null);
43706
- const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
43707
- const heightRef = React.useRef(0);
43708
- const height = heightRef.current;
43709
- const widthRef = React.useRef(0);
43710
- const width = widthRef.current; // when opening we want it to immediately open to retrieve dimensions
43711
- // when closing we delay `present` to retrieve dimensions before closing
43712
- const isOpen = context.open || isPresent;
43713
- const isMountAnimationPreventedRef = React.useRef(isOpen);
43714
- const originalStylesRef = React.useRef();
43715
- React.useEffect(()=>{
43716
- const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
43717
- );
43718
- return ()=>cancelAnimationFrame(rAF)
43719
- ;
43720
- }, []);
43721
- $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
43722
- const node = ref.current;
43723
- if (node) {
43724
- originalStylesRef.current = originalStylesRef.current || {
43725
- transitionDuration: node.style.transitionDuration,
43726
- animationDuration: node.style.animationDuration,
43727
- animationFillMode: node.style.animationFillMode
43728
- }; // block any animations/transitions so the element renders at its full dimensions
43729
- node.style.transitionDuration = '0s';
43730
- node.style.animationDuration = '0s';
43731
- node.style.animationFillMode = 'none'; // get width and height from full dimensions
43732
- const rect = node.getBoundingClientRect();
43733
- heightRef.current = rect.height;
43734
- widthRef.current = rect.width; // kick off any animations/transitions that were originally set up if it isn't the initial mount
43735
- if (!isMountAnimationPreventedRef.current) {
43736
- node.style.transitionDuration = originalStylesRef.current.transitionDuration;
43737
- node.style.animationDuration = originalStylesRef.current.animationDuration;
43738
- node.style.animationFillMode = originalStylesRef.current.animationFillMode;
43739
- }
43740
- setIsPresent(present);
43741
- }
43742
- /**
43743
- * depends on `context.open` because it will change to `false`
43744
- * when a close is triggered but `present` will be `false` on
43745
- * animation end (so when close finishes). This allows us to
43746
- * retrieve the dimensions *before* closing.
43747
- */ }, [
43748
- context.open,
43749
- present
43750
- ]);
43751
- return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$F({
43752
- "data-state": $409067139f391064$var$getState(context.open),
43753
- "data-disabled": context.disabled ? '' : undefined,
43754
- id: context.contentId,
43755
- hidden: !isOpen
43756
- }, contentProps, {
43757
- ref: composedRefs,
43758
- style: {
43759
- [`--radix-collapsible-content-height`]: height ? `${height}px` : undefined,
43760
- [`--radix-collapsible-content-width`]: width ? `${width}px` : undefined,
43761
- ...props.style
43762
- }
43763
- }), isOpen && children);
43764
- });
43765
- /* -----------------------------------------------------------------------------------------------*/ function $409067139f391064$var$getState(open) {
43766
- return open ? 'open' : 'closed';
43767
- }
43768
- const $409067139f391064$export$be92b6f5f03c0fe9 = $409067139f391064$export$6eb0f7ddcda6131f;
43769
- const $409067139f391064$export$41fb9f06171c75f4 = $409067139f391064$export$c135dce7b15bbbdc;
43770
- const $409067139f391064$export$7c6e2c02157bb7d2 = $409067139f391064$export$aadde00976f34151;
43771
-
43772
43834
  var css_248z$4 = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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}";
43773
43835
  styleInject(css_248z$4);
43774
43836
 
@@ -43789,7 +43851,7 @@ var generateSchema = function (inputs) {
43789
43851
  // required field with no schema
43790
43852
  return (__assign(__assign({}, p), (_b = {}, _b[c.name] = {}, _b)));
43791
43853
  }
43792
- return (__assign(__assign({}, p), (_c = {}, _c[c.name] = c.spec, _c)));
43854
+ return (__assign(__assign({}, p), (_c = {}, _c[c.name] = __assign({}, c.spec), _c)));
43793
43855
  }, {});
43794
43856
  required.push('study-name');
43795
43857
  properties['study-name'] = { 'type': 'string', minLength: 1 };
@@ -43801,21 +43863,15 @@ var generateSchema = function (inputs) {
43801
43863
  });
43802
43864
  };
43803
43865
  var RecipeInputsForm = function (_a) {
43804
- var _b, _c, _d, _e, _f;
43805
- var recipe = _a.recipe, onSubmit = _a.onSubmit, projectName = _a.projectName, projectOwner = _a.projectOwner, client = _a.client;
43806
- var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
43866
+ var _b, _c;
43867
+ var recipe = _a.recipe, controlledValues = _a.controlledValues, onSubmit = _a.onSubmit, projectName = _a.projectName, projectOwner = _a.projectOwner, client = _a.client;
43868
+ var _d = React.useState(false), loading = _d[0], setLoading = _d[1];
43807
43869
  var schema = generateSchema(recipe.inputs);
43808
43870
  var host = getHost();
43809
- var _h = useForm({
43810
- // @ts-ignore
43811
- defaultValues: recipe.inputs.reduce(function (p, c) {
43812
- var _a;
43813
- var _b;
43814
- return (__assign(__assign({}, p), (_a = {}, _a[c.name] = (_b = c.default) !== null && _b !== void 0 ? _b : undefined, _a)));
43815
- }, {}),
43871
+ var _e = useForm({
43816
43872
  resolver: Oe(schema),
43817
43873
  mode: 'all'
43818
- }), control = _h.control, register = _h.register, handleSubmit = _h.handleSubmit, resetField = _h.resetField, _j = _h.formState, errors = _j.errors, isValid = _j.isValid; _j.isSubmitting;
43874
+ }), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, resetField = _e.resetField, _f = _e.formState, errors = _f.errors, isValid = _f.isValid; _f.isSubmitting;
43819
43875
  var _onSubmit = function (_data) {
43820
43876
  var data = __assign({}, _data);
43821
43877
  // strip study name
@@ -43855,40 +43911,10 @@ var RecipeInputsForm = function (_a) {
43855
43911
  flexDirection: 'column',
43856
43912
  gap: 20
43857
43913
  } },
43858
- React__default["default"].createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
43859
- display: 'flex',
43860
- flexDirection: 'column',
43861
- fontSize: 'inherit',
43862
- color: 'inherit',
43863
- gap: 2
43864
- }, key: 'study-name-collapsible' },
43865
- React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
43866
- display: 'flex',
43867
- fontSize: 'inherit',
43868
- alignItems: 'center',
43869
- gap: 8,
43870
- color: ((_b = errors['study-name']) === null || _b === void 0 ? void 0 : _b.message) ? 'red' : 'inherit',
43871
- } },
43872
- 'Study Name',
43873
- ((_c = errors['study-name']) === null || _c === void 0 ? void 0 : _c.message) &&
43874
- React__default["default"].createElement(React__default["default"].Fragment, null, ' ' + ((_d = errors['study-name']) === null || _d === void 0 ? void 0 : _d.message) + '.'),
43875
- React__default["default"].createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
43876
- backgroundColor: 'rgba(0,0,0,0)',
43877
- borderRadius: 999,
43878
- border: 'none',
43879
- width: 12,
43880
- height: 12,
43881
- display: 'flex',
43882
- justifyContent: 'center',
43883
- alignItems: 'center',
43884
- cursor: 'pointer',
43885
- padding: 0,
43886
- } },
43887
- React__default["default"].createElement(InfoCircle$1, { style: { fill: ((_e = errors['study-name']) === null || _e === void 0 ? void 0 : _e.message) ? 'red' : 'var(--primary)' } }))) },
43888
- React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, 'Study name is a required field.') },
43889
- React__default["default"].createElement(TextInput, { inputProps: __assign({ form: recipe.metadata.name }, register('study-name')),
43890
- // @ts-ignore
43891
- reset: function () { return resetField('study-name'); } })))),
43914
+ 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 },
43915
+ React__default["default"].createElement(TextInput, { inputProps: __assign({ form: recipe.metadata.name }, register('study-name')),
43916
+ // @ts-ignore
43917
+ reset: function () { return resetField('study-name'); } })),
43892
43918
  React__default["default"].createElement(Tabs, { forceRenderTabPanel: true },
43893
43919
  React__default["default"].createElement(TabList, { style: {
43894
43920
  flex: 1
@@ -43909,77 +43935,46 @@ var RecipeInputsForm = function (_a) {
43909
43935
  flexDirection: 'column',
43910
43936
  gap: 8
43911
43937
  } }, g.map(function (input, i) {
43912
- var _a, _b, _c, _d;
43913
- return (
43914
- // TODO: turn this into an "input with validation" component
43915
- React__default["default"].createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
43916
- display: 'flex',
43917
- flexDirection: 'column',
43918
- fontSize: 'inherit',
43919
- color: 'inherit',
43920
- gap: 2
43921
- }, key: input.name },
43922
- React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
43923
- display: 'flex',
43924
- fontSize: 'inherit',
43925
- alignItems: 'center',
43926
- gap: 8,
43927
- color: ((_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message) ? 'red' : 'inherit',
43928
- } },
43929
- (input.name.charAt(0).toUpperCase() + input.name.slice(1)).split('-').join(' '),
43930
- ((_b = errors[input.name]) === null || _b === void 0 ? void 0 : _b.message) &&
43931
- React__default["default"].createElement(React__default["default"].Fragment, null, ' ' + ((_c = errors[input.name]) === null || _c === void 0 ? void 0 : _c.message) + '.'),
43932
- React__default["default"].createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
43933
- backgroundColor: 'rgba(0,0,0,0)',
43934
- borderRadius: 999,
43935
- border: 'none',
43936
- width: 12,
43937
- height: 12,
43938
- display: 'flex',
43939
- justifyContent: 'center',
43940
- alignItems: 'center',
43941
- cursor: 'pointer',
43942
- padding: 0,
43943
- } },
43944
- React__default["default"].createElement(InfoCircle$1, { style: { fill: ((_d = errors[input.name]) === null || _d === void 0 ? void 0 : _d.message) ? 'red' : 'var(--primary)' } }))) },
43945
- React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, input && input.description) }, (function () {
43946
- var _a;
43947
- var inputProps = __assign({}, register(input.name, {
43948
- valueAsNumber: ['DAGIntegerInput', 'DAGNumberInput'].includes(input.type)
43949
- }));
43938
+ var _a;
43939
+ var hidden = controlledValues && controlledValues[input.name] ? controlledValues[input.name].hidden : false;
43940
+ var defaultValue = controlledValues && controlledValues[input.name] ? controlledValues[input.name].value : input.default;
43941
+ var inputProps = __assign({}, register(input.name, {
43942
+ valueAsNumber: ['DAGIntegerInput', 'DAGNumberInput'].includes(input.type)
43943
+ }));
43944
+ var handleReset = function () { return resetField(input.name); };
43945
+ return (React__default["default"].createElement(FormInput, { key: "".concat(input.name, "-").concat(i), name: input.name, description: input.description, hidden: hidden, errorMessage: errors[input.name] ? (_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message : undefined }, (function () {
43946
+ var _a;
43947
+ switch (input.type) {
43948
+ case 'DAGFileInput':
43949
+ return React__default["default"].createElement(Controller
43950
43950
  // @ts-ignore
43951
- var handleReset = function () { return resetField(input.name); };
43952
- switch (input.type) {
43953
- case 'DAGFileInput':
43954
- return React__default["default"].createElement(Controller
43951
+ , {
43952
+ // @ts-ignore
43953
+ name: input.name, control: control, render: function (_a) {
43954
+ var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
43955
+ return (React__default["default"].createElement(ComboFileSelector, { projectOwner: projectOwner, projectName: projectName, defaultOption: input.extensions &&
43956
+ input.extensions.includes('hbjson') &&
43957
+ host !== 'web' ? 'get_model' : 'get_cloud', defaultValue: defaultValue, onChange: onChange, client: client, inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }) }));
43958
+ } });
43959
+ case 'DAGStringInput':
43960
+ return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
43961
+ React__default["default"].createElement(Controller
43962
+ // @ts-ignore
43963
+ , {
43955
43964
  // @ts-ignore
43956
- , {
43957
- // @ts-ignore
43958
- name: input.name, control: control, render: function (_a) {
43959
- var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
43960
- return (React__default["default"].createElement(ComboFileSelector, { projectOwner: projectOwner, projectName: projectName, defaultOption: input.extensions &&
43961
- input.extensions.includes('hbjson') &&
43962
- host !== 'web' ? 'get_model' : 'get_cloud', onChange: onChange, client: client, inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }) }));
43963
- } });
43964
- case 'DAGStringInput':
43965
- return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
43966
- React__default["default"].createElement(Controller
43967
- // @ts-ignore
43968
- , {
43969
- // @ts-ignore
43970
- name: input.name, control: control, render: function (_a) {
43971
- var onChange = _a.field.onChange;
43972
- return (React__default["default"].createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: input.default, onChange: onChange }));
43973
- } }) :
43974
- React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default }), reset: handleReset });
43975
- case 'DAGNumberInput':
43976
- return React__default["default"].createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
43977
- case 'DAGIntegerInput':
43978
- return React__default["default"].createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
43979
- default:
43980
- return React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default }), reset: handleReset });
43981
- }
43982
- })()))));
43965
+ name: input.name, control: control, render: function (_a) {
43966
+ var onChange = _a.field.onChange;
43967
+ return (React__default["default"].createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: defaultValue, onChange: onChange }));
43968
+ } }) :
43969
+ React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue }), reset: handleReset });
43970
+ case 'DAGNumberInput':
43971
+ return React__default["default"].createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
43972
+ case 'DAGIntegerInput':
43973
+ return React__default["default"].createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
43974
+ default:
43975
+ return React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue }), reset: handleReset });
43976
+ }
43977
+ })()));
43983
43978
  })));
43984
43979
  })),
43985
43980
  React__default["default"].createElement("div", { style: {
@@ -43987,7 +43982,7 @@ var RecipeInputsForm = function (_a) {
43987
43982
  width: '100%',
43988
43983
  padding: '16px 0px 0px 8px'
43989
43984
  } },
43990
- React__default["default"].createElement(InputDescription, { helpText: isValid ? 'Recipe input is valid!' : ((_f = Object.values(errors)) === null || _f === void 0 ? void 0 : _f.length) > 0 ?
43985
+ React__default["default"].createElement(InputDescription, { helpText: isValid ? 'Recipe input is valid!' : ((_c = Object.values(errors)) === null || _c === void 0 ? void 0 : _c.length) > 0 ?
43991
43986
  React__default["default"].createElement("div", null,
43992
43987
  React__default["default"].createElement("ul", { style: { padding: 0 } }, Object.entries(errors).map(function (_a) {
43993
43988
  var key = _a[0], val = _a[1];
@@ -46587,6 +46582,7 @@ var StudyCard = function (_a) {
46587
46582
  exports.APIClient = APIClient;
46588
46583
  exports.AuthUser = AuthUser;
46589
46584
  exports.Avatar = Avatar;
46585
+ exports.Button = Button;
46590
46586
  exports.ComboBox = ComboBox;
46591
46587
  exports.ComboFileSelector = ComboFileSelector;
46592
46588
  exports.ConditionalWrapper = ConditionalWrapper;
@@ -46594,6 +46590,7 @@ exports.ConfigureLocalRun = ConfigureLocalRun;
46594
46590
  exports.CreateStudy = CreateStudy;
46595
46591
  exports.Dropdown = Dropdown;
46596
46592
  exports.FileInput = FileInput;
46593
+ exports.FormInput = FormInput;
46597
46594
  exports.GetGeometry = GetGeometry;
46598
46595
  exports.GetModel = GetModel;
46599
46596
  exports.InputDescription = InputDescription;