@coveord/plasma-mantine 47.4.0

package/dist/definitions/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useParentHeight';
+export * from './useControlledList';
+//# sourceMappingURL=index.d.ts.map

package/dist/definitions/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/definitions/hooks/useControlledList.d.ts

@@ -0,0 +1,25 @@
+interface UseControlledList<T> {
+    /** Initial value for uncontrolled state */
+    defaultValue?: T[];
+    /** Value for controlled state */
+    value?: T[];
+    /** Controlled state onChange handler */
+    onChange?: (values: T[]) => void;
+}
+interface ListHandlers<T> {
+    /** Appends the item at the end of the list */
+    append: (item: T) => void;
+    /** Removes the item at the index from the list */
+    remove: (index: number) => void;
+    /** Moves the item at the "from" position to another position within the list  */
+    reorder: ({ from, to }: {
+        from: number;
+        to: number;
+    }) => void;
+}
+/**
+ * Manage a list of items in a controlled fashion, to be used with inputs
+ */
+export declare const useControlledList: <T>({ defaultValue, value, onChange }: UseControlledList<T>) => [T[], ListHandlers<T>];
+export {};
+//# sourceMappingURL=useControlledList.d.ts.map

package/dist/definitions/hooks/useControlledList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,wFA6B7B,CAAC"}

package/dist/definitions/hooks/useParentHeight.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Computes the available height of the parent element on mount
+ */
+export declare const useParentHeight: () => [number, React.MutableRefObject<HTMLDivElement>];
+//# sourceMappingURL=useParentHeight.d.ts.map

package/dist/definitions/hooks/useParentHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParentHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/useParentHeight.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,CAAC,MAAM,EAAE,MAAM,gBAAgB,CAAC,cAAc,CAAC,CAWjF,CAAC"}

package/dist/definitions/index.d.ts

@@ -0,0 +1,16 @@
+import { Tuple } from '@mantine/core';
+import { PlasmaColors } from './theme/PlasmaColors';
+export { ColumnDef, createColumnHelper } from '@tanstack/table-core';
+export * from '@mantine/core';
+export * from '@mantine/form';
+export type { FormValidateInput } from '@mantine/form/lib/types';
+export * from '@mantine/hooks';
+export * from './components';
+export * from './theme';
+export { Header, Table } from './components';
+declare module '@mantine/core' {
+    interface MantineThemeColorsOverride {
+        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/definitions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAEnE,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,cAAc,CAAC;AAE3C,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}

package/dist/definitions/theme/PlasmaColors.d.ts

@@ -0,0 +1,14 @@
+export declare const PlasmaColors: {
+    gray: [string, string, string, string, string, string, string, string, string, string];
+    action: [string, string, string, string, string, string, string, string, string, string];
+    navy: [string, string, string, string, string, string, string, string, string, string];
+    blue: [string, string, string, string, string, string, string, string, string, string];
+    red: [string, string, string, string, string, string, string, string, string, string];
+    teal: [string, string, string, string, string, string, string, string, string, string];
+    yellow: [string, string, string, string, string, string, string, string, string, string];
+    green: [string, string, string, string, string, string, string, string, string, string];
+    indigo: [string, string, string, string, string, string, string, string, string, string];
+    lime: [string, string, string, string, string, string, string, string, string, string];
+    purple: [string, string, string, string, string, string, string, string, string, string];
+};
+//# sourceMappingURL=PlasmaColors.d.ts.map

package/dist/definitions/theme/PlasmaColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;;;;;CAqCxB,CAAC"}

package/dist/definitions/theme/Plasmantine.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+export declare const Plasmantine: FunctionComponent;
+//# sourceMappingURL=Plasmantine.d.ts.map

package/dist/definitions/theme/Plasmantine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,WAAW,EAAE,iBAIzB,CAAC"}

package/dist/definitions/theme/Theme.d.ts

@@ -0,0 +1,3 @@
+import { MantineThemeOverride } from '@mantine/core';
+export declare const plasmaTheme: MantineThemeOverride;
+//# sourceMappingURL=Theme.d.ts.map

package/dist/definitions/theme/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBA0JzB,CAAC"}

package/dist/definitions/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Plasmantine';
+//# sourceMappingURL=index.d.ts.map

package/dist/definitions/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/__tests__/GlobalSetup.js

@@ -0,0 +1,7 @@
+// This file is executed once, before everything else.
+export default function() {
+    // @ts-ignore
+    process.env.TZ = "UTC";
+};
+
+//# sourceMappingURL=GlobalSetup.js.map

package/dist/esm/__tests__/GlobalSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/__tests__/GlobalSetup.ts"],"sourcesContent":["// This file is executed once, before everything else.\nexport default () => {\n    // @ts-ignore\n    process.env.TZ = 'UTC';\n};\n"],"names":["process","env","TZ"],"mappings":"AAAA,sDAAsD;AACtD,eAAe,WAAM;IACjB,aAAa;IACbA,OAAO,CAACC,GAAG,CAACC,EAAE,GAAG,KAAK,CAAC;AAC3B,CAAC,CAAC"}

package/dist/esm/__tests__/Setup.js

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

package/dist/esm/__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/esm/__tests__/SetupAfterEnv.js

@@ -0,0 +1,15 @@
+/**
+ * This file is executed once per test file.
+ * It is executed after executing Setup and Jest is initialised, but before the test code itself.
+ */ import "@testing-library/jest-dom";
+import "@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/esm/__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,OAAO,2BAA2B,CAAC;AACnC,OAAO,yCAAyC,CAAC;AAEjDA,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/esm/__tests__/Utils.js

@@ -0,0 +1,21 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Plasmantine } from "../theme";
+var customRender = function(ui, options) {
+    var TestWrapper = function(param) {
+        var children = param.children;
+        return /*#__PURE__*/ _jsx(Plasmantine, {
+            children: children
+        });
+    };
+    return render(ui, _object_spread({
+        wrapper: TestWrapper
+    }, options));
+};
+export { userEvent };
+export * from "@testing-library/react";
+export { customRender as render };
+
+//# sourceMappingURL=Utils.js.map

package/dist/esm/__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":["render","userEvent","Plasmantine","customRender","ui","options","TestWrapper","children","wrapper"],"mappings":"AAAA;;AAAA,SAAQA,MAAM,QAAoC,wBAAwB,CAAC;AAC3E,OAAOC,SAAS,MAAM,6BAA6B,CAAC;AAGpD,SAAQC,WAAW,QAAO,UAAU,CAAC;AAErC,IAAMC,YAAY,GAAG,SAACC,EAAgB,EAAEC,OAAwC,EAAmB;IAC/F,IAAMC,WAAW,GAAsB;YAAEC,QAAQ,SAARA,QAAQ;6BAAM,KAACL,WAAW;sBAAEK,QAAQ;UAAe;KAAA,AAAC;IAE7F,OAAOP,MAAM,CAACI,EAAE,EAAE;QAACI,OAAO,EAAEF,WAAW;OAAKD,OAAO,CAAC,CAAC,CAAC;AAC1D,CAAC,AAAC;AAEF,SAAQJ,SAAS,GAAE;AACnB,cAAc,wBAAwB,CAAC;AACvC,SAAQE,YAAY,IAAIH,MAAM,GAAE"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Paper, Stack } from "@mantine/core";
+export var BlankSlate = function(param) {
+    var children = param.children, _withBorder = param.withBorder, withBorder = _withBorder === void 0 ? true : _withBorder;
+    return /*#__PURE__*/ _jsx(Paper, {
+        shadow: withBorder && "xs",
+        p: "xl",
+        withBorder: withBorder,
+        children: /*#__PURE__*/ _jsx(Stack, {
+            align: "center",
+            children: children
+        })
+    });
+};
+
+//# sourceMappingURL=BlankSlate.js.map

package/dist/esm/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":["Paper","Stack","BlankSlate","children","withBorder","shadow","p","align"],"mappings":"AAAA;AAAA,SAAQA,KAAK,EAAEC,KAAK,QAAO,eAAe,CAAC;AAY3C,OAAO,IAAMC,UAAU,GAAuC;QAAEC,QAAQ,SAARA,QAAQ,sBAAEC,UAAU,EAAVA,UAAU,4BAAG,IAAI,cAAA;yBACvF,KAACJ,KAAK;QAACK,MAAM,EAAED,UAAU,IAAI,IAAI;QAAEE,CAAC,EAAC,IAAI;QAACF,UAAU,EAAEA,UAAU;kBAC5D,cAAA,KAACH,KAAK;YAACM,KAAK,EAAC,QAAQ;sBAAEJ,QAAQ;UAAS;MACpC;CACX,CAAC"}

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

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

package/dist/esm/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,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,31 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useForm } from "@mantine/form";
+import { CodeEditor } from "./CodeEditor";
+export default function() {
+    var 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__*/ _jsx(CodeEditor, _object_spread({
+        language: "json",
+        label: "Configuration",
+        description: "This JSON configuration is very important"
+    }, form.getInputProps("config")));
+};
+
+//# sourceMappingURL=CodeEditor.example.js.map

package/dist/esm/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":["useForm","CodeEditor","form","initialValues","config","validate","jsonValue","JSON","parse","key","language","label","description","getInputProps"],"mappings":"AAAA;;AAAA,SAAQA,OAAO,QAAO,eAAe,CAAC;AACtC,SAAQC,UAAU,QAAO,cAAc,CAAC;AAExC,eAAe,WAAM;IACjB,IAAMC,IAAI,GAAGF,OAAO,CAAC;QACjBG,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,KAACR,UAAU;QACPS,QAAQ,EAAC,MAAM;QACfC,KAAK,EAAC,eAAe;QACrBC,WAAW,EAAC,2CAA2C;OACnDV,IAAI,CAACW,aAAa,CAAC,QAAQ,CAAC,EAClC,CACJ;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,165 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckSize16Px, CopySize16Px } from "@coveord/plasma-react-icons";
+import { ActionIcon, Box, CopyButton, createStyles, Group, Input, Stack, Tooltip, useComponentDefaultProps } from "@mantine/core";
+import { useUncontrolled } from "@mantine/hooks";
+import Editor, { loader } from "@monaco-editor/react";
+import * as monaco from "monaco-editor";
+import { useParentHeight } from "../../hooks";
+loader.config({
+    monaco: monaco
+});
+var useStyles = 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
+};
+export var CodeEditor = function(props) {
+    var _ref = 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 = _object_without_properties(_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 = _sliced_to_array(useUncontrolled({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onChange,
+        finalValue: ""
+    }), 2), _value = ref1[0], handleChange = ref1[1];
+    var ref2 = _sliced_to_array(useParentHeight(), 2), parentHeight = ref2[0], ref3 = ref2[1];
+    var _label = label ? /*#__PURE__*/ _jsx(Input.Label, _object_spread_props(_object_spread({
+        required: required
+    }, labelProps), {
+        children: label
+    })) : null;
+    var _description = description ? /*#__PURE__*/ _jsx(Input.Description, _object_spread_props(_object_spread({
+        mt: "xs"
+    }, descriptionProps), {
+        children: description
+    })) : null;
+    var _error = error ? /*#__PURE__*/ _jsx(Input.Error, _object_spread_props(_object_spread({
+        mt: "xs"
+    }, errorProps), {
+        children: error
+    })) : null;
+    var _header = _label || _description ? /*#__PURE__*/ _jsxs(Box, {
+        children: [
+            _label,
+            _description
+        ]
+    }) : null;
+    var _copyButton = /*#__PURE__*/ _jsx(Group, {
+        position: "right",
+        children: /*#__PURE__*/ _jsx(CopyButton, {
+            value: _value,
+            timeout: 2000,
+            children: function(param) {
+                var copied = param.copied, copy = param.copy;
+                return /*#__PURE__*/ _jsx(Tooltip, {
+                    label: copied ? "Copied" : "Copy",
+                    withArrow: true,
+                    position: "right",
+                    children: /*#__PURE__*/ _jsx(ActionIcon, {
+                        color: copied ? "lime" : "gray",
+                        onClick: copy,
+                        children: copied ? /*#__PURE__*/ _jsx(CheckSize16Px, {
+                            height: 16
+                        }) : /*#__PURE__*/ _jsx(CopySize16Px, {
+                            height: 16
+                        })
+                    })
+                });
+            }
+        })
+    });
+    var _editor = /*#__PURE__*/ _jsx(Box, {
+        p: "md",
+        pl: "xs",
+        className: classes.editor,
+        children: /*#__PURE__*/ _jsx(Editor, {
+            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__*/ _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
+                                ];
+                        }
+                    });
+                }));
+            }
+        })
+    });
+    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+        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/esm/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":["CheckSize16Px","CopySize16Px","ActionIcon","Box","CopyButton","createStyles","Group","Input","Stack","Tooltip","useComponentDefaultProps","useUncontrolled","Editor","loader","monaco","useParentHeight","config","useStyles","theme","root","editor","border","colors","gray","borderRadius","defaultRadius","backgroundColor","colorScheme","white","black","height","defaultProps","language","defaultValue","minHeight","CodeEditor","props","onChange","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","others","classes","finalValue","_value","handleChange","parentHeight","ref","_label","Label","_description","Description","mt","_error","Error","_header","_copyButton","position","timeout","copied","copy","withArrow","color","onClick","_editor","p","pl","className","defaultLanguage","options","minimap","enabled","wordWrap","wrappingStrategy","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","justify","spacing","sx","Math","max"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var MockedEditor = function(props) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-testid": "monaco-editor"
+    });
+};
+export default MockedEditor;
+export var loader = {
+    config: jest.fn()
+};
+
+//# sourceMappingURL=react.js.map

package/dist/esm/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":["MockedEditor","props","div","data-testid","loader","config","jest","fn"],"mappings":"AAAA;AAGA,IAAMA,YAAY,GAAmC,SAACC,KAAK;yBAAK,KAACC,KAAG;QAACC,aAAW,EAAC,eAAe;MAAG;CAAA,AAAC;AAEpG,eAAeH,YAAY,CAAC;AAE5B,OAAO,IAAMI,MAAM,GAAG;IAClBC,MAAM,EAAEC,IAAI,CAACC,EAAE,EAAE;CACpB,CAAC"}

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

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

package/dist/esm/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,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,54 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Checkbox, TextInput } from "@mantine/core";
+import { useForm } from "@mantine/form";
+import { Collection } from "./Collection";
+export default function() {
+    var 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__*/ _jsx(Collection, _object_spread_props(_object_spread({
+        draggable: true,
+        addLabel: "Add task",
+        newItem: {
+            name: "",
+            done: false
+        }
+    }, form.getInputProps("todoList")), {
+        children: function(task, index) {
+            return /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(TextInput, _object_spread_props(_object_spread({
+                        autoFocus: true,
+                        placeholder: "Do something ..."
+                    }, form.getInputProps("todoList.".concat(index, ".name"))), {
+                        styles: {
+                            flex: 1
+                        }
+                    })),
+                    /*#__PURE__*/ _jsx(Checkbox, _object_spread({}, form.getInputProps("todoList.".concat(index, ".done"), {
+                        type: "checkbox"
+                    })))
+                ]
+            });
+        }
+    }));
+};
+
+//# sourceMappingURL=Collection.example.js.map

package/dist/esm/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":["Checkbox","TextInput","useForm","Collection","form","initialValues","todoList","name","done","draggable","addLabel","newItem","getInputProps","task","index","autoFocus","placeholder","styles","flex","type"],"mappings":"AAAA;;;AAAA,SAAQA,QAAQ,EAAEC,SAAS,QAAO,eAAe,CAAC;AAClD,SAAQC,OAAO,QAAO,eAAe,CAAC;AAEtC,SAAQC,UAAU,QAAO,cAAc,CAAC;AAExC,eAAe,WAAM;IACjB,IAAMC,IAAI,GAAGF,OAAO,CAAC;QACjBG,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,KAACL,UAAU;QACPM,SAAS;QACTC,QAAQ,EAAC,UAAU;QACnBC,OAAO,EAAE;YAACJ,IAAI,EAAE,EAAE;YAAEC,IAAI,EAAE,KAAK;SAAC;OAC5BJ,IAAI,CAACQ,aAAa,CAAC,UAAU,CAAC;kBAEjC,SAACC,IAAI,EAAEC,KAAK;iCACT;;kCACI,KAACb,SAAS;wBACNc,SAAS;wBACTC,WAAW,EAAC,kBAAkB;uBAC1BZ,IAAI,CAACQ,aAAa,CAAC,AAAC,WAAS,CAAQ,MAAK,CAAXE,KAAK,EAAC,OAAK,CAAC,CAAC;wBAChDG,MAAM,EAAE;4BAACC,IAAI,EAAE,CAAC;yBAAC;uBACnB;kCACF,KAAClB,QAAQ,qBAAKI,IAAI,CAACQ,aAAa,CAAC,AAAC,WAAS,CAAQ,MAAK,CAAXE,KAAK,EAAC,OAAK,CAAC,EAAE;wBAACK,IAAI,EAAE,UAAU;qBAAC,CAAC,EAAI;;cACnF;SACN;OACQ,CACf;AACN,CAAC,CAAC"}