@coveord/plasma-mantine 52.26.2 → 52.26.4

package/dist/esm/components/code-editor/CodeEditor.js

@@ -1,149 +1,100 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Center, createStyles, Group, Input, Loader, px, Space, Stack, useComponentDefaultProps } from "@mantine/core";
-import { useUncontrolled } from "@mantine/hooks";
-import Editor, { loader } from "@monaco-editor/react";
-import { useEffect, useRef, useState } from "react";
-import { useParentHeight } from "../../hooks";
-import { XML } from "./languages/xml";
-import { CopyToClipboard } from "../copyToClipboard";
-import { Search } from "./search";
-var useStyles = createStyles(function(theme, param) {
-    var error = param.error;
-    return {
+import { Box, Center, createStyles, Group, Input, Loader, px, Space, Stack, useComponentDefaultProps } from '@mantine/core';
+import { useUncontrolled } from '@mantine/hooks';
+import Editor, { loader } from '@monaco-editor/react';
+import { useEffect, useRef, useState } from 'react';
+import { useParentHeight } from '../../hooks';
+import { XML } from './languages/xml';
+import { CopyToClipboard } from '../copyToClipboard';
+import { Search } from './search';
+const useStyles = createStyles((theme, { error })=>({
         root: {},
         editor: {
-            border: "1px solid ".concat(theme.colors.gray[2]),
+            border: `1px solid ${theme.colors.gray[2]}`,
             borderRadius: theme.defaultRadius,
-            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black,
-            height: "100%",
+            backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,
+            height: '100%',
             outlineColor: error ? theme.colors.red[6] : null,
-            outlineStyle: error ? "solid" : "none",
-            outlineWidth: "thin"
+            outlineStyle: error ? 'solid' : 'none',
+            outlineWidth: 'thin'
         }
-    };
-});
-var defaultProps = {
-    language: "plaintext",
-    monacoLoader: "local",
-    defaultValue: "",
+    }));
+const defaultProps = {
+    language: 'plaintext',
+    monacoLoader: 'local',
+    defaultValue: '',
     minHeight: 300
 };
-export var CodeEditor = function(props) {
-    var _useComponentDefaultProps = useComponentDefaultProps("CodeEditor", defaultProps, props), language = _useComponentDefaultProps.language, defaultValue = _useComponentDefaultProps.defaultValue, onChange = _useComponentDefaultProps.onChange, onCopy = _useComponentDefaultProps.onCopy, onSearch = _useComponentDefaultProps.onSearch, onFocus = _useComponentDefaultProps.onFocus, value = _useComponentDefaultProps.value, label = _useComponentDefaultProps.label, required = _useComponentDefaultProps.required, labelProps = _useComponentDefaultProps.labelProps, error = _useComponentDefaultProps.error, errorProps = _useComponentDefaultProps.errorProps, description = _useComponentDefaultProps.description, descriptionProps = _useComponentDefaultProps.descriptionProps, minHeight = _useComponentDefaultProps.minHeight, maxHeight = _useComponentDefaultProps.maxHeight, disabled = _useComponentDefaultProps.disabled, monacoLoader = _useComponentDefaultProps.monacoLoader, others = _object_without_properties(_useComponentDefaultProps, [
-        "language",
-        "defaultValue",
-        "onChange",
-        "onCopy",
-        "onSearch",
-        "onFocus",
-        "value",
-        "label",
-        "required",
-        "labelProps",
-        "error",
-        "errorProps",
-        "description",
-        "descriptionProps",
-        "minHeight",
-        "maxHeight",
-        "disabled",
-        "monacoLoader"
-    ]);
-    var _useState = _sliced_to_array(useState(false), 2), loaded = _useState[0], setLoaded = _useState[1];
-    var _useUncontrolled = _sliced_to_array(useUncontrolled({
-        value: value,
-        defaultValue: defaultValue,
-        onChange: onChange,
-        finalValue: ""
-    }), 2), _value = _useUncontrolled[0], handleChange = _useUncontrolled[1];
-    var _useParentHeight = _sliced_to_array(useParentHeight(), 2), parentHeight = _useParentHeight[0], ref = _useParentHeight[1];
-    var editorRef = useRef(null);
-    var loadLocalMonaco = function() {
-        var _ref = _async_to_generator(function() {
-            var monacoInstance;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            import("monaco-editor")
-                        ];
-                    case 1:
-                        monacoInstance = _state.sent();
-                        loader.config({
-                            monaco: monacoInstance
-                        });
-                        setLoaded(true);
-                        return [
-                            2
-                        ];
-                }
-            });
+export const CodeEditor = (props)=>{
+    const { language, defaultValue, onChange, onCopy, onSearch, onFocus, value, label, required, labelProps, error, errorProps, description, descriptionProps, minHeight, maxHeight, disabled, monacoLoader, ...others } = useComponentDefaultProps('CodeEditor', defaultProps, props);
+    const [loaded, setLoaded] = useState(false);
+    const [_value, handleChange] = useUncontrolled({
+        value,
+        defaultValue,
+        onChange,
+        finalValue: ''
+    });
+    const [parentHeight, ref] = useParentHeight();
+    const editorRef = useRef(null);
+    const loadLocalMonaco = async ()=>{
+        const monacoInstance = await import('monaco-editor');
+        loader.config({
+            monaco: monacoInstance
         });
-        return function loadLocalMonaco() {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var registerLanguages = function(monaco) {
-        if (monaco && language === "xml") {
+        setLoaded(true);
+    };
+    const registerLanguages = (monaco)=>{
+        if (monaco && language === 'xml') {
             XML.register(monaco);
         }
     };
-    var handleSearch = function() {
+    const handleSearch = ()=>{
         if (editorRef.current) {
-            var _onSearch;
             editorRef.current.focus();
-            editorRef.current.trigger("editor", "actions.find", "");
-            (_onSearch = onSearch) === null || _onSearch === void 0 ? void 0 : _onSearch();
+            editorRef.current.trigger('editor', 'actions.find', '');
+            onSearch?.();
         }
     };
-    var _useState1 = _sliced_to_array(useState(false), 2), hasMonacoError = _useState1[0], setHasMonacoError = _useState1[1];
-    var renderErrorOutline = !!error || hasMonacoError;
-    var _useStyles = useStyles({
+    const [hasMonacoError, setHasMonacoError] = useState(false);
+    const renderErrorOutline = !!error || hasMonacoError;
+    const { classes, theme } = useStyles({
         error: renderErrorOutline
     }, {
-        name: "CodeEditor"
-    }), classes = _useStyles.classes, theme = _useStyles.theme;
-    useEffect(function() {
-        if (monacoLoader === "local") {
+        name: 'CodeEditor'
+    });
+    useEffect(()=>{
+        if (monacoLoader === 'local') {
             loadLocalMonaco();
         } else {
             setLoaded(true);
         }
     }, []);
-    var handleValidate = function(markers) {
-        setHasMonacoError(markers.some(function(marker) {
-            return marker.severity === loader.__getMonacoInstance().MarkerSeverity.Error;
-        }));
+    const handleValidate = (markers)=>{
+        setHasMonacoError(markers.some((marker)=>marker.severity === loader.__getMonacoInstance().MarkerSeverity.Error));
     };
-    var _label = label ? /*#__PURE__*/ _jsx(Input.Label, _object_spread_props(_object_spread({
-        required: required
-    }, labelProps), {
+    const _label = label ? /*#__PURE__*/ _jsx(Input.Label, {
+        required: required,
+        ...labelProps,
         children: label
-    })) : null;
-    var _description = description ? /*#__PURE__*/ _jsx(Input.Description, _object_spread_props(_object_spread({}, descriptionProps), {
+    }) : null;
+    const _description = description ? /*#__PURE__*/ _jsx(Input.Description, {
+        ...descriptionProps,
         children: description
-    })) : null;
-    var _error = error ? /*#__PURE__*/ _jsx(Input.Error, _object_spread_props(_object_spread({
-        mt: "xs"
-    }, errorProps), {
+    }) : null;
+    const _error = error ? /*#__PURE__*/ _jsx(Input.Error, {
+        mt: "xs",
+        ...errorProps,
         children: error
-    })) : /*#__PURE__*/ _jsx(Space, {
+    }) : /*#__PURE__*/ _jsx(Space, {
         h: "xs"
     });
-    var _header = _label || _description ? /*#__PURE__*/ _jsxs(Box, {
+    const _header = _label || _description ? /*#__PURE__*/ _jsxs(Box, {
         children: [
             _label,
             _description
         ]
     }) : null;
-    var _buttons = /*#__PURE__*/ _jsxs(Group, {
+    const _buttons = /*#__PURE__*/ _jsxs(Group, {
         position: "right",
         spacing: 0,
         children: [
@@ -152,14 +103,11 @@ export var CodeEditor = function(props) {
             }),
             /*#__PURE__*/ _jsx(CopyToClipboard, {
                 value: _value,
-                onCopy: function() {
-                    var _onCopy;
-                    return (_onCopy = onCopy) === null || _onCopy === void 0 ? void 0 : _onCopy();
-                }
+                onCopy: ()=>onCopy?.()
             })
         ]
     });
-    var _editor = loaded ? /*#__PURE__*/ _jsx(Box, {
+    const _editor = loaded ? /*#__PURE__*/ _jsx(Box, {
         p: "md",
         pl: "xs",
         className: classes.editor,
@@ -167,12 +115,12 @@ export var CodeEditor = function(props) {
         children: /*#__PURE__*/ _jsx(Editor, {
             onValidate: handleValidate,
             defaultLanguage: language,
-            theme: theme.colorScheme === "light" ? "light" : "vs-dark",
+            theme: theme.colorScheme === 'light' ? 'light' : 'vs-dark',
             options: {
                 minimap: {
                     enabled: false
                 },
-                wordWrap: "on",
+                wordWrap: 'on',
                 scrollBeyondLastLine: false,
                 formatOnPaste: true,
                 fontSize: px(theme.fontSizes.xs),
@@ -181,52 +129,36 @@ export var CodeEditor = function(props) {
             },
             value: _value,
             onChange: handleChange,
-            onMount: function(editor, monaco) {
+            onMount: (editor, monaco)=>{
                 editorRef.current = editor;
                 registerLanguages(monaco);
-                editor.onDidFocusEditorText(function() {
-                    var _onFocus;
-                    return (_onFocus = onFocus) === null || _onFocus === void 0 ? void 0 : _onFocus();
+                editor.onDidFocusEditorText(()=>onFocus?.());
+                editor.onDidBlurEditorText(async ()=>{
+                    await editor.getAction('editor.action.formatDocument').run();
                 });
-                editor.onDidBlurEditorText(/*#__PURE__*/ _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    editor.getAction("editor.action.formatDocument").run()
-                                ];
-                            case 1:
-                                _state.sent();
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                }));
             }
         })
     }) : /*#__PURE__*/ _jsx(Center, {
         className: classes.editor,
         children: /*#__PURE__*/ _jsx(Loader, {})
     });
-    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+    return /*#__PURE__*/ _jsxs(Stack, {
         justify: "flex-start",
         className: classes.root,
         spacing: 0,
         sx: {
             height: Math.max(parentHeight, minHeight),
-            maxHeight: maxHeight
+            maxHeight
         },
-        ref: ref
-    }, others), {
+        ref: ref,
+        ...others,
         children: [
             _header,
             _buttons,
             _editor,
             _error
         ]
-    }));
+    });
 };
 
 //# sourceMappingURL=CodeEditor.js.map

package/dist/esm/components/code-editor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {\n    Box,\n    Center,\n    createStyles,\n    DefaultProps,\n    Group,\n    Input,\n    InputWrapperBaseProps,\n    Loader,\n    px,\n    Selectors,\n    Space,\n    Stack,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport {editor as monacoEditor} from 'monaco-editor';\nimport Editor, {loader, Monaco} from '@monaco-editor/react';\nimport {FunctionComponent, useEffect, useRef, useState} from 'react';\n\nimport {useParentHeight} from '../../hooks';\nimport {XML} from './languages/xml';\nimport {CopyToClipboard} from '../copyToClipboard';\nimport {Search} from './search';\n\nconst useStyles = createStyles((theme, {error}: {error?: boolean}) => ({\n    root: {},\n    editor: {\n        border: `1px solid ${theme.colors.gray[2]}`,\n        borderRadius: theme.defaultRadius,\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        height: '100%',\n        outlineColor: error ? theme.colors.red[6] : null,\n        outlineStyle: error ? 'solid' : 'none',\n        outlineWidth: 'thin',\n    },\n}));\n\ninterface CodeEditorProps\n    extends Omit<InputWrapperBaseProps, 'inputContainer' | 'inputWrapperOrder'>,\n        DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * The language syntax of the editor\n     *\n     * @default 'plaintext'\n     */\n    language?: 'plaintext' | 'json' | 'markdown' | 'python' | 'xml' | (string & unknown);\n    /** Default value for uncontrolled input */\n    defaultValue?: string;\n    /** Value for controlled input */\n    value?: string;\n    /** onChange value for controlled input */\n    onChange?(value: string): void;\n    /** Called whenever the search icon is clicked  */\n    onSearch?(): void;\n    /** Called whenever the copy icon is clicked */\n    onCopy?(): void;\n    /** Called whenever the code editor gets the focus */\n    onFocus?(): void;\n    /**\n     * The minimal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height is too short, it will use this value as minimum.\n     *\n     * @default 300\n     */\n    minHeight?: number;\n    /**\n     * The maximal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height would be too high for your liking, you can use this prop to set a maximum.\n     */\n    maxHeight?: number;\n    disabled?: boolean;\n    /**\n     * Defines how the monaco editor files will be loaded.\n     * Note that using `'local'` requires [some additional configuration](https://github.com/suren-atoyan/monaco-react#use-monaco-editor-as-an-npm-package).\n     *\n     * @default 'local'\n     */\n    monacoLoader?: 'cdn' | 'local';\n}\n\nconst defaultProps: Partial<CodeEditorProps> = {\n    language: 'plaintext',\n    monacoLoader: 'local',\n    defaultValue: '',\n    minHeight: 300,\n};\n\nexport const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {\n    const {\n        language,\n        defaultValue,\n        onChange,\n        onCopy,\n        onSearch,\n        onFocus,\n        value,\n        label,\n        required,\n        labelProps,\n        error,\n        errorProps,\n        description,\n        descriptionProps,\n        minHeight,\n        maxHeight,\n        disabled,\n        monacoLoader,\n        ...others\n    } = useComponentDefaultProps('CodeEditor', defaultProps, props);\n    const [loaded, setLoaded] = useState(false);\n    const [_value, handleChange] = useUncontrolled<string>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: '',\n    });\n    const [parentHeight, ref] = useParentHeight();\n    const editorRef = useRef(null);\n    const loadLocalMonaco = async () => {\n        const monacoInstance = await import('monaco-editor');\n        loader.config({monaco: monacoInstance});\n        setLoaded(true);\n    };\n\n    const registerLanguages = (monaco: Monaco) => {\n        if (monaco && language === 'xml') {\n            XML.register(monaco);\n        }\n    };\n\n    const handleSearch = () => {\n        if (editorRef.current) {\n            editorRef.current.focus();\n            editorRef.current.trigger('editor', 'actions.find', '');\n            onSearch?.();\n        }\n    };\n\n    const [hasMonacoError, setHasMonacoError] = useState(false);\n    const renderErrorOutline = !!error || hasMonacoError;\n    const {classes, theme} = useStyles({error: renderErrorOutline}, {name: 'CodeEditor'});\n\n    useEffect(() => {\n        if (monacoLoader === 'local') {\n            loadLocalMonaco();\n        } else {\n            setLoaded(true);\n        }\n    }, []);\n\n    const handleValidate = (markers: monacoEditor.IMarker[]) => {\n        setHasMonacoError(\n            markers.some((marker) => marker.severity === loader.__getMonacoInstance().MarkerSeverity.Error),\n        );\n    };\n\n    const _label = label ? (\n        <Input.Label required={required} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n\n    const _error = error ? (\n        <Input.Error mt=\"xs\" {...errorProps}>\n            {error}\n        </Input.Error>\n    ) : (\n        <Space h=\"xs\" />\n    );\n\n    const _header =\n        _label || _description ? (\n            <Box>\n                {_label}\n                {_description}\n            </Box>\n        ) : null;\n\n    const _buttons = (\n        <Group position=\"right\" spacing={0}>\n            <Search handleSearch={handleSearch} />\n            <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />\n        </Group>\n    );\n\n    const _editor = loaded ? (\n        <Box p=\"md\" pl=\"xs\" className={classes.editor} data-testid=\"editor-wrapper\">\n            <Editor\n                onValidate={handleValidate}\n                defaultLanguage={language}\n                theme={theme.colorScheme === 'light' ? 'light' : 'vs-dark'}\n                options={{\n                    minimap: {enabled: false},\n                    wordWrap: 'on',\n                    scrollBeyondLastLine: false,\n                    formatOnPaste: true,\n                    fontSize: px(theme.fontSizes.xs),\n                    readOnly: disabled,\n                    tabSize: 2,\n                }}\n                value={_value}\n                onChange={handleChange}\n                onMount={(editor, monaco) => {\n                    editorRef.current = editor;\n                    registerLanguages(monaco);\n                    editor.onDidFocusEditorText(() => onFocus?.());\n                    editor.onDidBlurEditorText(async () => {\n                        await editor.getAction('editor.action.formatDocument').run();\n                    });\n                }}\n            />\n        </Box>\n    ) : (\n        <Center className={classes.editor}>\n            <Loader />\n        </Center>\n    );\n\n    return (\n        <Stack\n            justify=\"flex-start\"\n            className={classes.root}\n            spacing={0}\n            sx={{height: Math.max(parentHeight, minHeight), maxHeight}}\n            ref={ref}\n            {...others}\n        >\n            {_header}\n            {_buttons}\n            {_editor}\n            {_error}\n        </Stack>\n    );\n};\n"],"names":["Box","Center","createStyles","Group","Input","Loader","px","Space","Stack","useComponentDefaultProps","useUncontrolled","Editor","loader","useEffect","useRef","useState","useParentHeight","XML","CopyToClipboard","Search","useStyles","theme","error","root","editor","border","colors","gray","borderRadius","defaultRadius","backgroundColor","colorScheme","white","black","height","outlineColor","red","outlineStyle","outlineWidth","defaultProps","language","monacoLoader","defaultValue","minHeight","CodeEditor","props","onChange","onCopy","onSearch","onFocus","value","label","required","labelProps","errorProps","description","descriptionProps","maxHeight","disabled","others","loaded","setLoaded","finalValue","_value","handleChange","parentHeight","ref","editorRef","loadLocalMonaco","monacoInstance","config","monaco","registerLanguages","register","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","renderErrorOutline","name","classes","handleValidate","markers","some","marker","severity","__getMonacoInstance","MarkerSeverity","Error","_label","Label","_description","Description","_error","mt","h","_header","_buttons","position","spacing","_editor","p","pl","className","data-testid","onValidate","defaultLanguage","options","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","justify","sx","Math","max"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {\n    Box,\n    Center,\n    createStyles,\n    DefaultProps,\n    Group,\n    Input,\n    InputWrapperBaseProps,\n    Loader,\n    px,\n    Selectors,\n    Space,\n    Stack,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport {editor as monacoEditor} from 'monaco-editor';\nimport Editor, {loader, Monaco} from '@monaco-editor/react';\nimport {FunctionComponent, useEffect, useRef, useState} from 'react';\n\nimport {useParentHeight} from '../../hooks';\nimport {XML} from './languages/xml';\nimport {CopyToClipboard} from '../copyToClipboard';\nimport {Search} from './search';\n\nconst useStyles = createStyles((theme, {error}: {error?: boolean}) => ({\n    root: {},\n    editor: {\n        border: `1px solid ${theme.colors.gray[2]}`,\n        borderRadius: theme.defaultRadius,\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        height: '100%',\n        outlineColor: error ? theme.colors.red[6] : null,\n        outlineStyle: error ? 'solid' : 'none',\n        outlineWidth: 'thin',\n    },\n}));\n\ninterface CodeEditorProps\n    extends Omit<InputWrapperBaseProps, 'inputContainer' | 'inputWrapperOrder'>,\n        DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * The language syntax of the editor\n     *\n     * @default 'plaintext'\n     */\n    language?: 'plaintext' | 'json' | 'markdown' | 'python' | 'xml' | (string & unknown);\n    /** Default value for uncontrolled input */\n    defaultValue?: string;\n    /** Value for controlled input */\n    value?: string;\n    /** onChange value for controlled input */\n    onChange?(value: string): void;\n    /** Called whenever the search icon is clicked  */\n    onSearch?(): void;\n    /** Called whenever the copy icon is clicked */\n    onCopy?(): void;\n    /** Called whenever the code editor gets the focus */\n    onFocus?(): void;\n    /**\n     * The minimal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height is too short, it will use this value as minimum.\n     *\n     * @default 300\n     */\n    minHeight?: number;\n    /**\n     * The maximal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height would be too high for your liking, you can use this prop to set a maximum.\n     */\n    maxHeight?: number;\n    disabled?: boolean;\n    /**\n     * Defines how the monaco editor files will be loaded.\n     * Note that using `'local'` requires [some additional configuration](https://github.com/suren-atoyan/monaco-react#use-monaco-editor-as-an-npm-package).\n     *\n     * @default 'local'\n     */\n    monacoLoader?: 'cdn' | 'local';\n}\n\nconst defaultProps: Partial<CodeEditorProps> = {\n    language: 'plaintext',\n    monacoLoader: 'local',\n    defaultValue: '',\n    minHeight: 300,\n};\n\nexport const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {\n    const {\n        language,\n        defaultValue,\n        onChange,\n        onCopy,\n        onSearch,\n        onFocus,\n        value,\n        label,\n        required,\n        labelProps,\n        error,\n        errorProps,\n        description,\n        descriptionProps,\n        minHeight,\n        maxHeight,\n        disabled,\n        monacoLoader,\n        ...others\n    } = useComponentDefaultProps('CodeEditor', defaultProps, props);\n    const [loaded, setLoaded] = useState(false);\n    const [_value, handleChange] = useUncontrolled<string>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: '',\n    });\n    const [parentHeight, ref] = useParentHeight();\n    const editorRef = useRef(null);\n    const loadLocalMonaco = async () => {\n        const monacoInstance = await import('monaco-editor');\n        loader.config({monaco: monacoInstance});\n        setLoaded(true);\n    };\n\n    const registerLanguages = (monaco: Monaco) => {\n        if (monaco && language === 'xml') {\n            XML.register(monaco);\n        }\n    };\n\n    const handleSearch = () => {\n        if (editorRef.current) {\n            editorRef.current.focus();\n            editorRef.current.trigger('editor', 'actions.find', '');\n            onSearch?.();\n        }\n    };\n\n    const [hasMonacoError, setHasMonacoError] = useState(false);\n    const renderErrorOutline = !!error || hasMonacoError;\n    const {classes, theme} = useStyles({error: renderErrorOutline}, {name: 'CodeEditor'});\n\n    useEffect(() => {\n        if (monacoLoader === 'local') {\n            loadLocalMonaco();\n        } else {\n            setLoaded(true);\n        }\n    }, []);\n\n    const handleValidate = (markers: monacoEditor.IMarker[]) => {\n        setHasMonacoError(\n            markers.some((marker) => marker.severity === loader.__getMonacoInstance().MarkerSeverity.Error),\n        );\n    };\n\n    const _label = label ? (\n        <Input.Label required={required} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n\n    const _error = error ? (\n        <Input.Error mt=\"xs\" {...errorProps}>\n            {error}\n        </Input.Error>\n    ) : (\n        <Space h=\"xs\" />\n    );\n\n    const _header =\n        _label || _description ? (\n            <Box>\n                {_label}\n                {_description}\n            </Box>\n        ) : null;\n\n    const _buttons = (\n        <Group position=\"right\" spacing={0}>\n            <Search handleSearch={handleSearch} />\n            <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />\n        </Group>\n    );\n\n    const _editor = loaded ? (\n        <Box p=\"md\" pl=\"xs\" className={classes.editor} data-testid=\"editor-wrapper\">\n            <Editor\n                onValidate={handleValidate}\n                defaultLanguage={language}\n                theme={theme.colorScheme === 'light' ? 'light' : 'vs-dark'}\n                options={{\n                    minimap: {enabled: false},\n                    wordWrap: 'on',\n                    scrollBeyondLastLine: false,\n                    formatOnPaste: true,\n                    fontSize: px(theme.fontSizes.xs),\n                    readOnly: disabled,\n                    tabSize: 2,\n                }}\n                value={_value}\n                onChange={handleChange}\n                onMount={(editor, monaco) => {\n                    editorRef.current = editor;\n                    registerLanguages(monaco);\n                    editor.onDidFocusEditorText(() => onFocus?.());\n                    editor.onDidBlurEditorText(async () => {\n                        await editor.getAction('editor.action.formatDocument').run();\n                    });\n                }}\n            />\n        </Box>\n    ) : (\n        <Center className={classes.editor}>\n            <Loader />\n        </Center>\n    );\n\n    return (\n        <Stack\n            justify=\"flex-start\"\n            className={classes.root}\n            spacing={0}\n            sx={{height: Math.max(parentHeight, minHeight), maxHeight}}\n            ref={ref}\n            {...others}\n        >\n            {_header}\n            {_buttons}\n            {_editor}\n            {_error}\n        </Stack>\n    );\n};\n"],"names":["Box","Center","createStyles","Group","Input","Loader","px","Space","Stack","useComponentDefaultProps","useUncontrolled","Editor","loader","useEffect","useRef","useState","useParentHeight","XML","CopyToClipboard","Search","useStyles","theme","error","root","editor","border","colors","gray","borderRadius","defaultRadius","backgroundColor","colorScheme","white","black","height","outlineColor","red","outlineStyle","outlineWidth","defaultProps","language","monacoLoader","defaultValue","minHeight","CodeEditor","props","onChange","onCopy","onSearch","onFocus","value","label","required","labelProps","errorProps","description","descriptionProps","maxHeight","disabled","others","loaded","setLoaded","_value","handleChange","finalValue","parentHeight","ref","editorRef","loadLocalMonaco","monacoInstance","config","monaco","registerLanguages","register","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","renderErrorOutline","classes","name","handleValidate","markers","some","marker","severity","__getMonacoInstance","MarkerSeverity","Error","_label","Label","_description","Description","_error","mt","h","_header","_buttons","position","spacing","_editor","p","pl","className","data-testid","onValidate","defaultLanguage","options","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","justify","sx","Math","max"],"mappings":"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"}

package/dist/esm/components/code-editor/index.js

@@ -1,3 +1,3 @@
-export * from "./CodeEditor";
+export * from './CodeEditor';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/code-editor/languages/xml.js

@@ -1,13 +1,11 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-var format = function(xml) {
+const format = (xml)=>{
     // https://stackoverflow.com/questions/57039218/doesnt-monaco-editor-support-xml-language-by-default
-    var PADDING = " ".repeat(2);
-    var reg = /(>)(<)(\/*)/g;
-    var pad = 0;
-    xml = xml.replace(reg, "$1\r\n$2$3");
-    return xml.split("\r\n").map(function(node) {
-        var indent = 0;
+    const PADDING = ' '.repeat(2);
+    const reg = /(>)(<)(\/*)/g;
+    let pad = 0;
+    xml = xml.replace(reg, '$1\r\n$2$3');
+    return xml.split('\r\n').map((node)=>{
+        let indent = 0;
         if (node.match(/.+<\/\w[^>]*>$/)) {
             indent = 0;
         } else if (node.match(/^<\/\w/) && pad > 0) {
@@ -19,32 +17,20 @@ var format = function(xml) {
         }
         pad += indent;
         return PADDING.repeat(pad - indent) + node;
-    }).join("\r\n");
+    }).join('\r\n');
 };
-var register = function(monaco) {
-    monaco.languages.registerDocumentFormattingEditProvider("xml", {
-        provideDocumentFormattingEdits: function() {
-            var _ref = _async_to_generator(function(model) {
-                return _ts_generator(this, function(_state) {
-                    return [
-                        2,
-                        [
-                            {
-                                range: model.getFullModelRange(),
-                                text: format(model.getValue())
-                            }
-                        ]
-                    ];
-                });
-            });
-            return function(model) {
-                return _ref.apply(this, arguments);
-            };
-        }()
+const register = (monaco)=>{
+    monaco.languages.registerDocumentFormattingEditProvider('xml', {
+        provideDocumentFormattingEdits: async (model)=>[
+                {
+                    range: model.getFullModelRange(),
+                    text: format(model.getValue())
+                }
+            ]
     });
 };
-export var XML = {
-    register: register
+export const XML = {
+    register
 };
 
 //# sourceMappingURL=xml.js.map

package/dist/esm/components/code-editor/languages/xml.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/code-editor/languages/xml.ts"],"sourcesContent":["import {Monaco} from '@monaco-editor/react';\n\nconst format = (xml: string): string => {\n    // https://stackoverflow.com/questions/57039218/doesnt-monaco-editor-support-xml-language-by-default\n    const PADDING = ' '.repeat(2);\n    const reg = /(>)(<)(\\/*)/g;\n    let pad = 0;\n\n    xml = xml.replace(reg, '$1\\r\\n$2$3');\n\n    return xml\n        .split('\\r\\n')\n        .map((node) => {\n            let indent = 0;\n            if (node.match(/.+<\\/\\w[^>]*>$/)) {\n                indent = 0;\n            } else if (node.match(/^<\\/\\w/) && pad > 0) {\n                pad -= 1;\n            } else if (node.match(/^<\\w[^>]*[^/]>.*$/)) {\n                indent = 1;\n            } else {\n                indent = 0;\n            }\n\n            pad += indent;\n\n            return PADDING.repeat(pad - indent) + node;\n        })\n        .join('\\r\\n');\n};\n\nconst register = (monaco: Monaco): void => {\n    monaco.languages.registerDocumentFormattingEditProvider('xml', {\n        provideDocumentFormattingEdits: async (model) => [\n            {\n                range: model.getFullModelRange(),\n                text: format(model.getValue()),\n            },\n        ],\n    });\n};\n\nexport const XML = {register};\n"],"names":["format","xml","PADDING","repeat","reg","pad","replace","split","map","node","indent","match","join","register","monaco","languages","registerDocumentFormattingEditProvider","provideDocumentFormattingEdits","model","range","getFullModelRange","text","getValue","XML"],"mappings":";;AAEA,IAAMA,SAAS,SAACC;IACZ,oGAAoG;IACpG,IAAMC,UAAU,IAAIC,MAAM,CAAC;IAC3B,IAAMC,MAAM;IACZ,IAAIC,MAAM;IAEVJ,MAAMA,IAAIK,OAAO,CAACF,KAAK;IAEvB,OAAOH,IACFM,KAAK,CAAC,QACNC,GAAG,CAAC,SAACC;QACF,IAAIC,SAAS;QACb,IAAID,KAAKE,KAAK,CAAC,mBAAmB;YAC9BD,SAAS;QACb,OAAO,IAAID,KAAKE,KAAK,CAAC,aAAaN,MAAM,GAAG;YACxCA,OAAO;QACX,OAAO,IAAII,KAAKE,KAAK,CAAC,sBAAsB;YACxCD,SAAS;QACb,OAAO;YACHA,SAAS;QACb;QAEAL,OAAOK;QAEP,OAAOR,QAAQC,MAAM,CAACE,MAAMK,UAAUD;IAC1C,GACCG,IAAI,CAAC;AACd;AAEA,IAAMC,WAAW,SAACC;IACdA,OAAOC,SAAS,CAACC,sCAAsC,CAAC,OAAO;QAC3DC,8BAA8B;uBAAE,oBAAA,SAAOC;;oBAAU;;;4BAC7C;gCACIC,OAAOD,MAAME,iBAAiB;gCAC9BC,MAAMrB,OAAOkB,MAAMI,QAAQ;4BAC/B;;;;;4BAJmCJ;;;;IAM3C;AACJ;AAEA,OAAO,IAAMK,MAAM;IAACV,UAAAA;AAAQ,EAAE"}
+{"version":3,"sources":["../../../../../src/components/code-editor/languages/xml.ts"],"sourcesContent":["import {Monaco} from '@monaco-editor/react';\n\nconst format = (xml: string): string => {\n    // https://stackoverflow.com/questions/57039218/doesnt-monaco-editor-support-xml-language-by-default\n    const PADDING = ' '.repeat(2);\n    const reg = /(>)(<)(\\/*)/g;\n    let pad = 0;\n\n    xml = xml.replace(reg, '$1\\r\\n$2$3');\n\n    return xml\n        .split('\\r\\n')\n        .map((node) => {\n            let indent = 0;\n            if (node.match(/.+<\\/\\w[^>]*>$/)) {\n                indent = 0;\n            } else if (node.match(/^<\\/\\w/) && pad > 0) {\n                pad -= 1;\n            } else if (node.match(/^<\\w[^>]*[^/]>.*$/)) {\n                indent = 1;\n            } else {\n                indent = 0;\n            }\n\n            pad += indent;\n\n            return PADDING.repeat(pad - indent) + node;\n        })\n        .join('\\r\\n');\n};\n\nconst register = (monaco: Monaco): void => {\n    monaco.languages.registerDocumentFormattingEditProvider('xml', {\n        provideDocumentFormattingEdits: async (model) => [\n            {\n                range: model.getFullModelRange(),\n                text: format(model.getValue()),\n            },\n        ],\n    });\n};\n\nexport const XML = {register};\n"],"names":["format","xml","PADDING","repeat","reg","pad","replace","split","map","node","indent","match","join","register","monaco","languages","registerDocumentFormattingEditProvider","provideDocumentFormattingEdits","model","range","getFullModelRange","text","getValue","XML"],"mappings":"AAEA,MAAMA,SAAS,CAACC;IACZ,oGAAoG;IACpG,MAAMC,UAAU,IAAIC,MAAM,CAAC;IAC3B,MAAMC,MAAM;IACZ,IAAIC,MAAM;IAEVJ,MAAMA,IAAIK,OAAO,CAACF,KAAK;IAEvB,OAAOH,IACFM,KAAK,CAAC,QACNC,GAAG,CAAC,CAACC;QACF,IAAIC,SAAS;QACb,IAAID,KAAKE,KAAK,CAAC,mBAAmB;YAC9BD,SAAS;QACb,OAAO,IAAID,KAAKE,KAAK,CAAC,aAAaN,MAAM,GAAG;YACxCA,OAAO;QACX,OAAO,IAAII,KAAKE,KAAK,CAAC,sBAAsB;YACxCD,SAAS;QACb,OAAO;YACHA,SAAS;QACb;QAEAL,OAAOK;QAEP,OAAOR,QAAQC,MAAM,CAACE,MAAMK,UAAUD;IAC1C,GACCG,IAAI,CAAC;AACd;AAEA,MAAMC,WAAW,CAACC;IACdA,OAAOC,SAAS,CAACC,sCAAsC,CAAC,OAAO;QAC3DC,gCAAgC,OAAOC,QAAU;gBAC7C;oBACIC,OAAOD,MAAME,iBAAiB;oBAC9BC,MAAMrB,OAAOkB,MAAMI,QAAQ;gBAC/B;aACH;IACL;AACJ;AAEA,OAAO,MAAMC,MAAM;IAACV;AAAQ,EAAE"}

package/dist/esm/components/code-editor/search/Search.js

@@ -1,21 +1,14 @@
-import { _ as _extends } from "@swc/helpers/_/_extends";
-import { _ as _object_destructuring_empty } from "@swc/helpers/_/_object_destructuring_empty";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SearchSize16Px } from "@coveord/plasma-react-icons";
-import { ActionIcon } from "@mantine/core";
-var SearchButton = function(param) {
-    var handleSearch = param.handleSearch;
-    return /*#__PURE__*/ _jsx(ActionIcon, {
+import { SearchSize16Px } from '@coveord/plasma-react-icons';
+import { ActionIcon } from '@mantine/core';
+const SearchButton = ({ handleSearch })=>/*#__PURE__*/ _jsx(ActionIcon, {
         onClick: handleSearch,
         children: /*#__PURE__*/ _jsx(SearchSize16Px, {
             height: 16
         })
     });
-};
-export var Search = function(_param) /*#__PURE__*/ {
-    var params = _extends({}, _object_destructuring_empty(_param));
-    return _jsx(SearchButton, _object_spread({}, params));
-};
+export const Search = ({ ...params })=>/*#__PURE__*/ _jsx(SearchButton, {
+        ...params
+    });
 
 //# sourceMappingURL=Search.js.map

package/dist/esm/components/code-editor/search/Search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/code-editor/search/Search.tsx"],"sourcesContent":["import {SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon} from '@mantine/core';\n\nexport interface SearchProps {\n    handleSearch: () => void;\n}\n\nconst SearchButton: React.FunctionComponent<SearchProps> = ({handleSearch}) => (\n    <ActionIcon onClick={handleSearch}>\n        <SearchSize16Px height={16}></SearchSize16Px>\n    </ActionIcon>\n);\n\nexport const Search: React.FunctionComponent<SearchProps> = ({...params}) => <SearchButton {...params} />;\n"],"names":["SearchSize16Px","ActionIcon","SearchButton","handleSearch","onClick","height","Search","params"],"mappings":";;;;AAAA,SAAQA,cAAc,QAAO,8BAA8B;AAC3D,SAAQC,UAAU,QAAO,gBAAgB;AAMzC,IAAMC,eAAqD;QAAEC,qBAAAA;yBACzD,KAACF;QAAWG,SAASD;kBACjB,cAAA,KAACH;YAAeK,QAAQ;;;;AAIhC,OAAO,IAAMC,SAA+C;QAAKC;WAAY,KAACL,iCAAiBK;AAAS,EAAE"}
+{"version":3,"sources":["../../../../../src/components/code-editor/search/Search.tsx"],"sourcesContent":["import {SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon} from '@mantine/core';\n\nexport interface SearchProps {\n    handleSearch: () => void;\n}\n\nconst SearchButton: React.FunctionComponent<SearchProps> = ({handleSearch}) => (\n    <ActionIcon onClick={handleSearch}>\n        <SearchSize16Px height={16}></SearchSize16Px>\n    </ActionIcon>\n);\n\nexport const Search: React.FunctionComponent<SearchProps> = ({...params}) => <SearchButton {...params} />;\n"],"names":["SearchSize16Px","ActionIcon","SearchButton","handleSearch","onClick","height","Search","params"],"mappings":";AAAA,SAAQA,cAAc,QAAO,8BAA8B;AAC3D,SAAQC,UAAU,QAAO,gBAAgB;AAMzC,MAAMC,eAAqD,CAAC,EAACC,YAAY,EAAC,iBACtE,KAACF;QAAWG,SAASD;kBACjB,cAAA,KAACH;YAAeK,QAAQ;;;AAIhC,OAAO,MAAMC,SAA+C,CAAC,EAAC,GAAGC,QAAO,iBAAK,KAACL;QAAc,GAAGK,MAAM;OAAK"}

package/dist/esm/components/code-editor/search/index.js

@@ -1,3 +1,3 @@
-export * from "./Search";
+export * from './Search';
 
 //# sourceMappingURL=index.js.map