@coveord/plasma-mantine 52.12.1 → 52.13.0

package/src/components/code-editor/CodeEditor.tsx

@@ -47,6 +47,10 @@ interface CodeEditorProps
     value?: string;
     /** onChange value for controlled input */
     onChange?(value: string): void;
+    /** Called whenever the search icon is clicked  */
+    onSearch?(): void;
+    /** Called whenever the copy icon is clicked */
+    onCopy?(): void;
     /** Called whenever the code editor gets the focus */
     onFocus?(): void;
     /**
@@ -87,6 +91,8 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
         language,
         defaultValue,
         onChange,
+        onCopy,
+        onSearch,
         onFocus,
         value,
         label,
@@ -129,6 +135,7 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
         if (editorRef.current) {
             editorRef.current.focus();
             editorRef.current.trigger('editor', 'actions.find', '');
+            onSearch?.();
         }
     };
 
@@ -169,7 +176,7 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
     const _buttons = (
         <Group position="right" spacing={0}>
             <Search handleSearch={handleSearch} />
-            <CopyToClipboard value={_value} />
+            <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />
         </Group>
     );
 

package/src/components/code-editor/__tests__/CodeEditor.spec.tsx

@@ -70,4 +70,21 @@ describe('CodeEditor', () => {
         expect(screen.getByTestId('monaco-editor')).toHaveAttribute('focus');
         expect(screen.getByTestId('monaco-editor')).toHaveAttribute('trigger');
     });
+
+    it('calls the onCopy callback when clicking on the copy button', async () => {
+        const user = userEvent.setup();
+        const onCopySpy = vi.fn();
+        render(<CodeEditor onCopy={onCopySpy} />);
+        await user.click(screen.getByRole('button', {name: /copy/i}));
+
+        expect(onCopySpy).toHaveBeenCalledTimes(1);
+    });
+    it('calls the onSearch callback when clicking on the search button', async () => {
+        const user = userEvent.setup();
+        const onSearchSpy = vi.fn();
+        render(<CodeEditor onSearch={onSearchSpy} />);
+        await user.click(screen.getByRole('button', {name: /search/i}));
+
+        expect(onSearchSpy).toHaveBeenCalledTimes(1);
+    });
 });

package/src/theme/Theme.tsx

@@ -7,6 +7,7 @@ import {
     type NotificationProps,
     type StepperStylesParams,
     type TabsStylesParams,
+    getStylesRef,
 } from '@mantine/core';
 
 import {PlasmaColors} from './PlasmaColors';
@@ -371,5 +372,22 @@ export const plasmaTheme: MantineThemeOverride = {
                 },
             }),
         },
+        NavLink: {
+            styles: (theme) => ({
+                root: {
+                    color: theme.colors.gray[6],
+                    borderRadius: `${theme.defaultRadius}px 0px 0px ${theme.defaultRadius}px`,
+                },
+                label: {
+                    ref: getStylesRef('label'),
+                    fontWeight: 500,
+                },
+                children: {
+                    [`.${getStylesRef('label')}`]: {
+                        fontWeight: 300,
+                    },
+                },
+            }),
+        },
     },
 };