UNPKG

@cloudquery/plugin-config-ui-lib

Version:

Plugin configuration UI library for CloudQuery Cloud App

3 lines (2 loc) 4.95 kB
import{_ as i,a as r,C as t,b as m,c as e}from"./index-BkM9pZgl.js";import{jsx as o,jsxs as a,Fragment as l}from"react/jsx-runtime";import{forwardRef as n,useState as u,useRef as p,useEffect as s,useCallback as c}from"react";import{loader as d,Editor as h}from"@monaco-editor/react";import{FormControl as g,FormLabel as f,FormHelperText as b,CircularProgress as v,Box as C}from"@mui/material";import y from"@mui/material/Stack";import*as x from"monaco-editor";import{configureMonacoYaml as T}from"monaco-yaml";import"@mui/material/Button";import"@mui/icons-material/Close";import"@mui/icons-material/ExpandMore";import"@mui/material/Accordion";import"@mui/material/AccordionSummary";import"@mui/material/Alert";import"@mui/material/AlertTitle";import"@mui/material/Card";import"@mui/material/CardContent";import"@mui/material/LinearProgress";import"@mui/material/Typography";import"@mui/material/styles";import"@mui/icons-material/Download";import"@mui/material/Box";import"@mui/material/MenuItem";import"react-dom";import"@mui/material/Backdrop";import"@mui/material/CircularProgress";import"@mui/material/IconButton";import"@mui/material/Modal";import"@mui/icons-material/Link";import"@mui/material/Divider";import"@mui/material/Link";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/ContentCopyRounded";import"yup";import"@mui/icons-material/ChevronRight";import"@mui/material/Step";import"@mui/material/StepLabel";import"@mui/material/Stepper";import"@mui/material/Checkbox";import"@mui/material/Tab";import"@mui/material/Tabs";import"@mui/material/ToggleButton";import"@mui/material/Tooltip";import"@mui/material/CardHeader";import"@mui/material/List";import"@mui/material/ListItem";import"@mui/material/FilledInput";import"@mui/material/FormLabel";import"@mui/material/InputLabel";import"@mui/material/OutlinedInput";import"@mui/material/PaginationItem";import"@mui/material/TableCell";import"@mui/material/TableRow";import"@mui/lab/themeAugmentation";import"@mui/material/colors";import"@emotion/cache";import"@emotion/react";import"@mui/material/CssBaseline";import"@mui/material/FormHelperText";import"@mui/material/TextField";import"@mui/material/Skeleton";import"@mui/material/AccordionDetails";import"@mui/icons-material/Check";import"@mui/material/FormControl";import"@mui/material/FormControlLabel";import"@mui/material/Switch";import"@mui/material/Autocomplete";import"@mui/material/InputBase";import"@mui/x-date-pickers/AdapterDayjs";import"@mui/x-date-pickers/DateTimeField";import"@mui/x-date-pickers/LocalizationProvider";import"@mui/x-date-pickers";import"@mui/material/Radio";import"@mui/material/ToggleButtonGroup";import"@mui/icons-material/FilterAlt";import"@mui/material/Menu";import"@mui/material/RadioGroup";import"@mui/icons-material/Search";var F=n((function(n,F){var k=n.onMount,S=n.options,L=void 0===S?{}:S,M=n.yamlSchema,A=n.container,I=n.name,B=n.label,w=n.helperText,D=i(n,["onMount","options","yamlSchema","container","name","label","helperText"]),R=u(!0),j=R[0],H=R[1],N=u(!1),P=N[0],E=N[1],W=p();s((function(){d.config({monaco:x}),E(!0)}),[]);var G=c((function(i,t){return r(void 0,void 0,void 0,(function(){var r;return e(this,(function(m){switch(m.label){case 0:return F&&("function"==typeof F?F(i):F.current=i),t.editor.defineTheme("custom-theme",{base:"vs-dark",colors:{"editor.background":"#15202E","editor.foreground":"#FFFFFF"},inherit:!0,rules:[]}),t.editor.setTheme("custom-theme"),"yaml"===D.language&&M&&(r=T(t,{schemas:[{fileMatch:["*"],schema:M,uri:"inmemory://my-schema.json"}],validate:!1}).dispose,W.current=r),k?[4,k(i,t)]:[3,2];case 1:m.sent(),m.label=2;case 2:return H(!1),[2]}}))}))}),[k,D.language,M,F]);s((function(){return function(){var i;null===(i=W.current)||void 0===i||i.call(W)}}),[]);var O=function(){return o(y,{width:"100%",alignItems:"center",justifyContent:"center",padding:2,children:o(v,{})})};return P?a(g,{sx:{height:"300px",minHeight:0,border:"1px solid",borderColor:"neutral.300",borderRadius:1,paddingY:1,paddingX:1.5,bgcolor:"#15202E"},children:[!!B&&o(f,{sx:{mb:1},children:B}),o(t,{name:I,render:function(i){var r,t,e=i.field,n=i.fieldState;return a(l,{children:[!!w&&a(b,{sx:{mb:1.5},children:[!!(null===(r=n.error)||void 0===r?void 0:r.message)&&o(C,{color:"error.main",children:null===(t=n.error)||void 0===t?void 0:t.message}),w]}),a(y,{height:"100%",minHeight:0,sx:{position:"relative",visibility:j?"hidden":"visible"},children:[j&&o(O,{}),o(h,m({},D,{loading:o(O,{}),onChange:function(i){return e.onChange(null!=i?i:"")},onMount:G,options:m({automaticLayout:!0,minimap:{enabled:!1},quickSuggestions:!0,suggestOnTriggerCharacters:!0,lineNumbers:"off",folding:!1,lineDecorationsWidth:0,lineNumbersMinChars:0,glyphMargin:!1,scrollbar:{alwaysConsumeMouseWheel:!1},overflowWidgetsDomNode:A},L),value:e.value}))]})]})}})]}):o(O,{})}));F.displayName="ControlCodeField";export{F as ControlCodeField}; //# sourceMappingURL=controlCodeField-CeKtr_Ig.js.map