@coveord/plasma-mantine 47.4.0

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, ReactElement} from 'react';\n\nimport {Plasmantine} from '../theme';\n\nconst customRender = (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): RenderResult => {\n    const TestWrapper: FunctionComponent = ({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,GAAsB;YAAEC,QAAQ,SAARA,QAAQ;6BAAM,qBAACC,MAAW,YAAA;sBAAED,QAAQ;UAAe;KAAA,AAAC;IAE7F,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} 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<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,GAAuC;QAAEC,QAAQ,SAARA,QAAQ,sBAAEC,UAAU,EAAVA,UAAU,4BAAG,IAAI,cAAA;yBACvF,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,176 @@
+"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 _monacoEditor = /*#__PURE__*/ _interopRequireWildcard(require("monaco-editor"));
+var _hooks1 = require("../../hooks");
+_react.loader.config({
+    monaco: _monacoEditor
+});
+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",
+    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, others = _objectWithoutProperties(_ref, [
+        "language",
+        "defaultValue",
+        "onChange",
+        "onFocus",
+        "value",
+        "label",
+        "required",
+        "labelProps",
+        "error",
+        "errorProps",
+        "description",
+        "descriptionProps",
+        "minHeight",
+        "maxHeight",
+        "disabled"
+    ]);
+    var ref = useStyles(), classes = ref.classes, theme = ref.theme;
+    var ref1 = _slicedToArray((0, _hooks.useUncontrolled)({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onChange,
+        finalValue: ""
+    }), 2), _value = ref1[0], handleChange = ref1[1];
+    var ref2 = _slicedToArray((0, _hooks1.useParentHeight)(), 2), parentHeight = ref2[0], ref3 = ref2[1];
+    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 = /*#__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
+                                ];
+                        }
+                    });
+                }));
+            }
+        })
+    });
+    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: ref3
+    }, 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    CopyButton,\n    createStyles,\n    DefaultProps,\n    Group,\n    Input,\n    InputWrapperBaseProps,\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 * as monaco from 'monaco-editor';\nimport {FunctionComponent} from 'react';\n\nimport {useParentHeight} from '../../hooks';\n\nloader.config({monaco});\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\nconst defaultProps: Partial<CodeEditorProps> = {\n    language: 'plaintext',\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        ...others\n    } = useComponentDefaultProps('CodeEditor', defaultProps, props);\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 _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 = (\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\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","loader","config","monaco","useStyles","createStyles","theme","root","editor","border","colors","gray","borderRadius","defaultRadius","backgroundColor","colorScheme","white","black","height","defaultProps","language","defaultValue","minHeight","props","useComponentDefaultProps","onChange","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","others","classes","useUncontrolled","finalValue","_value","handleChange","useParentHeight","parentHeight","ref","_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","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/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"}

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

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Collection", {
+    enumerable: true,
+    get: function() {
+        return Collection;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.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 _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _hooks = require("@mantine/hooks");
+var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _hooks1 = require("../../hooks");
+var _collectionItem = require("./CollectionItem");
+var _colllectionStyles = /*#__PURE__*/ _interopRequireDefault(require("./Colllection.styles"));
+var defaultProps = {
+    draggable: false,
+    addLabel: "Add item",
+    addDisabledTooltip: "There is already an empty item",
+    disabled: false,
+    spacing: "xs",
+    required: false
+};
+var Collection = function(props) {
+    var _ref = (0, _core.useComponentDefaultProps)("Collection", defaultProps, props), value = _ref.value, defaultValue = _ref.defaultValue, onChange = _ref.onChange, onFocus = _ref.onFocus, disabled = _ref.disabled, draggable = _ref.draggable, children = _ref.children, spacing = _ref.spacing, required = _ref.required, newItem = _ref.newItem, addLabel = _ref.addLabel, addDisabledTooltip = _ref.addDisabledTooltip, // Style props
+    classNames = _ref.classNames, className = _ref.className, styles = _ref.styles, unstyled = _ref.unstyled, others = _objectWithoutProperties(_ref, [
+        "value",
+        "defaultValue",
+        "onChange",
+        "onFocus",
+        "disabled",
+        "draggable",
+        "children",
+        "spacing",
+        "required",
+        "newItem",
+        "addLabel",
+        "addDisabledTooltip",
+        "classNames",
+        "className",
+        "styles",
+        "unstyled"
+    ]);
+    var ref = (0, _colllectionStyles.default)(null, {
+        classNames: classNames,
+        name: "Collection",
+        styles: styles,
+        unstyled: unstyled
+    }), classes = ref.classes, cx = ref.cx;
+    var collectionID = (0, _hooks.useId)("dnd-droppable");
+    var ref1 = _slicedToArray((0, _hooks1.useControlledList)({
+        value: value,
+        onChange: onChange,
+        defaultValue: defaultValue
+    }), 2), values = ref1[0], ref2 = ref1[1], append = ref2.append, remove = ref2.remove, reorder = ref2.reorder;
+    var hasOnlyOneItem = values.length === 1;
+    var items = values.map(function(item, index) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_collectionItem.CollectionItem, {
+            disabled: disabled,
+            draggable: draggable,
+            index: index,
+            onRemove: function() {
+                return remove(index);
+            },
+            styles: styles,
+            removable: !(required && hasOnlyOneItem),
+            children: children(item, index)
+        }, index);
+    });
+    var hasEmptyItem = values.some(function(item) {
+        return JSON.stringify(item) === JSON.stringify(newItem);
+    });
+    var _addButton = disabled ? null : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Tooltip, {
+            label: addDisabledTooltip,
+            disabled: !hasEmptyItem,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Box, {
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+                    variant: "subtle",
+                    leftIcon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.AddSize16Px, {
+                        height: 16
+                    }),
+                    onClick: function() {
+                        return append(newItem);
+                    },
+                    disabled: hasEmptyItem,
+                    children: addLabel
+                })
+            })
+        })
+    });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactBeautifulDnd.DragDropContext, {
+        onDragEnd: function(param) {
+            var destination = param.destination, source = param.source;
+            return reorder({
+                from: source.index,
+                to: (destination === null || destination === void 0 ? void 0 : destination.index) || 0
+            });
+        },
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactBeautifulDnd.Droppable, {
+            direction: "vertical",
+            droppableId: collectionID,
+            children: function(provided) {
+                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Box, _objectSpreadProps(_objectSpread(_objectSpreadProps(_objectSpread({}, provided.droppableProps), {
+                    ref: provided.innerRef,
+                    className: cx(classes.root, className)
+                }), others), {
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Stack, {
+                        spacing: spacing,
+                        children: [
+                            items,
+                            provided.placeholder,
+                            _addButton
+                        ]
+                    })
+                }));
+            }
+        })
+    });
+};
+
+//# sourceMappingURL=Collection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/collection/Collection.tsx"],"sourcesContent":["import {AddSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    Button,\n    DefaultProps,\n    Group,\n    MantineNumberSize,\n    Selectors,\n    Stack,\n    Tooltip,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {useId} from '@mantine/hooks';\nimport {ReactNode} from 'react';\nimport {DragDropContext, Droppable} from 'react-beautiful-dnd';\n\nimport {useControlledList} from '../../hooks';\nimport {CollectionItem} from './CollectionItem';\nimport useStyles from './Colllection.styles';\n\ninterface CollectionProps<T> extends DefaultProps<Selectors<typeof useStyles>> {\n    newItem: T;\n    children: (item: T, index: number) => ReactNode;\n    defaultValue?: T[];\n    value?: T[];\n    onFocus?: () => void;\n    onChange?: (value: T[]) => void;\n    draggable?: boolean;\n    disabled?: boolean;\n    addLabel?: string;\n    addDisabledTooltip?: string;\n    spacing?: MantineNumberSize;\n    required?: boolean;\n}\n\nconst defaultProps: Partial<CollectionProps<unknown>> = {\n    draggable: false,\n    addLabel: 'Add item',\n    addDisabledTooltip: 'There is already an empty item',\n    disabled: false,\n    spacing: 'xs',\n    required: false,\n};\n\nexport const Collection = <T,>(props: CollectionProps<T>) => {\n    const {\n        value,\n        defaultValue,\n        onChange,\n        onFocus,\n        disabled,\n        draggable,\n        children,\n        spacing,\n        required,\n        newItem,\n        addLabel,\n        addDisabledTooltip,\n\n        // Style props\n        classNames,\n        className,\n        styles,\n        unstyled,\n\n        ...others\n    } = useComponentDefaultProps('Collection', defaultProps as CollectionProps<T>, props);\n    const {classes, cx} = useStyles(null, {classNames, name: 'Collection', styles, unstyled});\n    const collectionID = useId('dnd-droppable');\n\n    const [values, {append, remove, reorder}] = useControlledList({value, onChange, defaultValue});\n    const hasOnlyOneItem = values.length === 1;\n    const items = values.map((item, index) => (\n        <CollectionItem\n            key={index}\n            disabled={disabled}\n            draggable={draggable}\n            index={index}\n            onRemove={() => remove(index)}\n            styles={styles}\n            removable={!(required && hasOnlyOneItem)}\n        >\n            {children(item, index)}\n        </CollectionItem>\n    ));\n\n    const hasEmptyItem = values.some((item) => JSON.stringify(item) === JSON.stringify(newItem));\n\n    const _addButton = disabled ? null : (\n        <Group>\n            <Tooltip label={addDisabledTooltip} disabled={!hasEmptyItem}>\n                <Box>\n                    <Button\n                        variant=\"subtle\"\n                        leftIcon={<AddSize16Px height={16} />}\n                        onClick={() => append(newItem)}\n                        disabled={hasEmptyItem}\n                    >\n                        {addLabel}\n                    </Button>\n                </Box>\n            </Tooltip>\n        </Group>\n    );\n\n    return (\n        <DragDropContext\n            onDragEnd={({destination, source}) => reorder({from: source.index, to: destination?.index || 0})}\n        >\n            <Droppable direction=\"vertical\" droppableId={collectionID}>\n                {(provided) => (\n                    <Box\n                        {...provided.droppableProps}\n                        ref={provided.innerRef}\n                        className={cx(classes.root, className)}\n                        {...others}\n                    >\n                        <Stack spacing={spacing}>\n                            {items}\n                            {provided.placeholder}\n                            {_addButton}\n                        </Stack>\n                    </Box>\n                )}\n            </Droppable>\n        </DragDropContext>\n    );\n};\n"],"names":["Collection","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","spacing","required","props","useComponentDefaultProps","value","defaultValue","onChange","onFocus","children","newItem","classNames","className","styles","unstyled","others","useStyles","name","classes","cx","collectionID","useId","useControlledList","values","append","remove","reorder","hasOnlyOneItem","length","items","map","item","index","CollectionItem","onRemove","removable","hasEmptyItem","some","JSON","stringify","_addButton","Group","Tooltip","label","Box","Button","variant","leftIcon","AddSize16Px","height","onClick","DragDropContext","onDragEnd","destination","source","from","to","Droppable","direction","droppableId","provided","droppableProps","ref","innerRef","root","Stack","placeholder"],"mappings":"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"}