@coveord/plasma-mantine 47.0.1-next.2

package/dist/cjs/__tests__/Setup.js

@@ -0,0 +1,6 @@
+/**
+ * This file is executed once per test file.
+ * It is executed before executing SetupAfterEnv and before the test code itself.
+ */ "use strict";
+
+//# sourceMappingURL=Setup.js.map

package/dist/cjs/__tests__/Setup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/__tests__/Setup.ts"],"sourcesContent":["/**\n * This file is executed once per test file.\n * It is executed before executing SetupAfterEnv and before the test code itself.\n */\n"],"names":[],"mappings":"AAAA;;;CAGC,GAHD"}

package/dist/cjs/__tests__/SetupAfterEnv.js

@@ -0,0 +1,19 @@
+/**
+ * This file is executed once per test file.
+ * It is executed after executing Setup and Jest is initialised, but before the test code itself.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom");
+require("@testing-library/jest-dom/extend-expect");
+Element.prototype.scrollTo = jest.fn();
+window.ResizeObserver = window.ResizeObserver || jest.fn().mockImplementation(function() {
+    return {
+        disconnect: jest.fn(),
+        observe: jest.fn(),
+        unobserve: jest.fn()
+    };
+});
+
+//# sourceMappingURL=SetupAfterEnv.js.map

package/dist/cjs/__tests__/SetupAfterEnv.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/__tests__/SetupAfterEnv.ts"],"sourcesContent":["/**\n * This file is executed once per test file.\n * It is executed after executing Setup and Jest is initialised, but before the test code itself.\n */\n\nimport '@testing-library/jest-dom';\nimport '@testing-library/jest-dom/extend-expect';\n\nElement.prototype.scrollTo = jest.fn();\nwindow.ResizeObserver =\n    window.ResizeObserver ||\n    jest.fn().mockImplementation(() => ({\n        disconnect: jest.fn(),\n        observe: jest.fn(),\n        unobserve: jest.fn(),\n    }));\n"],"names":["Element","prototype","scrollTo","jest","fn","window","ResizeObserver","mockImplementation","disconnect","observe","unobserve"],"mappings":"AAAA;;;CAGC,GAED;;;;QAAO,2BAA2B;QAC3B,yCAAyC;AAEhDA,OAAO,CAACC,SAAS,CAACC,QAAQ,GAAGC,IAAI,CAACC,EAAE,EAAE,CAAC;AACvCC,MAAM,CAACC,cAAc,GACjBD,MAAM,CAACC,cAAc,IACrBH,IAAI,CAACC,EAAE,EAAE,CAACG,kBAAkB,CAAC;WAAO;QAChCC,UAAU,EAAEL,IAAI,CAACC,EAAE,EAAE;QACrBK,OAAO,EAAEN,IAAI,CAACC,EAAE,EAAE;QAClBM,SAAS,EAAEP,IAAI,CAACC,EAAE,EAAE;KACvB;CAAC,CAAC,CAAC"}

package/dist/cjs/__tests__/Utils.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    userEvent: function() {
+        return _userEvent.default;
+    },
+    render: function() {
+        return customRender;
+    }
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = _exportStar(require("@testing-library/react"), exports);
+var _userEvent = /*#__PURE__*/ _interopRequireDefault(require("@testing-library/user-event"));
+var _theme = require("../theme");
+var customRender = function(ui, options) {
+    var TestWrapper = function(param) {
+        var children = param.children;
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_theme.Plasmantine, {
+            children: children
+        });
+    };
+    return (0, _react.render)(ui, _objectSpread({
+        wrapper: TestWrapper
+    }, options));
+};
+
+//# sourceMappingURL=Utils.js.map

package/dist/cjs/__tests__/Utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/__tests__/Utils.tsx"],"sourcesContent":["import {render, RenderOptions, RenderResult} from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport {FunctionComponent, PropsWithChildren, ReactElement} from 'react';\n\nimport {Plasmantine} from '../theme';\n\nconst customRender = (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): RenderResult => {\n    const TestWrapper: FunctionComponent<PropsWithChildren> = ({children}) => <Plasmantine>{children}</Plasmantine>;\n\n    return render(ui, {wrapper: TestWrapper, ...options});\n};\n\nexport {userEvent};\nexport * from '@testing-library/react';\nexport {customRender as render};\n"],"names":["userEvent","render","customRender","ui","options","TestWrapper","children","Plasmantine","wrapper"],"mappings":"AAAA;;;;;;;;;;;IAYQA,SAAS;eAATA,UAAS,QAAA;;IAEOC,MAAM;eAAtBC,YAAY;;;;;;;iCAd8B,wBAAwB;8DACpD,6BAA6B;qBAGzB,UAAU;AAEpC,IAAMA,YAAY,GAAG,SAACC,EAAgB,EAAEC,OAAwC,EAAmB;IAC/F,IAAMC,WAAW,GAAyC;YAAEC,QAAQ,SAARA,QAAQ;6BAAM,qBAACC,MAAW,YAAA;sBAAED,QAAQ;UAAe;KAAA,AAAC;IAEhH,OAAOL,IAAAA,MAAM,OAAA,EAACE,EAAE,EAAE;QAACK,OAAO,EAAEH,WAAW;OAAKD,OAAO,CAAC,CAAC,CAAC;AAC1D,CAAC,AAAC"}

package/dist/cjs/components/blank-slate/BlankSlate.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BlankSlate", {
+    enumerable: true,
+    get: function() {
+        return BlankSlate;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var BlankSlate = function(param) {
+    var children = param.children, _withBorder = param.withBorder, withBorder = _withBorder === void 0 ? true : _withBorder;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Paper, {
+        shadow: withBorder && "xs",
+        p: "xl",
+        withBorder: withBorder,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Stack, {
+            align: "center",
+            children: children
+        })
+    });
+};
+
+//# sourceMappingURL=BlankSlate.js.map

package/dist/cjs/components/blank-slate/BlankSlate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blank-slate/BlankSlate.tsx"],"sourcesContent":["import {Paper, Stack} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\ninterface BlankSlateProps {\n    /**\n     * Whether the Blankslate render with a border\n     *\n     * @default true\n     */\n    withBorder?: boolean;\n}\n\nexport const BlankSlate: FunctionComponent<PropsWithChildren<BlankSlateProps>> = ({children, withBorder = true}) => (\n    <Paper shadow={withBorder && 'xs'} p=\"xl\" withBorder={withBorder}>\n        <Stack align=\"center\">{children}</Stack>\n    </Paper>\n);\n"],"names":["BlankSlate","children","withBorder","Paper","shadow","p","Stack","align"],"mappings":"AAAA;;;;+BAYaA,YAAU;;;eAAVA,UAAU;;;;oBAZI,eAAe;AAYnC,IAAMA,UAAU,GAA0D;QAAEC,QAAQ,SAARA,QAAQ,sBAAEC,UAAU,EAAVA,UAAU,4BAAG,IAAI,cAAA;yBAC1G,qBAACC,KAAK,MAAA;QAACC,MAAM,EAAEF,UAAU,IAAI,IAAI;QAAEG,CAAC,EAAC,IAAI;QAACH,UAAU,EAAEA,UAAU;kBAC5D,cAAA,qBAACI,KAAK,MAAA;YAACC,KAAK,EAAC,QAAQ;sBAAEN,QAAQ;UAAS;MACpC;CACX,AAAC"}

package/dist/cjs/components/blank-slate/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./BlankSlate"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/blank-slate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blank-slate/index.ts"],"sourcesContent":["export * from './BlankSlate';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,cAAc"}

package/dist/cjs/components/code-editor/CodeEditor.example.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _form = require("@mantine/form");
+var _codeEditor = require("./CodeEditor");
+var _default = function() {
+    var form = (0, _form.useForm)({
+        initialValues: {
+            config: '{"key":"value"}'
+        },
+        validate: {
+            config: function(jsonValue) {
+                try {
+                    var config = JSON.parse(jsonValue);
+                    if (!config.key) {
+                        return "The key must have a value";
+                    }
+                } catch (e) {
+                    return "Invalid JSON";
+                }
+                return null;
+            }
+        }
+    });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_codeEditor.CodeEditor, _objectSpread({
+        language: "json",
+        label: "Configuration",
+        description: "This JSON configuration is very important"
+    }, form.getInputProps("config")));
+};
+
+//# sourceMappingURL=CodeEditor.example.js.map

package/dist/cjs/components/code-editor/CodeEditor.example.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.example.tsx"],"sourcesContent":["import {useForm} from '@mantine/form';\nimport {CodeEditor} from './CodeEditor';\n\nexport default () => {\n    const form = useForm({\n        initialValues: {\n            config: '{\"key\":\"value\"}',\n        },\n        validate: {\n            config: (jsonValue) => {\n                try {\n                    const config = JSON.parse(jsonValue);\n                    if (!config.key) {\n                        return 'The key must have a value';\n                    }\n                } catch {\n                    return 'Invalid JSON';\n                }\n                return null;\n            },\n        },\n    });\n\n    return (\n        <CodeEditor\n            language=\"json\"\n            label=\"Configuration\"\n            description=\"This JSON configuration is very important\"\n            {...form.getInputProps('config')}\n        />\n    );\n};\n"],"names":["form","useForm","initialValues","config","validate","jsonValue","JSON","parse","key","CodeEditor","language","label","description","getInputProps"],"mappings":"AAAA;;;;+BAGA,SA4BE;;;eA5BF,QA4BE;;;;;oBA/BoB,eAAe;0BACZ,cAAc;IAEvC,QA4BE,GA5Ba,WAAM;IACjB,IAAMA,IAAI,GAAGC,IAAAA,KAAO,QAAA,EAAC;QACjBC,aAAa,EAAE;YACXC,MAAM,EAAE,iBAAiB;SAC5B;QACDC,QAAQ,EAAE;YACND,MAAM,EAAE,SAACE,SAAS,EAAK;gBACnB,IAAI;oBACA,IAAMF,MAAM,GAAGG,IAAI,CAACC,KAAK,CAACF,SAAS,CAAC,AAAC;oBACrC,IAAI,CAACF,MAAM,CAACK,GAAG,EAAE;wBACb,OAAO,2BAA2B,CAAC;oBACvC,CAAC;gBACL,EAAE,UAAM;oBACJ,OAAO,cAAc,CAAC;gBAC1B,CAAC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;KACJ,CAAC,AAAC;IAEH,qBACI,qBAACC,WAAU,WAAA;QACPC,QAAQ,EAAC,MAAM;QACfC,KAAK,EAAC,eAAe;QACrBC,WAAW,EAAC,2CAA2C;OACnDZ,IAAI,CAACa,aAAa,CAAC,QAAQ,CAAC,EAClC,CACJ;AACN,CAAC"}

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

@@ -0,0 +1,214 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CodeEditor", {
+    enumerable: true,
+    get: function() {
+        return CodeEditor;
+    }
+});
+var _asyncToGenerator = require("@swc/helpers/lib/_async_to_generator.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _tsGenerator = require("@swc/helpers/lib/_ts_generator.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _hooks = require("@mantine/hooks");
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("@monaco-editor/react"));
+var _react1 = require("react");
+var _hooks1 = require("../../hooks");
+var useStyles = (0, _core.createStyles)(function(theme) {
+    return {
+        root: {},
+        editor: {
+            border: "1px solid ".concat(theme.colors.gray[2]),
+            borderRadius: theme.defaultRadius,
+            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black,
+            height: "100%"
+        }
+    };
+});
+var defaultProps = {
+    language: "plaintext",
+    monacoLoader: "local",
+    defaultValue: "",
+    minHeight: 300
+};
+var CodeEditor = function(props) {
+    var _ref = (0, _core.useComponentDefaultProps)("CodeEditor", defaultProps, props), language = _ref.language, defaultValue = _ref.defaultValue, onChange = _ref.onChange, onFocus = _ref.onFocus, value = _ref.value, label = _ref.label, required = _ref.required, labelProps = _ref.labelProps, error = _ref.error, errorProps = _ref.errorProps, description = _ref.description, descriptionProps = _ref.descriptionProps, minHeight = _ref.minHeight, maxHeight = _ref.maxHeight, disabled = _ref.disabled, monacoLoader = _ref.monacoLoader, others = _objectWithoutProperties(_ref, [
+        "language",
+        "defaultValue",
+        "onChange",
+        "onFocus",
+        "value",
+        "label",
+        "required",
+        "labelProps",
+        "error",
+        "errorProps",
+        "description",
+        "descriptionProps",
+        "minHeight",
+        "maxHeight",
+        "disabled",
+        "monacoLoader"
+    ]);
+    var ref = _slicedToArray((0, _react1.useState)(false), 2), loaded = ref[0], setLoaded = ref[1];
+    var ref1 = useStyles(), classes = ref1.classes, theme = ref1.theme;
+    var ref2 = _slicedToArray((0, _hooks.useUncontrolled)({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onChange,
+        finalValue: ""
+    }), 2), _value = ref2[0], handleChange = ref2[1];
+    var ref3 = _slicedToArray((0, _hooks1.useParentHeight)(), 2), parentHeight = ref3[0], ref4 = ref3[1];
+    var loadLocalMonaco = function() {
+        var _ref = _asyncToGenerator(function() {
+            var monaco;
+            return _tsGenerator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            Promise.resolve().then(function() {
+                                return /*#__PURE__*/ _interopRequireWildcard(require("monaco-editor"));
+                            })
+                        ];
+                    case 1:
+                        monaco = _state.sent();
+                        _react.loader.config({
+                            monaco: monaco
+                        });
+                        setLoaded(true);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function loadLocalMonaco() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    (0, _react1.useEffect)(function() {
+        if (monacoLoader === "local") {
+            loadLocalMonaco();
+        } else {
+            setLoaded(true);
+        }
+    }, []);
+    var _label = label ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Input.Label, _objectSpreadProps(_objectSpread({
+        required: required
+    }, labelProps), {
+        children: label
+    })) : null;
+    var _description = description ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Input.Description, _objectSpreadProps(_objectSpread({
+        mt: "xs"
+    }, descriptionProps), {
+        children: description
+    })) : null;
+    var _error = error ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Input.Error, _objectSpreadProps(_objectSpread({
+        mt: "xs"
+    }, errorProps), {
+        children: error
+    })) : null;
+    var _header = _label || _description ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Box, {
+        children: [
+            _label,
+            _description
+        ]
+    }) : null;
+    var _copyButton = /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+        position: "right",
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.CopyButton, {
+            value: _value,
+            timeout: 2000,
+            children: function(param) {
+                var copied = param.copied, copy = param.copy;
+                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Tooltip, {
+                    label: copied ? "Copied" : "Copy",
+                    withArrow: true,
+                    position: "right",
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.ActionIcon, {
+                        color: copied ? "lime" : "gray",
+                        onClick: copy,
+                        children: copied ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.CheckSize16Px, {
+                            height: 16
+                        }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.CopySize16Px, {
+                            height: 16
+                        })
+                    })
+                });
+            }
+        })
+    });
+    var _editor = loaded ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Box, {
+        p: "md",
+        pl: "xs",
+        className: classes.editor,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_react.default, {
+            defaultLanguage: language,
+            theme: theme.colorScheme === "light" ? "light" : "vs-dark",
+            options: {
+                minimap: {
+                    enabled: false
+                },
+                wordWrap: "on",
+                wrappingStrategy: "advanced",
+                scrollBeyondLastLine: false,
+                formatOnPaste: true,
+                fontSize: theme.fontSizes.xs,
+                readOnly: disabled,
+                tabSize: 2
+            },
+            value: _value,
+            onChange: handleChange,
+            onMount: function(editor) {
+                editor.onDidFocusEditorText(onFocus);
+                editor.onDidBlurEditorText(/*#__PURE__*/ _asyncToGenerator(function() {
+                    return _tsGenerator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                return [
+                                    4,
+                                    editor.getAction("editor.action.formatDocument").run()
+                                ];
+                            case 1:
+                                _state.sent();
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                }));
+            }
+        })
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Center, {
+        className: classes.editor,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Loader, {})
+    });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Stack, _objectSpreadProps(_objectSpread({
+        justify: "flex-start",
+        className: classes.root,
+        spacing: 0,
+        sx: {
+            height: Math.max(parentHeight, minHeight),
+            maxHeight: maxHeight
+        },
+        ref: ref4
+    }, others), {
+        children: [
+            _header,
+            _copyButton,
+            _editor,
+            _error
+        ]
+    }));
+};
+
+//# sourceMappingURL=CodeEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {CheckSize16Px, CopySize16Px} from '@coveord/plasma-react-icons';\nimport {\n    ActionIcon,\n    Box,\n    Center,\n    CopyButton,\n    createStyles,\n    DefaultProps,\n    Group,\n    Input,\n    InputWrapperBaseProps,\n    Loader,\n    Selectors,\n    Stack,\n    Tooltip,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport Editor, {loader} from '@monaco-editor/react';\nimport {FunctionComponent, useEffect, useState} from 'react';\n\nimport {useParentHeight} from '../../hooks';\n\nconst useStyles = createStyles((theme) => ({\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    },\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';\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 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        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 {classes, theme} = useStyles();\n    const [_value, handleChange] = useUncontrolled<string>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: '',\n    });\n    const [parentHeight, ref] = useParentHeight();\n\n    const loadLocalMonaco = async () => {\n        const monaco = await import('monaco-editor');\n        loader.config({monaco});\n        setLoaded(true);\n    };\n\n    useEffect(() => {\n        if (monacoLoader === 'local') {\n            loadLocalMonaco();\n        } else {\n            setLoaded(true);\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 mt=\"xs\" {...descriptionProps}>\n            {description}\n        </Input.Description>\n    ) : null;\n\n    const _error = error ? (\n        <Input.Error mt=\"xs\" {...errorProps}>\n            {error}\n        </Input.Error>\n    ) : null;\n\n    const _header =\n        _label || _description ? (\n            <Box>\n                {_label}\n                {_description}\n            </Box>\n        ) : null;\n\n    const _copyButton = (\n        <Group position=\"right\">\n            <CopyButton value={_value} timeout={2000}>\n                {({copied, copy}) => (\n                    <Tooltip label={copied ? 'Copied' : 'Copy'} withArrow position=\"right\">\n                        <ActionIcon color={copied ? 'lime' : 'gray'} onClick={copy}>\n                            {copied ? <CheckSize16Px height={16} /> : <CopySize16Px height={16} />}\n                        </ActionIcon>\n                    </Tooltip>\n                )}\n            </CopyButton>\n        </Group>\n    );\n\n    const _editor = loaded ? (\n        <Box p=\"md\" pl=\"xs\" className={classes.editor}>\n            <Editor\n                defaultLanguage={language}\n                theme={theme.colorScheme === 'light' ? 'light' : 'vs-dark'}\n                options={{\n                    minimap: {enabled: false},\n                    wordWrap: 'on',\n                    wrappingStrategy: 'advanced',\n                    scrollBeyondLastLine: false,\n                    formatOnPaste: true,\n                    fontSize: theme.fontSizes.xs,\n                    readOnly: disabled,\n                    tabSize: 2,\n                }}\n                value={_value}\n                onChange={handleChange}\n                onMount={(editor) => {\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            {_copyButton}\n            {_editor}\n            {_error}\n        </Stack>\n    );\n};\n"],"names":["CodeEditor","useStyles","createStyles","theme","root","editor","border","colors","gray","borderRadius","defaultRadius","backgroundColor","colorScheme","white","black","height","defaultProps","language","monacoLoader","defaultValue","minHeight","props","useComponentDefaultProps","onChange","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","others","useState","loaded","setLoaded","classes","useUncontrolled","finalValue","_value","handleChange","useParentHeight","parentHeight","ref","loadLocalMonaco","monaco","loader","config","useEffect","_label","Input","Label","_description","Description","mt","_error","Error","_header","Box","_copyButton","Group","position","CopyButton","timeout","copied","copy","Tooltip","withArrow","ActionIcon","color","onClick","CheckSize16Px","CopySize16Px","_editor","p","pl","className","Editor","defaultLanguage","options","minimap","enabled","wordWrap","wrappingStrategy","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","Center","Loader","Stack","justify","spacing","sx","Math","max"],"mappings":"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"}

package/dist/cjs/components/code-editor/__mocks__/@monaco-editor/react.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return _default;
+    },
+    loader: function() {
+        return loader;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var MockedEditor = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+        "data-testid": "monaco-editor"
+    });
+};
+var _default = MockedEditor;
+var loader = {
+    config: jest.fn()
+};
+
+//# sourceMappingURL=react.js.map

package/dist/cjs/components/code-editor/__mocks__/@monaco-editor/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/code-editor/__mocks__/@monaco-editor/react.tsx"],"sourcesContent":["import {type EditorProps} from '@monaco-editor/react';\nimport {FunctionComponent} from 'react';\n\nconst MockedEditor: FunctionComponent<EditorProps> = (props) => <div data-testid=\"monaco-editor\" />;\n\nexport default MockedEditor;\n\nexport const loader = {\n    config: jest.fn(),\n};\n"],"names":["loader","MockedEditor","props","div","data-testid","config","jest","fn"],"mappings":"AAAA;;;;;;;;;;;IAKA,OAA4B;eAA5B,QAA4B;;IAEfA,MAAM;eAANA,MAAM;;;;AAJnB,IAAMC,YAAY,GAAmC,SAACC,KAAK;yBAAK,qBAACC,KAAG;QAACC,aAAW,EAAC,eAAe;MAAG;CAAA,AAAC;IAEpG,QAA4B,GAAbH,YAAY;AAEpB,IAAMD,MAAM,GAAG;IAClBK,MAAM,EAAEC,IAAI,CAACC,EAAE,EAAE;CACpB,AAAC"}

package/dist/cjs/components/code-editor/__mocks__/monaco-editor.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "monaco", {
+    enumerable: true,
+    get: function() {
+        return monaco;
+    }
+});
+var editor = {
+    create: function() {
+        return {
+            dispose: function() {
+                return null;
+            }
+        };
+    }
+};
+var monaco = {
+    editor: editor
+};
+
+//# sourceMappingURL=monaco-editor.js.map

package/dist/cjs/components/code-editor/__mocks__/monaco-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/code-editor/__mocks__/monaco-editor.ts"],"sourcesContent":["const editor = {\n    create: () => ({\n        dispose: (): void => null,\n    }),\n};\n\nexport const monaco = {\n    editor,\n};\n"],"names":["monaco","editor","create","dispose"],"mappings":"AAAA;;;;+BAMaA,QAAM;;;eAANA,MAAM;;;AANnB,IAAMC,MAAM,GAAG;IACXC,MAAM,EAAE;eAAO;YACXC,OAAO,EAAE;uBAAY,IAAI;aAAA;SAC5B;KAAC;CACL,AAAC;AAEK,IAAMH,MAAM,GAAG;IAClBC,MAAM,EAANA,MAAM;CACT,AAAC"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./CodeEditor"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/code-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/code-editor/index.ts"],"sourcesContent":["export * from './CodeEditor';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,cAAc"}

package/dist/cjs/components/collection/Collection.example.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _form = require("@mantine/form");
+var _collection = require("./Collection");
+var _default = function() {
+    var form = (0, _form.useForm)({
+        initialValues: {
+            todoList: [
+                {
+                    name: "wash the dishes",
+                    done: true
+                },
+                {
+                    name: "take out the trash",
+                    done: false
+                },
+                {
+                    name: "vacuum the floors",
+                    done: true
+                }
+            ]
+        }
+    });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_collection.Collection, _objectSpreadProps(_objectSpread({
+        draggable: true,
+        addLabel: "Add task",
+        newItem: {
+            name: "",
+            done: false
+        }
+    }, form.getInputProps("todoList")), {
+        children: function(task, index) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.TextInput, _objectSpreadProps(_objectSpread({
+                        autoFocus: true,
+                        placeholder: "Do something ..."
+                    }, form.getInputProps("todoList.".concat(index, ".name"))), {
+                        styles: {
+                            flex: 1
+                        }
+                    })),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Checkbox, _objectSpread({}, form.getInputProps("todoList.".concat(index, ".done"), {
+                        type: "checkbox"
+                    })))
+                ]
+            });
+        }
+    }));
+};
+
+//# sourceMappingURL=Collection.example.js.map

package/dist/cjs/components/collection/Collection.example.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/collection/Collection.example.tsx"],"sourcesContent":["import {Checkbox, TextInput} from '@mantine/core';\nimport {useForm} from '@mantine/form';\n\nimport {Collection} from './Collection';\n\nexport default () => {\n    const form = useForm({\n        initialValues: {\n            todoList: [\n                {name: 'wash the dishes', done: true},\n                {name: 'take out the trash', done: false},\n                {name: 'vacuum the floors', done: true},\n            ],\n        },\n    });\n\n    return (\n        <Collection<{name: string; done: boolean}>\n            draggable\n            addLabel=\"Add task\"\n            newItem={{name: '', done: false}}\n            {...form.getInputProps('todoList')}\n        >\n            {(task, index) => (\n                <>\n                    <TextInput\n                        autoFocus\n                        placeholder=\"Do something ...\"\n                        {...form.getInputProps(`todoList.${index}.name`)}\n                        styles={{flex: 1}}\n                    />\n                    <Checkbox {...form.getInputProps(`todoList.${index}.done`, {type: 'checkbox'})} />\n                </>\n            )}\n        </Collection>\n    );\n};\n"],"names":["form","useForm","initialValues","todoList","name","done","Collection","draggable","addLabel","newItem","getInputProps","task","index","TextInput","autoFocus","placeholder","styles","flex","Checkbox","type"],"mappings":"AAAA;;;;+BAKA,SA+BE;;;eA/BF,QA+BE;;;;;;oBApCgC,eAAe;oBAC3B,eAAe;0BAEZ,cAAc;IAEvC,QA+BE,GA/Ba,WAAM;IACjB,IAAMA,IAAI,GAAGC,IAAAA,KAAO,QAAA,EAAC;QACjBC,aAAa,EAAE;YACXC,QAAQ,EAAE;gBACN;oBAACC,IAAI,EAAE,iBAAiB;oBAAEC,IAAI,EAAE,IAAI;iBAAC;gBACrC;oBAACD,IAAI,EAAE,oBAAoB;oBAAEC,IAAI,EAAE,KAAK;iBAAC;gBACzC;oBAACD,IAAI,EAAE,mBAAmB;oBAAEC,IAAI,EAAE,IAAI;iBAAC;aAC1C;SACJ;KACJ,CAAC,AAAC;IAEH,qBACI,qBAACC,WAAU,WAAA;QACPC,SAAS;QACTC,QAAQ,EAAC,UAAU;QACnBC,OAAO,EAAE;YAACL,IAAI,EAAE,EAAE;YAAEC,IAAI,EAAE,KAAK;SAAC;OAC5BL,IAAI,CAACU,aAAa,CAAC,UAAU,CAAC;kBAEjC,SAACC,IAAI,EAAEC,KAAK;iCACT;;kCACI,qBAACC,KAAS,UAAA;wBACNC,SAAS;wBACTC,WAAW,EAAC,kBAAkB;uBAC1Bf,IAAI,CAACU,aAAa,CAAC,AAAC,WAAS,CAAQ,MAAK,CAAXE,KAAK,EAAC,OAAK,CAAC,CAAC;wBAChDI,MAAM,EAAE;4BAACC,IAAI,EAAE,CAAC;yBAAC;uBACnB;kCACF,qBAACC,KAAQ,SAAA,oBAAKlB,IAAI,CAACU,aAAa,CAAC,AAAC,WAAS,CAAQ,MAAK,CAAXE,KAAK,EAAC,OAAK,CAAC,EAAE;wBAACO,IAAI,EAAE,UAAU;qBAAC,CAAC,EAAI;;cACnF;SACN;OACQ,CACf;AACN,CAAC"}