npm - @coveord/plasma-mantine - Versions diffs - 53.1.4 → 54.0.0 - Mend

@coveord/plasma-mantine 53.1.4 → 54.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (354) hide show

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

	@@ -1 +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 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\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 )}\n data-testid=\"editor-wrapper\"\n >\n <Editor\n onValidate={handleValidate}\n defaultLanguage={language}\n theme={colorScheme === 'light' ? 'light' : 'vs-dark'}\n options={{\n minimap: {enabled: false},\n wordWrap: 'on',\n scrollBeyondLastLine: false,\n formatOnPaste: true,\n fontSize: px(theme.fontSizes.xs) 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 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\n justify=\"flex-start\"\n gap={0}\n h={{height: Math.max(parentHeight, minHeight), maxHeight}}\n ref={ref}\n {...others}\n >\n {_header}\n {_buttons}\n {_editor}\n {_error}\n </Stack>\n );\n};\n"],"names":["Box","Center","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","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","renderErrorOutline","theme","colorScheme","handleValidate","markers","some","marker","severity","__getMonacoInstance","MarkerSeverity","Error","_label","Label","_description","Description","_error","mt","h","_header","_buttons","justify","gap","_editor","p","pl","className","editor","valid","data-testid","onValidate","defaultLanguage","options","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","height","Math","max"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
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 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\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 )}\n data-testid=\"editor-wrapper\"\n >\n <Editor\n onValidate={handleValidate}\n defaultLanguage={language}\n theme={colorScheme === 'light' ? 'light' : 'vs-dark'}\n options={{\n minimap: {enabled: false},\n wordWrap: 'on',\n scrollBeyondLastLine: false,\n formatOnPaste: true,\n fontSize: px(theme.fontSizes.xs) 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 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","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","renderErrorOutline","theme","colorScheme","handleValidate","markers","some","marker","severity","__getMonacoInstance","MarkerSeverity","Error","_label","Label","_description","Description","_error","mt","h","_header","_buttons","justify","gap","_editor","p","pl","className","editor","valid","data-testid","onValidate","defaultLanguage","options","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","Math","max","mah"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/components/header/__tests__/__snapshots__/Header.spec.tsx.snap CHANGED Viewed

@@ -2,11 +2,6 @@
 exports[`Header > renders the specified breadcrumbs above the title 1`] = `
 <div>
-  <style
-    data-mantine-styles="true"
-  >
-    :root{--mantine-webkit-font-smoothing: unset;--mantine-moz-font-smoothing: unset;--mantine-color-black: #282829;--mantine-line-height: 1.5;--mantine-font-family: canada-type-gibson, sans-serif;--mantine-font-family-headings: canada-type-gibson, sans-serif;--mantine-heading-font-weight: 500;--mantine-radius-default: calc(0.5rem * var(--mantine-scale));--mantine-primary-color-filled: var(--mantine-color-action-filled);--mantine-primary-color-filled-hover: var(--mantine-color-action-filled-hover);--mantine-primary-color-light: var(--mantine-color-action-light);--mantine-primary-color-light-hover: var(--mantine-color-action-light-hover);--mantine-primary-color-light-color: var(--mantine-color-action-light-color);--mantine-spacing-xs: 8px;--mantine-spacing-sm: 16px;--mantine-spacing-md: 24px;--mantine-spacing-lg: 32px;--mantine-spacing-xl: 40px;--mantine-line-height-md: 1.5;--mantine-shadow-xs: 0px 1px 0px rgba(4, 8, 31, 0.08);--mantine-shadow-sm: 0px 2px 4px rgba(4, 8, 31, 0.12);--mantine-shadow-md: 0px 4px 8px rgba(4, 8, 31, 0.08);--mantine-shadow-lg: 0px 8px 16px rgba(7, 12, 41, 0.06);--mantine-shadow-xl: 0px 16px 24px rgba(4, 8, 31, 0.06);--mantine-primary-color-0: var(--mantine-color-action-0);--mantine-primary-color-1: var(--mantine-color-action-1);--mantine-primary-color-2: var(--mantine-color-action-2);--mantine-primary-color-3: var(--mantine-color-action-3);--mantine-primary-color-4: var(--mantine-color-action-4);--mantine-primary-color-5: var(--mantine-color-action-5);--mantine-primary-color-6: var(--mantine-color-action-6);--mantine-primary-color-7: var(--mantine-color-action-7);--mantine-primary-color-8: var(--mantine-color-action-8);--mantine-primary-color-9: var(--mantine-color-action-9);--mantine-color-gray-0: #fcfcfc;--mantine-color-gray-1: #f9f9f9;--mantine-color-gray-2: #f3f3f3;--mantine-color-gray-3: #e5e8e8;--mantine-color-gray-4: #d6dcdd;--mantine-color-gray-5: #b7bcc0;--mantine-color-gray-6: #6c727b;--mantine-color-gray-7: #565b66;--mantine-color-gray-8: #353a3f;--mantine-color-gray-9: #282829;--mantine-color-red-0: #fff8f8;--mantine-color-red-1: #ffd7d3;--mantine-color-red-2: #f3b4ae;--mantine-color-red-3: #ee8279;--mantine-color-red-4: #f05245;--mantine-color-red-5: #e03729;--mantine-color-red-6: #cd2113;--mantine-color-red-7: #a11409;--mantine-color-red-8: #80130a;--mantine-color-red-9: #600a03;--mantine-color-indigo-0: #f2f3ff;--mantine-color-indigo-1: #ced4f4;--mantine-color-indigo-2: #9dabf2;--mantine-color-indigo-3: #687cdf;--mantine-color-indigo-4: #4a61d4;--mantine-color-indigo-5: #2e45ba;--mantine-color-indigo-6: #24389e;--mantine-color-indigo-7: #192b8a;--mantine-color-indigo-8: #101f6b;--mantine-color-indigo-9: #071140;--mantine-color-blue-0: #e7f7ff;--mantine-color-blue-1: #c3ecff;--mantine-color-blue-2: #86d8ff;--mantine-color-blue-3: #46c4ff;--mantine-color-blue-4: #00adff;--mantine-color-blue-5: #029de7;--mantine-color-blue-6: #0387c6;--mantine-color-blue-7: #0173a9;--mantine-color-blue-8: #004c71;--mantine-color-blue-9: #003148;--mantine-color-teal-0: #edfffc;--mantine-color-teal-1: #c2fef5;--mantine-color-teal-2: #50fae3;--mantine-color-teal-3: #1cebcf;--mantine-color-teal-4: #16dcc1;--mantine-color-teal-5: #12c7ae;--mantine-color-teal-6: #0ba893;--mantine-color-teal-7: #078675;--mantine-color-teal-8: #055f53;--mantine-color-teal-9: #033932;--mantine-color-green-0: #dcf3ef;--mantine-color-green-1: #b2e3db;--mantine-color-green-2: #79d1c3;--mantine-color-green-3: #34ad95;--mantine-color-green-4: #1a8973;--mantine-color-green-5: #00634f;--mantine-color-green-6: #045242;--mantine-color-green-7: #043f33;--mantine-color-green-8: #023128;--mantine-color-green-9: #01211b;--mantine-color-lime-0: #f2fff9;--mantine-color-lime-1: #f2fff9;--mantine-color-lime-2: #f2fff9;--mantine-color-lime-3: #f2fff9;--mantine-color-lime-4: #12a344;--mantine-color-lime-5: #12a344;--mantine-color-lime-6: #12a344;--mantine-color-lime-7: #004a20;--mantine-color-lime-8: #004a20;--mantine-color-lime-9: #004a20;--mantine-color-yellow-0: #fffdea;--mantine-color-yellow-1: #fff7ba;--mantine-color-yellow-2: #ffef70;--mantine-color-yellow-3: #ffe300;--mantine-color-yellow-4: #f5d029;--mantine-color-yellow-5: #eac10b;--mantine-color-yellow-6: #e2b104;--mantine-color-yellow-7: #bd9403;--mantine-color-yellow-8: #8f7000;--mantine-color-yellow-9: #493b08;--mantine-color-action-0: #edf6ff;--mantine-color-action-1: #edf6ff;--mantine-color-action-2: #c7e4ff;--mantine-color-action-3: #8bc7ff;--mantine-color-action-4: #399ffe;--mantine-color-action-5: #1372ec;--mantine-color-action-6: #1372ec;--mantine-color-action-7: #1a50ad;--mantine-color-action-8: #1a50ad;--mantine-color-action-9: #062d70;--mantine-color-navy-0: #f5f6ff;--mantine-color-navy-1: #d6d7fd;--mantine-color-navy-2: #aeb0f1;--mantine-color-navy-3: #8787db;--mantine-color-navy-4: #6b6bbd;--mantine-color-navy-5: #525296;--mantine-color-navy-6: #3f3f71;--mantine-color-navy-7: #333357;--mantine-color-navy-8: #262646;--mantine-color-navy-9: #181d3a;--mantine-color-info-0: #f5f6ff;--mantine-color-info-1: #d6d7fd;--mantine-color-info-2: #aeb0f1;--mantine-color-info-3: #8787db;--mantine-color-info-4: #6b6bbd;--mantine-color-info-5: #525296;--mantine-color-info-6: #3f3f71;--mantine-color-info-7: #333357;--mantine-color-info-8: #262646;--mantine-color-info-9: #181d3a;--mantine-color-critical-0: #fff8f8;--mantine-color-critical-1: #ffd7d3;--mantine-color-critical-2: #f3b4ae;--mantine-color-critical-3: #ee8279;--mantine-color-critical-4: #f05245;--mantine-color-critical-5: #e03729;--mantine-color-critical-6: #cd2113;--mantine-color-critical-7: #a11409;--mantine-color-critical-8: #80130a;--mantine-color-critical-9: #600a03;--mantine-color-new-0: #edfffc;--mantine-color-new-1: #c2fef5;--mantine-color-new-2: #50fae3;--mantine-color-new-3: #1cebcf;--mantine-color-new-4: #16dcc1;--mantine-color-new-5: #12c7ae;--mantine-color-new-6: #0ba893;--mantine-color-new-7: #078675;--mantine-color-new-8: #055f53;--mantine-color-new-9: #033932;--mantine-color-warning-0: #fffdea;--mantine-color-warning-1: #fff7ba;--mantine-color-warning-2: #ffef70;--mantine-color-warning-3: #ffe300;--mantine-color-warning-4: #f5d029;--mantine-color-warning-5: #eac10b;--mantine-color-warning-6: #e2b104;--mantine-color-warning-7: #bd9403;--mantine-color-warning-8: #8f7000;--mantine-color-warning-9: #493b08;--mantine-color-success-0: #f2fff9;--mantine-color-success-1: #f2fff9;--mantine-color-success-2: #f2fff9;--mantine-color-success-3: #f2fff9;--mantine-color-success-4: #12a344;--mantine-color-success-5: #12a344;--mantine-color-success-6: #12a344;--mantine-color-success-7: #004a20;--mantine-color-success-8: #004a20;--mantine-color-success-9: #004a20;--mantine-color-purple-0: #f2ebf3;--mantine-color-purple-1: #dabfe9;--mantine-color-purple-2: #bb80dc;--mantine-color-purple-3: #9a52c1;--mantine-color-purple-4: #752e9c;--mantine-color-purple-5: #5d237d;--mantine-color-purple-6: #451c5c;--mantine-color-purple-7: #390c53;--mantine-color-purple-8: #2b073f;--mantine-color-purple-9: #180323;--mantine-h1-font-size: 48px;--mantine-h1-line-height: 1.5;--mantine-h1-font-weight: 300;--mantine-h2-font-size: 32px;--mantine-h2-line-height: 1.5;--mantine-h2-font-weight: 500;--mantine-h3-font-size: 24px;--mantine-h3-line-height: 1.5;--mantine-h3-font-weight: 500;--mantine-h4-font-size: 18px;--mantine-h4-line-height: 1.5;--mantine-h4-font-weight: 300;--mantine-h5-font-size: 14px;--mantine-h5-font-weight: 500;--mantine-h6-font-size: 12px;--mantine-h6-font-weight: 500;}:root[data-mantine-color-scheme="dark"]{--mantine-color-anchor: var(--mantine-color-action-4);--mantine-color-gray-light: rgba(108, 114, 123, 0.15);--mantine-color-gray-light-hover: rgba(108, 114, 123, 0.2);--mantine-color-gray-outline-hover: rgba(214, 220, 221, 0.05);--mantine-color-red-light: rgba(205, 33, 19, 0.15);--mantine-color-red-light-hover: rgba(205, 33, 19, 0.2);--mantine-color-red-outline-hover: rgba(240, 82, 69, 0.05);--mantine-color-indigo-light: rgba(36, 56, 158, 0.15);--mantine-color-indigo-light-hover: rgba(36, 56, 158, 0.2);--mantine-color-indigo-outline-hover: rgba(74, 97, 212, 0.05);--mantine-color-blue-light: rgba(3, 135, 198, 0.15);--mantine-color-blue-light-hover: rgba(3, 135, 198, 0.2);--mantine-color-blue-outline-hover: rgba(0, 173, 255, 0.05);--mantine-color-teal-light: rgba(11, 168, 147, 0.15);--mantine-color-teal-light-hover: rgba(11, 168, 147, 0.2);--mantine-color-teal-outline-hover: rgba(22, 220, 193, 0.05);--mantine-color-green-light: rgba(4, 82, 66, 0.15);--mantine-color-green-light-hover: rgba(4, 82, 66, 0.2);--mantine-color-green-outline-hover: rgba(26, 137, 115, 0.05);--mantine-color-lime-light: rgba(18, 163, 68, 0.15);--mantine-color-lime-light-hover: rgba(18, 163, 68, 0.2);--mantine-color-lime-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-yellow-light: rgba(226, 177, 4, 0.15);--mantine-color-yellow-light-hover: rgba(226, 177, 4, 0.2);--mantine-color-yellow-outline-hover: rgba(245, 208, 41, 0.05);--mantine-color-action-text: var(--mantine-color-action-4);--mantine-color-action-filled: var(--mantine-color-action-8);--mantine-color-action-filled-hover: var(--mantine-color-action-9);--mantine-color-action-light: rgba(19, 114, 236, 0.15);--mantine-color-action-light-hover: rgba(19, 114, 236, 0.2);--mantine-color-action-light-color: var(--mantine-color-action-3);--mantine-color-action-outline: var(--mantine-color-action-4);--mantine-color-action-outline-hover: rgba(57, 159, 254, 0.05);--mantine-color-navy-text: var(--mantine-color-navy-4);--mantine-color-navy-filled: var(--mantine-color-navy-8);--mantine-color-navy-filled-hover: var(--mantine-color-navy-9);--mantine-color-navy-light: rgba(63, 63, 113, 0.15);--mantine-color-navy-light-hover: rgba(63, 63, 113, 0.2);--mantine-color-navy-light-color: var(--mantine-color-navy-3);--mantine-color-navy-outline: var(--mantine-color-navy-4);--mantine-color-navy-outline-hover: rgba(107, 107, 189, 0.05);--mantine-color-info-text: var(--mantine-color-info-4);--mantine-color-info-filled: var(--mantine-color-info-8);--mantine-color-info-filled-hover: var(--mantine-color-info-9);--mantine-color-info-light: rgba(63, 63, 113, 0.15);--mantine-color-info-light-hover: rgba(63, 63, 113, 0.2);--mantine-color-info-light-color: var(--mantine-color-info-3);--mantine-color-info-outline: var(--mantine-color-info-4);--mantine-color-info-outline-hover: rgba(107, 107, 189, 0.05);--mantine-color-critical-text: var(--mantine-color-critical-4);--mantine-color-critical-filled: var(--mantine-color-critical-8);--mantine-color-critical-filled-hover: var(--mantine-color-critical-9);--mantine-color-critical-light: rgba(205, 33, 19, 0.15);--mantine-color-critical-light-hover: rgba(205, 33, 19, 0.2);--mantine-color-critical-light-color: var(--mantine-color-critical-3);--mantine-color-critical-outline: var(--mantine-color-critical-4);--mantine-color-critical-outline-hover: rgba(240, 82, 69, 0.05);--mantine-color-new-text: var(--mantine-color-new-4);--mantine-color-new-filled: var(--mantine-color-new-8);--mantine-color-new-filled-hover: var(--mantine-color-new-9);--mantine-color-new-light: rgba(11, 168, 147, 0.15);--mantine-color-new-light-hover: rgba(11, 168, 147, 0.2);--mantine-color-new-light-color: var(--mantine-color-new-3);--mantine-color-new-outline: var(--mantine-color-new-4);--mantine-color-new-outline-hover: rgba(22, 220, 193, 0.05);--mantine-color-warning-text: var(--mantine-color-warning-4);--mantine-color-warning-filled: var(--mantine-color-warning-8);--mantine-color-warning-filled-hover: var(--mantine-color-warning-9);--mantine-color-warning-light: rgba(226, 177, 4, 0.15);--mantine-color-warning-light-hover: rgba(226, 177, 4, 0.2);--mantine-color-warning-light-color: var(--mantine-color-warning-3);--mantine-color-warning-outline: var(--mantine-color-warning-4);--mantine-color-warning-outline-hover: rgba(245, 208, 41, 0.05);--mantine-color-success-text: var(--mantine-color-success-4);--mantine-color-success-filled: var(--mantine-color-success-8);--mantine-color-success-filled-hover: var(--mantine-color-success-9);--mantine-color-success-light: rgba(18, 163, 68, 0.15);--mantine-color-success-light-hover: rgba(18, 163, 68, 0.2);--mantine-color-success-light-color: var(--mantine-color-success-3);--mantine-color-success-outline: var(--mantine-color-success-4);--mantine-color-success-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-purple-text: var(--mantine-color-purple-4);--mantine-color-purple-filled: var(--mantine-color-purple-8);--mantine-color-purple-filled-hover: var(--mantine-color-purple-9);--mantine-color-purple-light: rgba(69, 28, 92, 0.15);--mantine-color-purple-light-hover: rgba(69, 28, 92, 0.2);--mantine-color-purple-light-color: var(--mantine-color-purple-3);--mantine-color-purple-outline: var(--mantine-color-purple-4);--mantine-color-purple-outline-hover: rgba(117, 46, 156, 0.05);}:root[data-mantine-color-scheme="light"]{--mantine-color-text: #282829;--mantine-color-anchor: var(--mantine-color-action-6);--mantine-color-dark-light: #C9C9C9;--mantine-color-dark-light-hover: #b8b8b8;--mantine-color-gray-light: #f9f9f9;--mantine-color-gray-light-hover: #f3f3f3;--mantine-color-gray-outline-hover: rgba(108, 114, 123, 0.05);--mantine-color-red-light: #fff8f8;--mantine-color-red-light-hover: #ffd7d3;--mantine-color-red-outline-hover: rgba(205, 33, 19, 0.05);--mantine-color-pink-light: #fff0f6;--mantine-color-pink-light-hover: #ffdeeb;--mantine-color-grape-light: #f8f0fc;--mantine-color-grape-light-hover: #f3d9fa;--mantine-color-violet-light: #f3f0ff;--mantine-color-violet-light-hover: #e5dbff;--mantine-color-indigo-light: #f2f3ff;--mantine-color-indigo-light-hover: #ced4f4;--mantine-color-indigo-outline-hover: rgba(36, 56, 158, 0.05);--mantine-color-blue-light: #e7f7ff;--mantine-color-blue-light-hover: #c3ecff;--mantine-color-blue-outline-hover: rgba(3, 135, 198, 0.05);--mantine-color-cyan-light: #e3fafc;--mantine-color-cyan-light-hover: #c5f6fa;--mantine-color-teal-light: #edfffc;--mantine-color-teal-light-hover: #c2fef5;--mantine-color-teal-outline-hover: rgba(11, 168, 147, 0.05);--mantine-color-green-light: #dcf3ef;--mantine-color-green-light-hover: #b2e3db;--mantine-color-green-outline-hover: rgba(4, 82, 66, 0.05);--mantine-color-lime-light: #f2fff9;--mantine-color-lime-light-hover: #f2fff9;--mantine-color-lime-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-yellow-light: #fffdea;--mantine-color-yellow-light-hover: #fff7ba;--mantine-color-yellow-outline-hover: rgba(226, 177, 4, 0.05);--mantine-color-orange-light: #fff4e6;--mantine-color-orange-light-hover: #ffe8cc;--mantine-color-action-text: var(--mantine-color-action-filled);--mantine-color-action-filled: var(--mantine-color-action-6);--mantine-color-action-filled-hover: var(--mantine-color-action-7);--mantine-color-action-light: #edf6ff;--mantine-color-action-light-hover: #edf6ff;--mantine-color-action-light-color: var(--mantine-color-action-6);--mantine-color-action-outline: var(--mantine-color-action-6);--mantine-color-action-outline-hover: rgba(19, 114, 236, 0.05);--mantine-color-navy-text: var(--mantine-color-navy-filled);--mantine-color-navy-filled: var(--mantine-color-navy-6);--mantine-color-navy-filled-hover: var(--mantine-color-navy-7);--mantine-color-navy-light: #f5f6ff;--mantine-color-navy-light-hover: #d6d7fd;--mantine-color-navy-light-color: var(--mantine-color-navy-6);--mantine-color-navy-outline: var(--mantine-color-navy-6);--mantine-color-navy-outline-hover: rgba(63, 63, 113, 0.05);--mantine-color-info-text: var(--mantine-color-info-filled);--mantine-color-info-filled: var(--mantine-color-info-6);--mantine-color-info-filled-hover: var(--mantine-color-info-7);--mantine-color-info-light: #f5f6ff;--mantine-color-info-light-hover: #d6d7fd;--mantine-color-info-light-color: var(--mantine-color-info-6);--mantine-color-info-outline: var(--mantine-color-info-6);--mantine-color-info-outline-hover: rgba(63, 63, 113, 0.05);--mantine-color-critical-text: var(--mantine-color-critical-filled);--mantine-color-critical-filled: var(--mantine-color-critical-6);--mantine-color-critical-filled-hover: var(--mantine-color-critical-7);--mantine-color-critical-light: #fff8f8;--mantine-color-critical-light-hover: #ffd7d3;--mantine-color-critical-light-color: var(--mantine-color-critical-6);--mantine-color-critical-outline: var(--mantine-color-critical-6);--mantine-color-critical-outline-hover: rgba(205, 33, 19, 0.05);--mantine-color-new-text: var(--mantine-color-new-filled);--mantine-color-new-filled: var(--mantine-color-new-6);--mantine-color-new-filled-hover: var(--mantine-color-new-7);--mantine-color-new-light: #edfffc;--mantine-color-new-light-hover: #c2fef5;--mantine-color-new-light-color: var(--mantine-color-new-6);--mantine-color-new-outline: var(--mantine-color-new-6);--mantine-color-new-outline-hover: rgba(11, 168, 147, 0.05);--mantine-color-warning-text: var(--mantine-color-warning-filled);--mantine-color-warning-filled: var(--mantine-color-warning-6);--mantine-color-warning-filled-hover: var(--mantine-color-warning-7);--mantine-color-warning-light: #fffdea;--mantine-color-warning-light-hover: #fff7ba;--mantine-color-warning-light-color: var(--mantine-color-warning-6);--mantine-color-warning-outline: var(--mantine-color-warning-6);--mantine-color-warning-outline-hover: rgba(226, 177, 4, 0.05);--mantine-color-success-text: var(--mantine-color-success-filled);--mantine-color-success-filled: var(--mantine-color-success-6);--mantine-color-success-filled-hover: var(--mantine-color-success-7);--mantine-color-success-light: #f2fff9;--mantine-color-success-light-hover: #f2fff9;--mantine-color-success-light-color: var(--mantine-color-success-6);--mantine-color-success-outline: var(--mantine-color-success-6);--mantine-color-success-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-purple-text: var(--mantine-color-purple-filled);--mantine-color-purple-filled: var(--mantine-color-purple-6);--mantine-color-purple-filled-hover: var(--mantine-color-purple-7);--mantine-color-purple-light: #f2ebf3;--mantine-color-purple-light-hover: #dabfe9;--mantine-color-purple-light-color: var(--mantine-color-purple-6);--mantine-color-purple-outline: var(--mantine-color-purple-6);--mantine-color-purple-outline-hover: rgba(69, 28, 92, 0.05);}
-  </style>
   <style
     data-mantine-styles="classes"
   >

package/dist/esm/components/inline-confirm/InlineConfirm.d.ts CHANGED Viewed

@@ -1,8 +1,16 @@
-import { Factory, StylesApiProps } from '@mantine/core';
-import { MantineComponent } from '@mantine/core/lib/core/factory/factory';
+import { Factory, MantineComponent, StylesApiProps } from '@mantine/core';
 import { ReactNode } from 'react';
 import { InlineConfirmPrompt } from './InlineConfirmPrompt';
 import { InlineConfirmTarget } from './InlineConfirmTarget';
+/**
+ * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop
+ */
+export interface InlineConfirmComponentsProps {
+    /**
+     * Unique id to map the prompt to the target
+     */
+    inlineConfirmId: string;
+}
 export interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {
     /**
      * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids

package/dist/esm/components/inline-confirm/InlineConfirm.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,cAAc,EAAW,MAAM,eAAe,CAAC;~~AAChE~~,OAAO,~~EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AACxE,OAAO,~~EAAyB,SAAS,EAAW,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC;IACX,gBAAgB,EAAE;QACd,MAAM,EAAE,OAAO,mBAAmB,CAAC;QACnC,MAAM,EAAE,OAAO,mBAAmB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,KAAK;sBACQ;QACd,MAAM,EAAE,0BAA0B,CAAC;QACnC,MAAM,EAAE,0BAA0B,CAAC;KACtC;~~EAoBuC~~,CAAC"}
1	+ {"version":3,"file":"InlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAW,MAAM,eAAe,CAAC;AAClF,OAAO,EAAyB,SAAS,EAAW,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC;IACX,gBAAgB,EAAE;QACd,MAAM,EAAE,OAAO,mBAAmB,CAAC;QACnC,MAAM,EAAE,OAAO,mBAAmB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,KAAK;sBACQ;QACd,MAAM,EAAE,0BAA0B,CAAC;QACnC,MAAM,EAAE,0BAA0B,CAAC;KACtC;EAmBuC,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirm.js CHANGED Viewed

@@ -9,7 +9,7 @@ export const InlineConfirm = (_props)=>{
     const { children } = useProps('InlineConfirm', defaultProps, _props);
     const [confirmingId, setConfirmingId] = useState(null);
     const convertedChildren = Children.toArray(children);
-    const prompt = convertedChildren.find((child)=>child.type === InlineConfirmPrompt && child.props.id === confirmingId);
+    const prompt = convertedChildren.find((child)=>child.type !== InlineConfirmTarget && child.props?.inlineConfirmId === confirmingId);
     const clearConfirm = ()=>setConfirmingId(null);
     return /*#__PURE__*/ _jsx(InlineConfirmProvider, {
         value: {

package/dist/esm/components/inline-confirm/InlineConfirm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, StylesApiProps, useProps} from '@mantine/core';\nimport {~~MantineComponent} from '@mantine/core/lib/core/factory/factory';\nimport {~~Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n /*\n The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n */\n children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n props: InlineConfirmProps;\n ref: never;\n staticComponents: {\n Prompt: typeof InlineConfirmPrompt;\n Target: typeof InlineConfirmTarget;\n };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n const {children} = useProps('InlineConfirm', defaultProps, _props);\n const [confirmingId, setConfirmingId] = useState<string \| null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type ~~===~~ ~~InlineConfirmPrompt~~ && child.props~~.id~~ === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n\n return (\n <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmProvider>\n );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["useProps","Children","useState","InlineConfirmProvider","InlineConfirmPrompt","InlineConfirmTarget","defaultProps","InlineConfirm","_props","children","confirmingId","setConfirmingId","convertedChildren","toArray","prompt","find","child","type","props","id","clearConfirm","value","Prompt","Target"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,~~SAAiCA~~,QAAQ,QAAO,gBAAgB;~~AAEhE~~,SAAQC,QAAQ,EAA2BC,QAAQ,QAAO,QAAQ;AAClE,SAAQC,qBAAqB,QAAO,yBAAyB;AAC7D,SAAQC,mBAAmB,QAAO,wBAAwB;AAE1D,SAAQC,mBAAmB,QAAO,wBAAwB;~~AAkB1D~~,MAAMC,eAA4C,CAAC;AAEnD,OAAO,MAAMC,gBAAiB,CAACC;IAC3B,MAAM,EAACC,QAAQ,EAAC,GAAGT,SAAS,iBAAiBM,cAAcE;IAC3D,MAAM,CAACE,cAAcC,gBAAgB,GAAGT,SAAwB;IAEhE,MAAMU,oBAAoBX,SAASY,OAAO,CAACJ;IAC3C,MAAMK,SAASF,kBAAkBG,IAAI,CACjC,CAACC,QAAUA,MAAMC,IAAI,~~KAAKb~~,~~uBAAuBY~~,MAAME,KAAK,~~CAACC~~,~~EAAE,KAAKT~~;~~IAExE~~,MAAMU,eAAe,IAAMT,gBAAgB;~~IAE3C~~,qBACI,KAACR;QAAsBkB,OAAO;YAACX;YAAcC;YAAiBS;QAAY;kBACrEN,UAAUL;;AAGvB,EAA6C;AAE7CF,cAAce,MAAM,GAAGlB;AACvBG,cAAcgB,MAAM,GAAGlB"}
1	+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\n/*\n Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop\n /\nexport interface InlineConfirmComponentsProps {\n /\n Unique id to map the prompt to the target\n /\n inlineConfirmId: string;\n}\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n /\n The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n */\n children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n props: InlineConfirmProps;\n ref: never;\n staticComponents: {\n Prompt: typeof InlineConfirmPrompt;\n Target: typeof InlineConfirmTarget;\n };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n const {children} = useProps('InlineConfirm', defaultProps, _props);\n const [confirmingId, setConfirmingId] = useState<string \| null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type !== InlineConfirmTarget && child.props?.inlineConfirmId === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n return (\n <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmProvider>\n );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["useProps","Children","useState","InlineConfirmProvider","InlineConfirmPrompt","InlineConfirmTarget","defaultProps","InlineConfirm","_props","children","confirmingId","setConfirmingId","convertedChildren","toArray","prompt","find","child","type","props","inlineConfirmId","clearConfirm","value","Prompt","Target"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAmDA,QAAQ,QAAO,gBAAgB;AAClF,SAAQC,QAAQ,EAA2BC,QAAQ,QAAO,QAAQ;AAClE,SAAQC,qBAAqB,QAAO,yBAAyB;AAC7D,SAAQC,mBAAmB,QAAO,wBAAwB;AAE1D,SAAQC,mBAAmB,QAAO,wBAAwB;AA4B1D,MAAMC,eAA4C,CAAC;AAEnD,OAAO,MAAMC,gBAAiB,CAACC;IAC3B,MAAM,EAACC,QAAQ,EAAC,GAAGT,SAAS,iBAAiBM,cAAcE;IAC3D,MAAM,CAACE,cAAcC,gBAAgB,GAAGT,SAAwB;IAEhE,MAAMU,oBAAoBX,SAASY,OAAO,CAACJ;IAC3C,MAAMK,SAASF,kBAAkBG,IAAI,CACjC,CAACC,QAAUA,MAAMC,IAAI,KAAKZ,uBAAuBW,MAAME,KAAK,EAAEC,oBAAoBT;IAEtF,MAAMU,eAAe,IAAMT,gBAAgB;IAC3C,qBACI,KAACR;QAAsBkB,OAAO;YAACX;YAAcC;YAAiBS;QAAY;kBACrEN,UAAUL;;AAGvB,EAA6C;AAE7CF,cAAce,MAAM,GAAGlB;AACvBG,cAAcgB,MAAM,GAAGlB"}

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts CHANGED Viewed

@@ -1,10 +1,7 @@
 import { Factory, GroupProps } from '@mantine/core';
 import { ReactElement, ReactNode } from 'react';
-interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {
-    /**
-     * Unique id to map the prompt to the target
-     */
-    id: string;
+import { InlineConfirmComponentsProps } from './InlineConfirm';
+interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {
     /**
      * Label element
      *

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineConfirmPrompt.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAkB,UAAU,EAAsB,MAAM,eAAe,CAAC;AACvF,OAAO,EAAe,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;~~AAKvE~~,UAAU,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC~~;IACnE;;OAEG;IACH~~,EAAE,~~EAAE,MAAM,CAAC~~;~~IACX~~;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,IAAI,IAAI,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;CACvB,CAAC,CAAC;AAUH,eAAO,MAAM,mBAAmB;WAZrB,wBAAwB;SAC1B,cAAc;EAuDrB,CAAC"}
1	+ {"version":3,"file":"InlineConfirmPrompt.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAkB,UAAU,EAAsB,MAAM,eAAe,CAAC;AACvF,OAAO,EAAe,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAI7D,UAAU,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAAE,4BAA4B;IACjG;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,IAAI,IAAI,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;CACvB,CAAC,CAAC;AAUH,eAAO,MAAM,mBAAmB;WAZrB,wBAAwB;SAC1B,cAAc;EAuDrB,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { factory, Group, isElement, useProps } from '@mantine/core';
 import { cloneElement, useEffect } from 'react';
-import { useInlineConfirm } from './InlineConfirmContext';
 import { Button } from '../button/Button';
+import { useInlineConfirm } from './InlineConfirmContext';
 const defaultProps = {
     label: 'Are you sure?',
     confirm: /*#__PURE__*/ _jsx(Button, {
@@ -17,7 +17,7 @@ const defaultProps = {
     wrap: 'nowrap'
 };
 export const InlineConfirmPrompt = factory((props, ref)=>{
-    const { id, label, confirm, cancel, onConfirm, onCancel, ...others } = useProps('InlineConfirmPrompt', defaultProps, props);
+    const { inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others } = useProps('InlineConfirmPrompt', defaultProps, props);
     const { confirmingId, clearConfirm } = useInlineConfirm();
     if (!isElement(cancel) || !isElement(confirm)) {
         throw new Error('InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported');
@@ -37,11 +37,11 @@ export const InlineConfirmPrompt = factory((props, ref)=>{
         }
     });
     useEffect(()=>{
-        if (confirmingId !== id) {
+        if (confirmingId !== inlineConfirmId) {
             clearConfirm();
         }
     }, []);
-    if (confirmingId === id) {
+    if (confirmingId === inlineConfirmId) {
         return /*#__PURE__*/ _jsxs(Group, {
             ref: ref,
             ...others,

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\n\nimport {~~useInlineConfirm~~} from './~~InlineConfirmContext~~';\nimport {~~Button~~} from '~~../button/Button~~';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {\n /*\n Unique id to map the prompt to the target\n /\n id: string;\n /\n Label element\n \n @default Are you sure?\n /\n label?: ReactNode;\n /\n Confirm button element\n \n @default <Button color=\"red\">Delete</Button>\n /\n confirm?: ReactElement;\n /\n Cancel button element\n \n @default <Button variant=\"outline\">Cancel</Button>\n /\n cancel?: ReactElement;\n /\n Function called when the confirm button is clicked\n /\n onConfirm?(): void;\n\n /\n Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button color=\"red\">Delete</Button>,\n cancel: <Button variant=\"outline\">Cancel</Button>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {id, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) \|\| !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["factory","Group","isElement","useProps","cloneElement","useEffect","~~useInlineConfirm~~","~~Button~~","defaultProps","label","confirm","color","cancel","variant","gap","wrap","InlineConfirmPrompt","props","ref","id","onConfirm","onCancel","others","confirmingId","clearConfirm","Error","cancelEl","onClick","confirmEl"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAiBA,OAAO,EAAEC,KAAK,EAAcC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AACvF,SAAQC,YAAY,EAA2BC,SAAS,QAAO,QAAQ;~~AAEvE~~,SAAQC,~~gBAAgB~~,QAAO,~~yBAAyB~~;~~AACxD~~,SAAQC,~~MAAM~~,QAAO,~~mBAAmB~~;~~AAyCxC~~,MAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,~~KAACH~~;~~QAAOI~~,OAAM;kBAAM;;IAC7BC,sBAAQ,~~KAACL~~;~~QAAOM~~,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEA,OAAO,MAAMC,sBAAsBhB,QAAoC,CAACiB,OAAOC;IAC3E,MAAM,EAACC,~~EAAE~~,EAAEV,KAAK,EAAEC,OAAO,EAAEE,MAAM,EAAEQ,SAAS,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGnB,~~SACjE~~,uBACAK,cACAS;IAEJ,MAAM,EAACM,YAAY,EAAEC,YAAY,EAAC,~~GAAGlB~~;IAErC,IAAI,~~CAACJ~~,UAAUU,WAAW,CAACV,UAAUQ,UAAU;QAC3C,MAAM,IAAIe,MACN;IAER;IACA,MAAMC,yBAAWtB,aAAaQ,QAAQ;QAClCe,SAAS;YACLf,OAAOK,KAAK,CAACU,OAAO;YACpBN;YACAG;QACJ;IACJ;IACA,MAAMI,0BAAYxB,aAAaM,SAAS;QACpCiB,SAAS;YACLjB,QAAQO,KAAK,CAACU,OAAO;YACrBP;YACAI;QACJ;IACJ;IAEAnB,UAAU;QACN,IAAIkB,iBAAiBJ,~~IAAI~~;~~YACrBK~~;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBJ,~~IAAI~~;~~QACrB~~,qBACI,MAAClB;YAAMiB,KAAKA;YAAM,GAAGI,MAAM;;gBACtBb;gBACAmB;gBACAF;;;IAGb;IACA,OAAO;AACX,GAAG"}
1	+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /*\n Label element\n \n @default Are you sure?\n /\n label?: ReactNode;\n /\n Confirm button element\n \n @default <Button color=\"red\">Delete</Button>\n /\n confirm?: ReactElement;\n /\n Cancel button element\n \n @default <Button variant=\"outline\">Cancel</Button>\n /\n cancel?: ReactElement;\n /\n Function called when the confirm button is clicked\n /\n onConfirm?(): void;\n\n /\n Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button color=\"red\">Delete</Button>,\n cancel: <Button variant=\"outline\">Cancel</Button>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) \|\| !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["factory","Group","isElement","useProps","cloneElement","useEffect","Button","useInlineConfirm","defaultProps","label","confirm","color","cancel","variant","gap","wrap","InlineConfirmPrompt","props","ref","inlineConfirmId","onConfirm","onCancel","others","confirmingId","clearConfirm","Error","cancelEl","onClick","confirmEl"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAiBA,OAAO,EAAEC,KAAK,EAAcC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AACvF,SAAQC,YAAY,EAA2BC,SAAS,QAAO,QAAQ;AACvE,SAAQC,MAAM,QAAO,mBAAmB;AAGxC,SAAQC,gBAAgB,QAAO,yBAAyB;AAqCxD,MAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,KAACJ;QAAOK,OAAM;kBAAM;;IAC7BC,sBAAQ,KAACN;QAAOO,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEA,OAAO,MAAMC,sBAAsBhB,QAAoC,CAACiB,OAAOC;IAC3E,MAAM,EAACC,eAAe,EAAEV,KAAK,EAAEC,OAAO,EAAEE,MAAM,EAAEQ,SAAS,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGnB,SAC9E,uBACAK,cACAS;IAEJ,MAAM,EAACM,YAAY,EAAEC,YAAY,EAAC,GAAGjB;IAErC,IAAI,CAACL,UAAUU,WAAW,CAACV,UAAUQ,UAAU;QAC3C,MAAM,IAAIe,MACN;IAER;IACA,MAAMC,yBAAWtB,aAAaQ,QAAQ;QAClCe,SAAS;YACLf,OAAOK,KAAK,CAACU,OAAO;YACpBN;YACAG;QACJ;IACJ;IACA,MAAMI,0BAAYxB,aAAaM,SAAS;QACpCiB,SAAS;YACLjB,QAAQO,KAAK,CAACU,OAAO;YACrBP;YACAI;QACJ;IACJ;IAEAnB,UAAU;QACN,IAAIkB,iBAAiBJ,iBAAiB;YAClCK;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBJ,iBAAiB;QAClC,qBACI,MAAClB;YAAMiB,KAAKA;YAAM,GAAGI,MAAM;;gBACtBb;gBACAmB;gBACAF;;;IAGb;IACA,OAAO;AACX,GAAG"}

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { MouseEventHandler } from 'react';
 import { ButtonProps } from '../button';
-export interface InlineConfirmTargetProps extends ButtonProps {
-    id: string;
+import { InlineConfirmComponentsProps } from './InlineConfirm';
+export interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import("@mantine/core").PolymorphicComponentProps<C_1, ButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ButtonProps & {

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;~~AAG9C~~,MAAM,WAAW,wBAAyB,SAAQ,WAAW~~;IACzD~~,EAAE,~~EAAE,MAAM,CAAC~~;~~IACX~~,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~mCAe~~/B,CAAC"}
1	+ {"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAoB/B,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmTarget.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { createPolymorphicComponent } from '@mantine/core';
 import { forwardRef } from 'react';
 import { Button } from '../button';
 import { useInlineConfirm } from './InlineConfirmContext';
-export const InlineConfirmTarget = createPolymorphicComponent(/*#__PURE__*/ forwardRef(({ onClick, id, component: Component = Button, ...others }, ref)=>{
+export const InlineConfirmTarget = createPolymorphicComponent(/*#__PURE__*/ forwardRef(({ onClick, inlineConfirmId, component: Component = Button, ...others }, ref)=>{
     const { setConfirmingId } = useInlineConfirm();
     const handleOnClick = (e)=>{
-        setConfirmingId(id);
+        setConfirmingId(inlineConfirmId);
         onClick?.(e);
     };
     return /*#__PURE__*/ _jsx(Component, {

package/dist/esm/components/inline-confirm/InlineConfirmTarget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n ~~id: string;\n~~ onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {onClick~~, id,~~ component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["createPolymorphicComponent","forwardRef","Button","useInlineConfirm","InlineConfirmTarget","onClick","id","component","Component","others","ref","setConfirmingId","handleOnClick","e"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,0BAA0B,QAAO,gBAAgB;AACzD,SAAQC,UAAU,QAA0B,QAAQ;AACpD,SAAQC,MAAM,QAAoB,YAAY;~~AAC9C~~,SAAQC,gBAAgB,QAAO,yBAAyB;~~AAOxD~~,OAAO,MAAMC,sBAAsBJ,yCAC/BC,WACI,CACI,~~EAACI~~,OAAO,~~EAAEC~~,~~EAAE~~,~~EAAEC~~,WAAWC,YAAYN,MAAM,~~EAAE~~,GAAGO,~~QAAqD~~,~~EACrGC~~;IAEA,MAAM,EAACC,eAAe,EAAC,GAAGR;IAC1B,MAAMS,gBAAsD,CAACC;QACzDF,gBAAgBL;QAChBD,UAAUQ;IACd;IAEA,qBAAO,KAACL;QAAUE,KAAKA;QAAKL,SAASO;QAAgB,GAAGH,MAAM;;AAClE,IAEN"}
1	+ {"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {\n onClick,\n inlineConfirmId,\n component: Component = Button,\n ...others\n }: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(inlineConfirmId);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["createPolymorphicComponent","forwardRef","Button","useInlineConfirm","InlineConfirmTarget","onClick","inlineConfirmId","component","Component","others","ref","setConfirmingId","handleOnClick","e"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,0BAA0B,QAAO,gBAAgB;AACzD,SAAQC,UAAU,QAA0B,QAAQ;AACpD,SAAQC,MAAM,QAAoB,YAAY;AAE9C,SAAQC,gBAAgB,QAAO,yBAAyB;AAMxD,OAAO,MAAMC,sBAAsBJ,yCAC/BC,WACI,CACI,EACII,OAAO,EACPC,eAAe,EACfC,WAAWC,YAAYN,MAAM,EAC7B,GAAGO,QACwC,EAC/CC;IAEA,MAAM,EAACC,eAAe,EAAC,GAAGR;IAC1B,MAAMS,gBAAsD,CAACC;QACzDF,gBAAgBL;QAChBD,UAAUQ;IACd;IAEA,qBAAO,KAACL;QAAUE,KAAKA;QAAKL,SAASO;QAAgB,GAAGH,MAAM;;AAClE,IAEN"}

package/dist/esm/components/table/Table.d.ts CHANGED Viewed

@@ -2,11 +2,13 @@ import { Factory } from '@mantine/core';
 import { ColumnDef } from '@tanstack/react-table';
 import { ForwardedRef, ReactElement } from 'react';
 import { CustomComponentThemeExtend } from '../../utils';
+import { TableLayout, TableProps } from './Table.types';
 import { TableLayouts } from './layouts/TableLayouts';
-import { TableActions, TableActionsStylesNames } from './table-actions/TableActions';
+import { TableActionItem, TableActionItemStylesNames, TableHeaderActionsStylesNames } from './table-actions';
+import { TableActionsListStylesNames } from './table-actions/TableActionsList';
+import { TableActionsColumn } from './table-column/TableActionsColumn';
 import { TableAccordionColumn, TableCollapsibleColumn, TableCollapsibleColumnStylesNames } from './table-column/TableCollapsibleColumn';
 import { TableColumnsSelector, TableColumnsSelectorStylesNames } from './table-columns-selector/TableColumnsSelector';
-import { TableConsumer } from './table-consumer/TableConsumer';
 import { TableDateRangePicker, TableDateRangePickerStylesNames } from './table-date-range-picker/TableDateRangePicker';
 import { TableFilter, TableFilterStylesNames } from './table-filter/TableFilter';
 import { TableFooter } from './table-footer/TableFooter';
@@ -14,48 +16,74 @@ import { TableHeader, TableHeaderStylesNames } from './table-header/TableHeader'
 import { TableThStylesNames } from './table-header/Th';
 import { TableLastUpdated, TableLastUpdatedStylesNames } from './table-last-updated/TableLastUpdated';
 import { TableLoading } from './table-loading/TableLoading';
+import { TableNoData } from './table-no-data/TableNoData';
 import { TablePagination } from './table-pagination/TablePagination';
 import { TablePerPage } from './table-per-page/TablePerPage';
 import { TablePredicate, TablePredicateStylesNames } from './table-predicate/TablePredicate';
-import { TableLayout, TableProps } from './Table.types';
-type TableStylesNames = 'root' | 'table' | 'header' | 'body' | TableActionsStylesNames | TableCollapsibleColumnStylesNames | TableDateRangePickerStylesNames | TableFilterStylesNames | TableHeaderStylesNames | TableThStylesNames | TableLastUpdatedStylesNames | TablePredicateStylesNames | TableColumnsSelectorStylesNames;
+type TableStylesNames = 'root' | 'table' | 'header' | 'body' | TableHeaderActionsStylesNames | TableActionsListStylesNames | TableActionItemStylesNames | TableCollapsibleColumnStylesNames | TableDateRangePickerStylesNames | TableFilterStylesNames | TableHeaderStylesNames | TableThStylesNames | TableLastUpdatedStylesNames | TablePredicateStylesNames | TableColumnsSelectorStylesNames;
 export type PlasmaTableFactory = Factory<{
     props: TableProps<unknown>;
     ref: HTMLDivElement;
     stylesNames: TableStylesNames;
     staticComponents: {
-        Actions: typeof TableActions;
+        AccordionColumn: typeof TableAccordionColumn;
+        ActionsColumn: typeof TableActionsColumn;
+        ActionItem: typeof TableActionItem;
+        CollapsibleColumn: typeof TableCollapsibleColumn;
+        ColumnsSelector: typeof TableColumnsSelector;
+        DateRangePicker: typeof TableDateRangePicker;
         Filter: typeof TableFilter;
         Footer: typeof TableFooter;
         Header: typeof TableHeader;
         LastUpdated: typeof TableLastUpdated;
+        Layouts: typeof TableLayouts;
+        Loading: typeof TableLoading;
+        NoData: typeof TableNoData;
         Pagination: typeof TablePagination;
         PerPage: typeof TablePerPage;
         Predicate: typeof TablePredicate;
-        DateRangePicker: typeof TableDateRangePicker;
-        CollapsibleColumn: typeof TableCollapsibleColumn;
-        ColumnsSelector: typeof TableColumnsSelector;
-        AccordionColumn: typeof TableAccordionColumn;
-        Consumer: typeof TableConsumer;
-        Loading: typeof TableLoading;
-        Layouts: typeof TableLayouts;
     };
 }>;
 export declare const Table: {
     <T>(props: TableProps<T> & {
         ref?: ForwardedRef<HTMLDivElement>;
     }): import("react/jsx-runtime").JSX.Element;
-    Actions: {
-        <T_1>(props: import("./table-actions/TableActions").TableActionsProps<T_1> & {
-            ref?: ForwardedRef<HTMLDivElement>;
-        }): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-        extend: CustomComponentThemeExtend<{
-            props: import("./table-actions/TableActions").TableActionsProps<unknown>;
-            ref: HTMLDivElement;
-            stylesNames: TableActionsStylesNames;
-            compound: true;
-        }>;
-    };
+    AccordionColumn: ColumnDef<unknown>;
+    ActionsColumn: ColumnDef<unknown>;
+    ActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, import("./table-actions").TableActionItemProps>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(import("./table-actions").TableActionItemProps & {
+        component?: any;
+    } & Omit<Omit<any, "ref">, "component" | keyof import("./table-actions").TableActionItemProps> & {
+        ref?: any;
+        renderRoot?: (props: any) => any;
+    }) | (import("./table-actions").TableActionItemProps & {
+        component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+        renderRoot?: (props: Record<string, any>) => any;
+    })>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+        props: import("./table-actions").TableActionItemProps;
+        defaultRef: HTMLButtonElement;
+        defaultComponent: "button";
+        stylesNames: "actionItemRoot";
+        compound: true;
+    }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+        props: import("./table-actions").TableActionItemProps;
+        defaultRef: HTMLButtonElement;
+        defaultComponent: "button";
+        stylesNames: "actionItemRoot";
+        compound: true;
+    }>;
+    CollapsibleColumn: ColumnDef<unknown>;
+    ColumnsSelector: import("@mantine/core").MantineComponent<{
+        props: import("./table-columns-selector/TableColumnsSelector").TableColumnsSelectorProps;
+        ref: HTMLDivElement;
+        stylesNames: TableColumnsSelectorStylesNames;
+        compound: true;
+    }>;
+    DateRangePicker: import("@mantine/core").MantineComponent<{
+        props: import("./table-date-range-picker/TableDateRangePicker").TableDateRangePickerProps;
+        ref: HTMLDivElement;
+        stylesNames: "dateRangeRoot";
+        compound: true;
+    }>;
     Filter: import("@mantine/core").MantineComponent<{
         props: import("./table-filter/TableFilter").TableFilterProps;
         ref: HTMLDivElement;
@@ -75,56 +103,41 @@ export declare const Table: {
         stylesNames: TableLastUpdatedStylesNames;
         compound: true;
     }>;
-    Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types").TablePaginationProps>;
-    Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate").TablePredicateProps>;
-    PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types").TablePerPageProps> & {
-        DEFAULT_SIZE: number;
-    };
-    CollapsibleColumn: ColumnDef<unknown>;
-    AccordionColumn: ColumnDef<unknown>;
-    DateRangePicker: import("@mantine/core").MantineComponent<{
-        props: import("./table-date-range-picker/TableDateRangePicker").TableDateRangePickerProps;
-        ref: HTMLDivElement;
-        stylesNames: "dateRangeRoot";
-        compound: true;
-    }>;
-    Consumer: import("react").FunctionComponent<{
-        children: import("react").ReactNode;
-    }>;
-    Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
-    ColumnsSelector: import("@mantine/core").MantineComponent<{
-        props: import("./table-columns-selector/TableColumnsSelector").TableColumnsSelectorProps;
-        ref: HTMLDivElement;
-        stylesNames: TableColumnsSelectorStylesNames;
-        compound: true;
-    }>;
     Layouts: {
         Rows: import("@mantine/core").MantineComponent<{
             props: import("./layouts/row-layout/RowLayout").RowLayoutProps;
-            stylesNames: "icon" | "headerRow" | import("./layouts/row-layout/RowLayoutBody").RowLayoutBodyStylesNames;
+            stylesNames: "headerRow" | import("./layouts/row-layout/RowLayoutBody").RowLayoutBodyStylesNames;
             staticComponents: TableLayout;
         }>;
     };
+    Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
+    NoData: import("react").FunctionComponent<import("./table-no-data/TableNoData").TableNoDataProps>;
+    Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types").TablePaginationProps>;
+    PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types").TablePerPageProps> & {
+        DEFAULT_SIZE: number;
+    };
+    Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate").TablePredicateProps>;
     extend: CustomComponentThemeExtend<{
         props: TableProps<unknown>;
         ref: HTMLDivElement;
         stylesNames: TableStylesNames;
         staticComponents: {
-            Actions: typeof TableActions;
+            AccordionColumn: typeof TableAccordionColumn;
+            ActionsColumn: typeof TableActionsColumn;
+            ActionItem: typeof TableActionItem;
+            CollapsibleColumn: typeof TableCollapsibleColumn;
+            ColumnsSelector: typeof TableColumnsSelector;
+            DateRangePicker: typeof TableDateRangePicker;
             Filter: typeof TableFilter;
             Footer: typeof TableFooter;
             Header: typeof TableHeader;
             LastUpdated: typeof TableLastUpdated;
+            Layouts: typeof TableLayouts;
+            Loading: typeof TableLoading;
+            NoData: typeof TableNoData;
             Pagination: typeof TablePagination;
             PerPage: typeof TablePerPage;
             Predicate: typeof TablePredicate;
-            DateRangePicker: typeof TableDateRangePicker;
-            CollapsibleColumn: typeof TableCollapsibleColumn;
-            ColumnsSelector: typeof TableColumnsSelector;
-            AccordionColumn: typeof TableAccordionColumn;
-            Consumer: typeof TableConsumer;
-            Loading: typeof TableLoading;
-            Layouts: typeof TableLayouts;
         };
     }>;
 };

package/dist/esm/components/table/Table.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAA8B,MAAM,eAAe,CAAC;~~AAGhF~~,OAAO,EACH,SAAS,EAMZ,MAAM,uBAAuB,CAAC;~~AAG~~/B,OAAO,~~EAAmC~~,YAAY,EAAE,YAAY,~~EAAmC~~,MAAM,OAAO,CAAC;~~AAGrH~~,OAAO,EAAC,0BAA0B,EAAW,MAAM,aAAa,CAAC;~~AACjE~~,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAC,~~YAAY~~,EAAE,~~uBAAuB~~,EAAC,MAAM,~~8BAA8B~~,CAAC;~~AACnF~~,OAAO,EACH,oBAAoB,EACpB,sBAAsB,EACtB,iCAAiC,EACpC,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAC,oBAAoB,EAAE,+BAA+B,EAAC,MAAM,+CAA+C,CAAC;AACpH,OAAO,EAAC,~~aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,~~oBAAoB,EAAE,+BAA+B,EAAC,MAAM,gDAAgD,CAAC;AACrH,OAAO,EAAC,WAAW,EAAE,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAC,WAAW,EAAE,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACpG,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAC,cAAc,EAAE,yBAAyB,EAAC,MAAM,kCAAkC,CAAC;~~AAE3F~~,~~OAAO,EAAgB,WAAW,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAGjF,~~KAAK,gBAAgB,GACf,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,~~uBAAuB~~,~~GACvB~~,iCAAiC,GACjC,+BAA+B,GAC/B,sBAAsB,GACtB,sBAAsB,GACtB,kBAAkB,GAClB,2BAA2B,GAC3B,yBAAyB,GACzB,+BAA+B,CAAC;AAEtC,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,~~OAAO~~,EAAE,OAAO,~~YAAY~~,CAAC;~~QAC7B~~,~~MAAM~~,EAAE,OAAO,~~WAAW~~,CAAC;~~QAC3B~~,~~MAAM~~,EAAE,OAAO,~~WAAW~~,CAAC;~~QAC3B~~,~~MAAM~~,EAAE,OAAO,~~WAAW~~,CAAC;~~QAC3B~~,~~WAAW~~,EAAE,OAAO,~~gBAAgB~~,CAAC;~~QACrC~~,~~UAAU~~,EAAE,OAAO,~~eAAe~~,CAAC;~~QACnC~~,OAAO,EAAE,OAAO,~~YAAY~~,CAAC;~~QAC7B~~,~~SAAS~~,EAAE,OAAO,~~cAAc~~,CAAC;~~QACjC~~,~~eAAe~~,EAAE,OAAO,~~oBAAoB~~,CAAC;~~QAC7C~~,~~iBAAiB~~,EAAE,OAAO,~~sBAAsB~~,CAAC;~~QACjD~~,~~eAAe~~,EAAE,OAAO,~~oBAAoB~~,CAAC;~~QAC7C~~,~~eAAe~~,EAAE,OAAO,~~oBAAoB~~,CAAC;~~QAC7C~~,~~QAAQ~~,EAAE,OAAO,~~aAAa~~,CAAC;~~QAC/B~~,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,~~OAAO~~,EAAE,OAAO,~~YAAY~~,CAAC;~~KAChC~~,CAAC;CACL,CAAC,CAAC;~~AAUH~~,eAAO,MAAM,KAAK;;cAAsC,aAAa,cAAc,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA9BzE~~,WAAW,OAAO,CAAC;aACrB,cAAc;qBACN,gBAAgB;0BACX;YACd,~~OAAO~~,EAAE,~~mBAAmB~~,CAAC;~~YAC7B~~,~~MAAM~~,EAAE,~~kBAAkB~~,CAAC;~~YAC3B~~,~~MAAM~~,EAAE,~~kBAAkB~~,CAAC;~~YAC3B~~,~~MAAM~~,EAAE,~~kBAAkB~~,CAAC;~~YAC3B~~,~~WAAW~~,EAAE,~~uBAAuB~~,CAAC;~~YACrC~~,~~UAAU~~,EAAE,~~sBAAsB~~,CAAC;~~YACnC~~,~~OAAO~~,EAAE,~~mBAAmB~~,CAAC;~~YAC7B~~,~~SAAS~~,EAAE,~~qBAAqB~~,CAAC;~~YACjC~~,~~eAAe~~,EAAE,~~2BAA2B~~,CAAC;~~YAC7C~~,~~iBAAiB~~,EAAE,~~6BAA6B~~,CAAC;~~YACjD~~,~~eAAe~~,EAAE,~~2BAA2B~~,CAAC;~~YAC7C~~,~~eAAe~~,EAAE,~~2BAA2B~~,CAAC;~~YAC7C~~,~~QAAQ~~,EAAE,~~oBAAoB~~,CAAC;~~YAC/B~~,OAAO,EAAE,mBAAmB,CAAC;YAC7B,~~OAAO~~,EAAE,~~mBAAmB~~,CAAC;~~SAChC~~;;~~CA4NJ~~,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAC"}
1	+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}