@coveord/plasma-mantine 55.6.0 → 55.7.1

package/dist/cjs/components/table/use-url-synced-state.js

@@ -11,14 +11,22 @@ Object.defineProperty(exports, "useUrlSyncedState", {
 var _instanceof = require("@swc/helpers/_/_instanceof");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = require("react");
+var slice = Function.prototype.call.bind(Array.prototype.slice);
 /**
- * Get the index of the ? in a URL that denotes the start of the "search".
- * Performs a nested search for '#/', to detect hash router urls and take the params of the hash in that case.
+ * Split a url into its parts.
  *
- * @param url The URL to search.
- * @returns The location of the question mark, or `-1` if not found.
- */ var indexOfSearch = function(url) {
-    return url.indexOf('?', url.indexOf('#/') + 1);
+ * @param href The url to extract the parts from.
+ * @returns The separate parts, all are an empty string if not present.
+ */ var extractParts = function(href) {
+    return slice(/^([^?#]*)(\?[^#]*|)(#[^?]*|)(\?.*|)$/.exec(href !== null && href !== void 0 ? href : ''), 1, 5);
+};
+/**
+ * The index of the search parameter to use, e.g. hashSearch for hash routes (hash starts with '#/').
+ *
+ * @param parts: The url parts, as returned by `extractParts`.
+ * @returns The index of the search parameter to use (1 or 3).
+ */ var searchIndex = function(parts) {
+    return /^#\//.test(parts[2]) ? 3 : 1;
 };
 /**
  * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.
@@ -26,9 +34,8 @@ var _react = require("react");
  *
  * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.
  */ var getSearchParams = function() {
-    var href = window.location.href;
-    var searchStart = indexOfSearch(href);
-    return new URLSearchParams(searchStart < 0 ? undefined : href.substring(searchStart));
+    var parts = extractParts(window.location.href);
+    return new URLSearchParams(parts[searchIndex(parts)]);
 };
 /**
  * Apply the search params to the current location, using `replaceState` (no navigation history).
@@ -37,13 +44,12 @@ var _react = require("react");
  * @param params The parameters to apply.
  */ var applySearchParams = function(params) {
     var currentHref = window.location.href;
-    var index = indexOfSearch(currentHref);
-    var nextHref = index < 0 ? currentHref : currentHref.substring(0, index);
-    if (params.size > 0) {
-        nextHref = nextHref.concat('?', params.toString());
-    }
-    if (nextHref !== currentHref) {
-        window.history.replaceState(null, '', nextHref);
+    var parts = extractParts(currentHref);
+    var search = params.size > 0 ? "?".concat(params.toString()) : '';
+    var index = searchIndex(parts);
+    if (parts[index] !== search) {
+        parts[index] = search;
+        window.history.replaceState(null, '', parts.join(''));
     }
 };
 var getInitialState = function(options) {
@@ -59,14 +65,18 @@ var useUrlSyncedState = function(options) {
     var initialStateSerialized = (0, _react.useMemo)(function() {
         var stateMap = new Map();
         var initialize = null;
+        var needsApply = false;
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = options.serializer(getInitialState(options))[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                 var _step_value = _sliced_to_array._(_step.value, 3), key = _step_value[0], value = _step_value[1], alwaysEmit = _step_value[2];
                 stateMap.set(key, value);
-                if (alwaysEmit && value) {
+                if (sync && alwaysEmit && value) {
                     initialize !== null && initialize !== void 0 ? initialize : initialize = getSearchParams();
-                    initialize.set(key, value);
+                    if (!initialize.has(key)) {
+                        needsApply = true;
+                        initialize.set(key, value);
+                    }
                 }
             }
         } catch (err) {
@@ -83,7 +93,7 @@ var useUrlSyncedState = function(options) {
                 }
             }
         }
-        if (initialize) {
+        if (needsApply) {
             applySearchParams(initialize);
         }
         return stateMap;

package/dist/cjs/components/table/use-url-synced-state.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {Dispatch, SetStateAction, useMemo, useState} from 'react';\n\n/**\n * A search param entry defines the encoded value of a search parameter as `[key, value, alwaysEmit?]`.\n * The third entry is an optional boolean that defaults to `false`.\n * Setting `alwaysEmit` to `true` means any non-nullish value is always written to the search params,\n * even if it matches the initial value. It is also written on initialization.\n */\nexport type SearchParamEntry = [string, string | null | undefined, boolean?];\n\n/**\n * Get the index of the ? in a URL that denotes the start of the \"search\".\n * Performs a nested search for '#/', to detect hash router urls and take the params of the hash in that case.\n *\n * @param url The URL to search.\n * @returns The location of the question mark, or `-1` if not found.\n */\nconst indexOfSearch = (url: string): number => url.indexOf('?', url.indexOf('#/') + 1);\n\n/**\n * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.\n * Also returns a method that will yield the href (string) value, after any changes made on the params object.\n *\n * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.\n */\nconst getSearchParams = (): URLSearchParams => {\n    const href = window.location.href;\n    const searchStart = indexOfSearch(href);\n    return new URLSearchParams(searchStart < 0 ? undefined : href.substring(searchStart));\n};\n\n/**\n * Apply the search params to the current location, using `replaceState` (no navigation history).\n * Note that only parameters in the `params` argument will be set, any other current params will be removed.\n *\n * @param params The parameters to apply.\n */\nconst applySearchParams = (params: URLSearchParams): void => {\n    const currentHref = window.location.href;\n    const index = indexOfSearch(currentHref);\n    let nextHref = index < 0 ? currentHref : currentHref.substring(0, index);\n    if (params.size > 0) {\n        nextHref = nextHref.concat('?', params.toString());\n    }\n    if (nextHref !== currentHref) {\n        window.history.replaceState(null, '', nextHref);\n    }\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n    /**\n     * The initial state to use, if there would be no search params to deserialize from.\n     * These values are also treated as defaults, and if the current state matches the initialState,\n     * no value will be written to the search params.\n     */\n    initialState: T | (() => T);\n    /**\n     * The serializer function is used to determine how the state is translated to url search parameters.\n     * Called each time the state changes.\n     * Note that the serializer should always return entries for keys it controls, also if the current value is \"unset\" (`null` or empty).\n     * This ensures params get removed from the search when they are being unset.\n     *\n     * @param stateValue The new state value to serialize.\n     * @returns An iterable of `[key, value]` to set as url search parameters.\n     * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n     */\n    serializer: (stateValue: T) => Iterable<SearchParamEntry>;\n    /**\n     * The deserializer function is used to determine how the url parameters influence the initial state.\n     * May return a partial state, values that are not deserialed are taken from the `initialState`.\n     * Called only once when initializing the state.\n     * @param params All the search parameters of the current url.\n     * @param initialState The initialState, can be used to take defaults from.\n     * @returns The initial state based on the current url.\n     * @example (params) => params.get('filter') ?? '',\n     */\n    deserializer: (params: URLSearchParams, initialState: T) => T;\n    /**\n     * Whether the state should be synced with the url, defaults to `true`.\n     * When set to `false`, the hook behaves just like a regular `useState` hook from react.\n     */\n    sync?: boolean;\n}\n\nconst getInitialState = <T>(options: UseUrlSyncedStateOptions<T>): T =>\n    options.initialState instanceof Function ? options.initialState() : options.initialState;\n\nexport const useUrlSyncedState = <T>(options: UseUrlSyncedStateOptions<T>) => {\n    const sync = options.sync !== false;\n    const [state, setState] = useState<T>(() => {\n        const initialState = getInitialState(options);\n        return sync ? options.deserializer(getSearchParams(), initialState) : initialState;\n    });\n    // Capture the initial state as a map (first render only!), to compare values and see if they should be set to the params.\n    const initialStateSerialized = useMemo(() => {\n        const stateMap = new Map<string, string>();\n        let initialize: URLSearchParams | null = null;\n        for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))) {\n            stateMap.set(key, value);\n            if (alwaysEmit && value) {\n                initialize ??= getSearchParams();\n                initialize.set(key, value);\n            }\n        }\n        if (initialize) {\n            applySearchParams(initialize);\n        }\n        return stateMap;\n    }, []);\n\n    const enhancedSetState = useMemo<Dispatch<SetStateAction<T>>>(() => {\n        if (!sync) {\n            return setState;\n        }\n        return (updater: SetStateAction<T>) => {\n            setState((old) => {\n                const newValue = updater instanceof Function ? updater(old) : updater;\n\n                const search = getSearchParams();\n                for (const [key, value, alwaysEmit] of options.serializer(newValue)) {\n                    if (value && (alwaysEmit || !Object.is(initialStateSerialized.get(key), value))) {\n                        search.set(key, value);\n                    } else {\n                        search.delete(key);\n                    }\n                }\n                applySearchParams(search);\n\n                return newValue;\n            });\n        };\n    }, [sync]);\n\n    return [state, enhancedSetState] as const;\n};\n"],"names":["useUrlSyncedState","indexOfSearch","url","indexOf","getSearchParams","href","window","location","searchStart","URLSearchParams","undefined","substring","applySearchParams","params","currentHref","index","nextHref","size","concat","toString","history","replaceState","getInitialState","options","Function","initialState","sync","useState","deserializer","state","setState","initialStateSerialized","useMemo","stateMap","Map","initialize","serializer","key","value","alwaysEmit","set","enhancedSetState","updater","old","newValue","search","Object","is","get","delete"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {Dispatch, SetStateAction, useMemo, useState} from 'react';\n\n/**\n * A search param entry defines the encoded value of a search parameter as `[key, value, alwaysEmit?]`.\n * The third entry is an optional boolean that defaults to `false`.\n * Setting `alwaysEmit` to `true` means any non-nullish value is always written to the search params,\n * even if it matches the initial value. It is also written on initialization.\n */\nexport type SearchParamEntry = [string, string | null | undefined, boolean?];\n\n/** A URL split into an array of length 4, as [pathname, search, hash, hashSearch] */\ntype UrlParts = [string, string, string, string];\n\nconst slice = Function.prototype.call.bind(Array.prototype.slice) as <T>(\n    from: ArrayLike<T>,\n    start?: number,\n    end?: number,\n) => T[];\n\n/**\n * Split a url into its parts.\n *\n * @param href The url to extract the parts from.\n * @returns The separate parts, all are an empty string if not present.\n */\nconst extractParts = (href: string) => slice(/^([^?#]*)(\\?[^#]*|)(#[^?]*|)(\\?.*|)$/.exec(href ?? ''), 1, 5) as UrlParts;\n\n/**\n * The index of the search parameter to use, e.g. hashSearch for hash routes (hash starts with '#/').\n *\n * @param parts: The url parts, as returned by `extractParts`.\n * @returns The index of the search parameter to use (1 or 3).\n */\nconst searchIndex = (parts: UrlParts): 1 | 3 => (/^#\\//.test(parts[2]) ? 3 : 1);\n\n/**\n * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.\n * Also returns a method that will yield the href (string) value, after any changes made on the params object.\n *\n * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.\n */\nconst getSearchParams = (): URLSearchParams => {\n    const parts = extractParts(window.location.href);\n    return new URLSearchParams(parts[searchIndex(parts)]);\n};\n\n/**\n * Apply the search params to the current location, using `replaceState` (no navigation history).\n * Note that only parameters in the `params` argument will be set, any other current params will be removed.\n *\n * @param params The parameters to apply.\n */\nconst applySearchParams = (params: URLSearchParams): void => {\n    const currentHref = window.location.href;\n    const parts = extractParts(currentHref);\n    const search = params.size > 0 ? `?${params.toString()}` : '';\n    const index = searchIndex(parts);\n    if (parts[index] !== search) {\n        parts[index] = search;\n        window.history.replaceState(null, '', parts.join(''));\n    }\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n    /**\n     * The initial state to use, if there would be no search params to deserialize from.\n     * These values are also treated as defaults, and if the current state matches the initialState,\n     * no value will be written to the search params.\n     */\n    initialState: T | (() => T);\n    /**\n     * The serializer function is used to determine how the state is translated to url search parameters.\n     * Called each time the state changes.\n     * Note that the serializer should always return entries for keys it controls, also if the current value is \"unset\" (`null` or empty).\n     * This ensures params get removed from the search when they are being unset.\n     *\n     * @param stateValue The new state value to serialize.\n     * @returns An iterable of `[key, value]` to set as url search parameters.\n     * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n     */\n    serializer: (stateValue: T) => Iterable<SearchParamEntry>;\n    /**\n     * The deserializer function is used to determine how the url parameters influence the initial state.\n     * May return a partial state, values that are not deserialed are taken from the `initialState`.\n     * Called only once when initializing the state.\n     * @param params All the search parameters of the current url.\n     * @param initialState The initialState, can be used to take defaults from.\n     * @returns The initial state based on the current url.\n     * @example (params) => params.get('filter') ?? '',\n     */\n    deserializer: (params: URLSearchParams, initialState: T) => T;\n    /**\n     * Whether the state should be synced with the url, defaults to `true`.\n     * When set to `false`, the hook behaves just like a regular `useState` hook from react.\n     */\n    sync?: boolean;\n}\n\nconst getInitialState = <T>(options: UseUrlSyncedStateOptions<T>): T =>\n    options.initialState instanceof Function ? options.initialState() : options.initialState;\n\nexport const useUrlSyncedState = <T>(options: UseUrlSyncedStateOptions<T>) => {\n    const sync = options.sync !== false;\n    const [state, setState] = useState<T>(() => {\n        const initialState = getInitialState(options);\n        return sync ? options.deserializer(getSearchParams(), initialState) : initialState;\n    });\n    // Capture the initial state as a map (first render only!), to compare values and see if they should be set to the params.\n    const initialStateSerialized = useMemo(() => {\n        const stateMap = new Map<string, string>();\n        let initialize: URLSearchParams | null = null;\n        let needsApply = false;\n        for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))) {\n            stateMap.set(key, value);\n            if (sync && alwaysEmit && value) {\n                initialize ??= getSearchParams();\n                if (!initialize.has(key)) {\n                    needsApply = true;\n                    initialize.set(key, value);\n                }\n            }\n        }\n        if (needsApply) {\n            applySearchParams(initialize);\n        }\n        return stateMap;\n    }, []);\n\n    const enhancedSetState = useMemo<Dispatch<SetStateAction<T>>>(() => {\n        if (!sync) {\n            return setState;\n        }\n        return (updater: SetStateAction<T>) => {\n            setState((old) => {\n                const newValue = updater instanceof Function ? updater(old) : updater;\n\n                const search = getSearchParams();\n                for (const [key, value, alwaysEmit] of options.serializer(newValue)) {\n                    if (value && (alwaysEmit || !Object.is(initialStateSerialized.get(key), value))) {\n                        search.set(key, value);\n                    } else {\n                        search.delete(key);\n                    }\n                }\n                applySearchParams(search);\n\n                return newValue;\n            });\n        };\n    }, [sync]);\n\n    return [state, enhancedSetState] as const;\n};\n"],"names":["useUrlSyncedState","slice","Function","prototype","call","bind","Array","extractParts","href","exec","searchIndex","parts","test","getSearchParams","window","location","URLSearchParams","applySearchParams","params","currentHref","search","size","toString","index","history","replaceState","join","getInitialState","options","initialState","sync","useState","deserializer","state","setState","initialStateSerialized","useMemo","stateMap","Map","initialize","needsApply","serializer","key","value","alwaysEmit","set","has","enhancedSetState","updater","old","newValue","Object","is","get","delete"],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -11,7 +11,7 @@ export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
 export { noop };
-export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type TableProps, type TableState, } from './components';
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type ModalFactory, type TableProps, type TableState, } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}

package/dist/cjs/index.js

@@ -27,6 +27,9 @@ _export(exports, {
     Menu: function() {
         return _components.Menu;
     },
+    Modal: function() {
+        return _components.Modal;
+    },
     Pagination: function() {
         return _core.Pagination;
     },

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple, noop} from '@mantine/core';\nimport {type RowData} from '@tanstack/table-core';\nimport {type PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    PasswordInput,\n    Select,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        /**\n         * Whether the column is a control column.\n         * Control columns are columns that are not part of the data but are used to control the table.\n         * For example, a column that contains checkboxes to select rows.\n         */\n        controlColumn: boolean;\n    }\n}\n"],"names":["ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Pagination","PasswordInput","Select","Table","noop"],"mappings":";;;;;;;;;;;IAiBIA,UAAU;eAAVA,sBAAU;;IACVC,cAAc;eAAdA,0BAAc;;IACdC,MAAM;eAANA,kBAAM;;IACNC,eAAe;eAAfA,2BAAe;;IACfC,MAAM;eAANA,kBAAM;;IACNC,IAAI;eAAJA,gBAAI;;IAhBAC,UAAU;eAAVA,gBAAU;;IAiBdC,aAAa;eAAbA,yBAAa;;IACbC,MAAM;eAANA,kBAAM;;IACNC,KAAK;eAALA,iBAAK;;IAZDC,IAAI;eAAJA,UAAI;;;;mCAb2B;uBAIzB;uBAGA;uBACA;uBACA;uBAEA;yCACA;uBAuBA"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple, noop} from '@mantine/core';\nimport {type RowData} from '@tanstack/table-core';\nimport {type PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Modal,\n    PasswordInput,\n    Select,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type MenuItemProps,\n    type ModalFactory,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        /**\n         * Whether the column is a control column.\n         * Control columns are columns that are not part of the data but are used to control the table.\n         * For example, a column that contains checkboxes to select rows.\n         */\n        controlColumn: boolean;\n    }\n}\n"],"names":["ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Modal","Pagination","PasswordInput","Select","Table","noop"],"mappings":";;;;;;;;;;;IAiBIA,UAAU;eAAVA,sBAAU;;IACVC,cAAc;eAAdA,0BAAc;;IACdC,MAAM;eAANA,kBAAM;;IACNC,eAAe;eAAfA,2BAAe;;IACfC,MAAM;eAANA,kBAAM;;IACNC,IAAI;eAAJA,gBAAI;;IACJC,KAAK;eAALA,iBAAK;;IAjBDC,UAAU;eAAVA,gBAAU;;IAkBdC,aAAa;eAAbA,yBAAa;;IACbC,MAAM;eAANA,kBAAM;;IACNC,KAAK;eAALA,iBAAK;;IAbDC,IAAI;eAAJA,UAAI;;;;mCAb2B;uBAIzB;uBAGA;uBACA;uBACA;uBAEA;yCACA;uBAyBA"}

package/dist/esm/components/code-editor/CodeEditor.d.ts

@@ -1,4 +1,5 @@
 import { InputWrapperProps, StackProps } from '@mantine/core';
+import { editor as monacoEditor } from 'monaco-editor';
 import { FunctionComponent } from 'react';
 interface CodeEditorProps extends Omit<InputWrapperProps, 'inputContainer' | 'inputWrapperOrder' | 'classNames' | 'styles' | 'vars' | 'onChange'>, Omit<StackProps, 'onChange'> {
     /**
@@ -43,6 +44,12 @@ interface CodeEditorProps extends Omit<InputWrapperProps, 'inputContainer' | 'in
      * @default 'local'
      */
     monacoLoader?: 'cdn' | 'local';
+    /**
+     * Options to pass to the monaco editor.
+     * Currently only supporting [`tabSize`](https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IStandaloneEditorConstructionOptions.html#tabSize).
+     *
+     */
+    options?: Pick<monacoEditor.IStandaloneEditorConstructionOptions, 'tabSize'>;
 }
 export declare const CodeEditor: FunctionComponent<CodeEditorProps>;
 export {};

package/dist/esm/components/code-editor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,iBAAiB,EAIjB,UAAU,EAKb,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAC,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAQrE,UAAU,eACN,SAAQ,IAAI,CACJ,iBAAiB,EACjB,gBAAgB,GAAG,mBAAmB,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CACzF,EACD,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IACrF,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC;AASD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAkLzD,CAAC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,iBAAiB,EAIjB,UAAU,EAKb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAQrE,UAAU,eACN,SAAQ,IAAI,CACJ,iBAAiB,EACjB,gBAAgB,GAAG,mBAAmB,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CACzF,EACD,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IACrF,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC/B;;;;OAIG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,oCAAoC,EAAE,SAAS,CAAC,CAAC;CAChF;AASD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAmLzD,CAAC"}

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

@@ -16,7 +16,9 @@ const defaultProps = {
     minHeight: 300
 };
 export const CodeEditor = (props)=>{
-    const { language, defaultValue, onChange, onCopy, onSearch, onFocus, value, label, required, labelProps, error, errorProps, description, descriptionProps, minHeight, maxHeight, disabled, monacoLoader, ...others } = useProps('CodeEditor', defaultProps, props);
+    const { language, defaultValue, onChange, onCopy, onSearch, onFocus, value, label, required, labelProps, error, errorProps, description, descriptionProps, minHeight, maxHeight, disabled, monacoLoader, options: { tabSize } = {
+        tabSize: 2
+    }, ...others } = useProps('CodeEditor', defaultProps, props);
     const [loaded, setLoaded] = useState(false);
     const [_value, handleChange] = useUncontrolled({
         value,
@@ -140,7 +142,7 @@ export const CodeEditor = (props)=>{
                 formatOnPaste: true,
                 fontSize: px(theme.fontSizes.xs),
                 readOnly: disabled,
-                tabSize: 2
+                tabSize
             },
             value: _value,
             onChange: handleChange,

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

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

package/dist/esm/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './ellipsis-text';
 export * from './header';
 export * from './inline-confirm';
 export * from './menu';
+export * from './modal';
 export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/esm/components/index.js

@@ -10,6 +10,7 @@ export * from './ellipsis-text';
 export * from './header';
 export * from './inline-confirm';
 export * from './menu';
+export * from './modal';
 export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}

package/dist/esm/components/modal/Modal.d.ts

@@ -0,0 +1,11 @@
+import { ModalFactory as MantineModalFactory } from '@mantine/core';
+import { ModalFooter as PlasmaModalFooter } from './ModalFooter';
+type PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {
+    staticComponents: MantineModalFactory['staticComponents'] & {
+        Footer: typeof PlasmaModalFooter;
+    };
+};
+export declare const Modal: import("@mantine/core").MantineComponent<PlasmaModalFactory>;
+export type ModalFactory = PlasmaModalFactory;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/esm/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,IAAI,mBAAmB,EAEtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAG/D,KAAK,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG;IACtE,gBAAgB,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;QACxD,MAAM,EAAE,OAAO,iBAAiB,CAAC;KACpC,CAAC;CACL,CAAC;AAiBF,eAAO,MAAM,KAAK,8DAAc,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC"}

package/dist/esm/components/modal/Modal.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { factory, Modal as MantineModal } from '@mantine/core';
+import { ModalFooter as PlasmaModalFooter } from './ModalFooter';
+const PlasmaModal = factory((props, ref)=>/*#__PURE__*/ _jsx(MantineModal, {
+        ref: ref,
+        ...props
+    }));
+PlasmaModal.displayName = '@coveord/plasma-mantine/Modal';
+PlasmaModal.Root = MantineModal.Root;
+PlasmaModal.Body = MantineModal.Body;
+PlasmaModal.Overlay = MantineModal.Overlay;
+PlasmaModal.Content = MantineModal.Content;
+PlasmaModal.Header = MantineModal.Header;
+PlasmaModal.Title = MantineModal.Title;
+PlasmaModal.CloseButton = MantineModal.CloseButton;
+PlasmaModal.Stack = MantineModal.Stack;
+PlasmaModal.Footer = PlasmaModalFooter;
+export const Modal = PlasmaModal;
+
+//# sourceMappingURL=Modal.js.map

package/dist/esm/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter';\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n    staticComponents: MantineModalFactory['staticComponents'] & {\n        Footer: typeof PlasmaModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>((props: MantineModalProps, ref) => (\n    <MantineModal ref={ref} {...props} />\n));\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\n\nexport type ModalFactory = PlasmaModalFactory;\n"],"names":["factory","Modal","MantineModal","ModalFooter","PlasmaModalFooter","PlasmaModal","props","ref","displayName","Root","Body","Overlay","Content","Header","Title","CloseButton","Stack","Footer"],"mappings":";AAAA,SACIA,OAAO,EACPC,SAASC,YAAY,QAGlB,gBAAgB;AACvB,SAAQC,eAAeC,iBAAiB,QAAO,gBAAgB;AAS/D,MAAMC,cAAcL,QAA4B,CAACM,OAA0BC,oBACvE,KAACL;QAAaK,KAAKA;QAAM,GAAGD,KAAK;;AAGrCD,YAAYG,WAAW,GAAG;AAC1BH,YAAYI,IAAI,GAAGP,aAAaO,IAAI;AACpCJ,YAAYK,IAAI,GAAGR,aAAaQ,IAAI;AACpCL,YAAYM,OAAO,GAAGT,aAAaS,OAAO;AAC1CN,YAAYO,OAAO,GAAGV,aAAaU,OAAO;AAC1CP,YAAYQ,MAAM,GAAGX,aAAaW,MAAM;AACxCR,YAAYS,KAAK,GAAGZ,aAAaY,KAAK;AACtCT,YAAYU,WAAW,GAAGb,aAAaa,WAAW;AAClDV,YAAYW,KAAK,GAAGd,aAAac,KAAK;AACtCX,YAAYY,MAAM,GAAGb;AAErB,OAAO,MAAMH,QAAQI,YAAY"}

package/dist/esm/components/modal/Modal.module.css

@@ -0,0 +1,9 @@
+.footer {
+    border-top: 1px solid var(--mantine-color-gray-3);
+}
+
+.modalFooterSticky {
+    padding-bottom: 0;
+    margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
+        calc(-1 * var(--mb-padding));
+}

package/dist/esm/components/modal/ModalFooter.d.ts

@@ -0,0 +1,20 @@
+import { Factory } from '@mantine/core';
+import { StickyFooterProps, StickyFooterStylesNames } from '../sticky-footer';
+export interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {
+    /**
+     * If the footer is sticky, its margin will be adjusted to counteract the padding of the Modal.Body, ensuring the footer visually sticks to the bottom of the modal.
+     */
+    sticky?: boolean;
+}
+export type ModalFooterStylesNames = StickyFooterStylesNames;
+export type ModalFooterFactory = Factory<{
+    props: ModalFooterProps;
+    ref: HTMLDivElement;
+    stylesNames: ModalFooterStylesNames;
+}>;
+export declare const ModalFooter: import("@mantine/core").MantineComponent<{
+    props: ModalFooterProps;
+    ref: HTMLDivElement;
+    stylesNames: ModalFooterStylesNames;
+}>;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/esm/components/modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAU,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAe,iBAAiB,EAAE,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AAG1F,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACxE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;CACvC,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;EA4BrC,CAAC"}

package/dist/esm/components/modal/ModalFooter.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from 'react';
+import clsx from 'clsx';
+import { factory } from '@mantine/core';
+import { StickyFooter } from '../sticky-footer';
+import classes from './Modal.module.css';
+const ensuresFooterHasEvenHeight = (footer)=>{
+    const remainder = footer.offsetHeight % 2;
+    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;
+};
+export const ModalFooter = factory(({ sticky, ...props }, ref)=>{
+    const _ref = useRef();
+    const footerRef = ref || _ref;
+    useEffect(()=>{
+        if (typeof footerRef !== 'function' && footerRef.current) {
+            ensuresFooterHasEvenHeight(footerRef.current);
+        }
+    // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case
+    }, [
+        ref,
+        props.h
+    ]);
+    return /*#__PURE__*/ _jsx(StickyFooter, {
+        className: clsx(classes.footer, {
+            [classes.modalFooterSticky]: !!sticky
+        }),
+        ref: footerRef,
+        ...props
+    });
+});
+
+//# sourceMappingURL=ModalFooter.js.map

package/dist/esm/components/modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport clsx from 'clsx';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, StickyFooterProps, StickyFooterStylesNames} from '../sticky-footer';\nimport classes from './Modal.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {\n    /**\n     * If the footer is sticky, its margin will be adjusted to counteract the padding of the Modal.Body, ensuring the footer visually sticks to the bottom of the modal.\n     */\n    sticky?: boolean;\n}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n    props: ModalFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n    const remainder = footer.offsetHeight % 2;\n    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>(({sticky, ...props}, ref) => {\n    const _ref = useRef<HTMLDivElement>();\n\n    const footerRef = ref || _ref;\n\n    useEffect(() => {\n        if (typeof footerRef !== 'function' && footerRef.current) {\n            ensuresFooterHasEvenHeight(footerRef.current);\n        }\n\n        // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n    }, [ref, props.h]);\n\n    return (\n        <StickyFooter\n            className={clsx(classes.footer, {[classes.modalFooterSticky]: !!sticky})}\n            ref={footerRef}\n            {...props}\n        />\n    );\n});\n"],"names":["useRef","useEffect","clsx","factory","StickyFooter","classes","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","ModalFooter","sticky","props","ref","_ref","footerRef","current","h","className","modalFooterSticky"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,SAAS,QAAO,QAAQ;AACxC,OAAOC,UAAU,OAAO;AACxB,SAAiBC,OAAO,QAAO,gBAAgB;AAC/C,SAAQC,YAAY,QAAmD,mBAAmB;AAC1F,OAAOC,aAAa,qBAAqB;AAiBzC,MAAMC,6BAA6B,CAACC;IAChC,MAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,GAAGJ,OAAOE,YAAY,GAAGD,YAAY,EAAE,EAAE,CAAC;AACpE;AAEA,OAAO,MAAMI,cAAcT,QAA4B,CAAC,EAACU,MAAM,EAAE,GAAGC,OAAM,EAAEC;IACxE,MAAMC,OAAOhB;IAEb,MAAMiB,YAAYF,OAAOC;IAEzBf,UAAU;QACN,IAAI,OAAOgB,cAAc,cAAcA,UAAUC,OAAO,EAAE;YACtDZ,2BAA2BW,UAAUC,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACH;QAAKD,MAAMK,CAAC;KAAC;IAEjB,qBACI,KAACf;QACGgB,WAAWlB,KAAKG,QAAQE,MAAM,EAAE;YAAC,CAACF,QAAQgB,iBAAiB,CAAC,EAAE,CAAC,CAACR;QAAM;QACtEE,KAAKE;QACJ,GAAGH,KAAK;;AAGrB,GAAG"}

package/dist/esm/components/modal/index.d.ts

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

package/dist/esm/components/modal/index.d.ts.map

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

package/dist/esm/components/modal/index.js

@@ -0,0 +1,4 @@
+export * from './Modal';
+export * from './ModalFooter';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/index.ts"],"sourcesContent":["export * from './Modal';\nexport * from './ModalFooter';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB"}

package/dist/esm/components/prompt/Prompt.d.ts

@@ -1,8 +1,8 @@
 import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
 import { ReactNode } from 'react';
+import { Modal } from '../modal';
 import { PromptCancelButton, PromptCancelButtonStylesNamesVariant } from './PromptCancelButton';
 import { PromptConfirmButton, PromptConfirmButtonStylesNamesVariant } from './PromptConfirmButton';
-import { PromptFooter } from './PromptFooter';
 export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
 export type PromptVars = {
     root: '--prompt-icon-size';
@@ -28,7 +28,7 @@ export type PromptFactory = Factory<{
     staticComponents: {
         CancelButton: typeof PromptCancelButton;
         ConfirmButton: typeof PromptConfirmButton;
-        Footer: typeof PromptFooter;
+        Footer: typeof Modal.Footer;
     };
 }>;
 export declare const Prompt: import("@mantine/core").MantineComponent<{
@@ -40,7 +40,7 @@ export declare const Prompt: import("@mantine/core").MantineComponent<{
     staticComponents: {
         CancelButton: typeof PromptCancelButton;
         ConfirmButton: typeof PromptConfirmButton;
-        Footer: typeof PromptFooter;
+        Footer: typeof Modal.Footer;
     };
 }>;
 //# sourceMappingURL=Prompt.d.ts.map

package/dist/esm/components/prompt/Prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAGP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAOxD,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,gBAAgB,GAChB,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,YAAY,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAoBH,eAAO,MAAM,MAAM;WA9BR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,YAAY,CAAC;KAC/B;EAsEH,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAEP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAO/B,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,gBAAgB,GAChB,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAoBH,eAAO,MAAM,MAAM;WA9BR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B;EAwEH,CAAC"}

package/dist/esm/components/prompt/Prompt.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, createVarsResolver, factory, Image, Modal, useProps, useStyles } from '@mantine/core';
+import { Box, createVarsResolver, factory, Image, useProps, useStyles } from '@mantine/core';
 import { Children } from 'react';
+import { Modal } from '../modal';
 import Critical from './icons/critical.svg';
 import Info from './icons/info.svg';
 import Success from './icons/success.svg';
@@ -9,7 +10,6 @@ import { PromptContextProvider } from './Prompt.context';
 import classes from './Prompt.module.css';
 import { PromptCancelButton } from './PromptCancelButton';
 import { PromptConfirmButton } from './PromptConfirmButton';
-import { PromptFooter } from './PromptFooter';
 const PROMPT_VARIANT_ICONS_SRC = {
     success: Success,
     warning: Warning,
@@ -44,9 +44,11 @@ export const Prompt = factory((_props, ref)=>{
         classNames,
         styles
     };
-    const convertedChildren = Children.toArray(children);
-    const otherChildren = convertedChildren.filter((child)=>child.type !== PromptFooter);
-    const footer = convertedChildren.find((child)=>child.type === PromptFooter);
+    const footers = [];
+    const otherChildren = [];
+    Children.forEach(children, (child)=>{
+        (child.type === Modal.Footer ? footers : otherChildren).push(child);
+    });
     return /*#__PURE__*/ _jsx(PromptContextProvider, {
         value: {
             variant,
@@ -90,7 +92,7 @@ export const Prompt = factory((_props, ref)=>{
                                 children: otherChildren
                             })
                         }),
-                        footer
+                        footers
                     ]
                 })
             ]
@@ -99,6 +101,6 @@ export const Prompt = factory((_props, ref)=>{
 });
 Prompt.CancelButton = PromptCancelButton;
 Prompt.ConfirmButton = PromptConfirmButton;
-Prompt.Footer = PromptFooter;
+Prompt.Footer = Modal.Footer;
 
 //# sourceMappingURL=Prompt.js.map