@coveord/plasma-mantine 54.1.0 → 54.1.2

package/src/components/prompt/__tests__/Prompt.spec.tsx

@@ -4,7 +4,7 @@ import {Prompt} from '../Prompt';
 describe('Prompt', () => {
     it('displays the title, body and close button', () => {
         render(
-            <Prompt variant="default" opened onClose={vi.fn()} title="title modal">
+            <Prompt opened onClose={vi.fn()} title="title modal">
                 content modal
                 <Prompt.Footer>footer content</Prompt.Footer>
             </Prompt>,
@@ -18,7 +18,7 @@ describe('Prompt', () => {
     it('calls onClose when clicking on the close button', () => {
         const onClose = vi.fn();
         render(
-            <Prompt variant="default" opened onClose={onClose} title="title modal">
+            <Prompt opened onClose={onClose} title="title modal">
                 content modal
             </Prompt>,
         );
@@ -26,4 +26,22 @@ describe('Prompt', () => {
         screen.getByRole('button').click();
         expect(onClose).toHaveBeenCalledTimes(1);
     });
+
+    it('display an icon', () => {
+        render(
+            <Prompt opened onClose={vi.fn()} title="title modal">
+                content modal
+            </Prompt>,
+        );
+        expect(screen.getByRole('presentation')).toBeVisible();
+    });
+
+    it('does not display the icon when the icon prop is null', () => {
+        render(
+            <Prompt opened onClose={vi.fn()} title="title modal" icon={null}>
+                content modal
+            </Prompt>,
+        );
+        expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
+    });
 });

package/src/components/prompt/icons/critical.svg

@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 90">
+  <g filter="url(#critical-icon-a)">
+    <path fill="url(#critical-icon-b)" d="M54.217 15c1.155 0 2.257.489 3.032 1.346l12.694 14.031A4.089 4.089 0 0 1 71 33.121v18.856c0 .974-.348 1.916-.98 2.656L57.254 69.568A4.089 4.089 0 0 1 54.147 71H32.132a4.089 4.089 0 0 1-3.081-1.401L16.007 54.64A4.09 4.09 0 0 1 15 51.953V33.144c0-1.028.387-2.018 1.084-2.773l12.974-14.055A4.089 4.089 0 0 1 32.063 15h22.154Z"/>
+    <path stroke="url(#critical-icon-c)" stroke-linecap="round" d="M54.217 15.5a3.59 3.59 0 0 1 2.661 1.181l12.695 14.032c.597.66.927 1.518.927 2.408v18.856c0 .855-.305 1.681-.86 2.331L56.874 69.243a3.589 3.589 0 0 1-2.728 1.257H32.132a3.59 3.59 0 0 1-2.705-1.23L16.384 54.312a3.589 3.589 0 0 1-.884-2.358v-18.81c0-.902.34-1.771.952-2.434l12.974-14.055a3.589 3.589 0 0 1 2.637-1.155h22.154Z"/>
+  </g>
+  <path stroke="#FFD7D3" stroke-linecap="round" d="M44 51.91v-28"/>
+  <path stroke="#FFD7D3" stroke-linecap="round" stroke-linejoin="round" d="M44 60.088v2"/>
+  <defs>
+    <linearGradient id="critical-icon-b" x1="23" x2="97" y1="-9" y2="116.5" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB8E85"/>
+      <stop offset=".314" stop-color="#E03729"/>
+      <stop offset="1" stop-color="#A11409"/>
+    </linearGradient>
+    <linearGradient id="critical-icon-c" x1="29.5" x2="43" y1="17" y2="71" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#A11409"/>
+      <stop offset="1" stop-color="#CD2113"/>
+    </linearGradient>
+    <filter id="critical-icon-a" width="83.754" height="83.754" x="1.123" y="6.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4.956"/>
+      <feGaussianBlur stdDeviation="6.939"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.879167 0 0 0 0 0.215764 0 0 0 0 0.161181 0 0 0 0.37 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_3737"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_3737" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/src/components/prompt/icons/info.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
+  <g filter="url(#info-icon-a)">
+    <circle cx="44" cy="44" r="28" fill="url(#info-icon-b)"/>
+    <circle cx="44" cy="44" r="27.5" stroke="url(#info-icon-c)" stroke-linecap="round"/>
+  </g>
+  <path stroke="#F5F6FF" stroke-linecap="round" d="M44 57V35h-3m3 22h-4m4 0h4m-4-26v-1"/>
+  <defs>
+    <linearGradient id="info-icon-b" x1="34.308" x2="55.308" y1="12.231" y2="78.462" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#8787DB"/>
+      <stop offset="1" stop-color="#525296"/>
+    </linearGradient>
+    <linearGradient id="info-icon-c" x1="56.385" x2="44" y1="79" y2="7" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#AEB0F1"/>
+      <stop offset="1" stop-color="#525296"/>
+    </linearGradient>
+    <filter id="info-icon-a" width="70" height="70" x="9" y="13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="3.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.420278 0 0 0 0 0.420278 0 0 0 0 0.741667 0 0 0 0.38 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_2221"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_2221" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/src/components/prompt/icons/success.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
+  <g filter="url(#success-icon-a)">
+    <circle cx="44" cy="44" r="28" fill="url(#success-icon-b)"/>
+    <circle cx="44" cy="44" r="27.5" stroke="url(#success-icon-c)" stroke-linecap="round"/>
+  </g>
+  <path stroke="#F2FFF9" stroke-linecap="round" stroke-linejoin="round" d="m30.571 47 7.858 7.858L59 34.286" opacity=".61"/>
+  <defs>
+    <linearGradient id="success-icon-b" x1="35.923" x2="74.692" y1="11.154" y2="115.615" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#12A344"/>
+      <stop offset="1" stop-color="#004A20"/>
+    </linearGradient>
+    <linearGradient id="success-icon-c" x1="16" x2="58" y1="-48" y2="93.5" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#004A20"/>
+      <stop offset=".762" stop-color="#12A344"/>
+    </linearGradient>
+    <filter id="success-icon-a" width="78" height="78" x="5" y="9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="5.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.0717188 0 0 0 0 0.6375 0 0 0 0 0.266536 0 0 0 0.43 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10466"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10466" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/src/components/prompt/icons/warning.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
+  <g filter="url(#warning-icon-a)">
+    <path fill="url(#warning-icon-b)" d="M38.827 17.951c1.795-3.383 6.643-3.383 8.438 0L70.37 61.495c1.688 3.181-.618 7.015-4.22 7.015H19.942c-3.6 0-5.907-3.834-4.219-7.015L38.827 17.95Z"/>
+    <path stroke="url(#warning-icon-c)" stroke-linecap="round" d="M39.269 18.186c1.607-3.03 5.947-3.03 7.555 0l23.104 43.543c1.511 2.848-.553 6.28-3.777 6.28H19.94c-3.224 0-5.288-3.432-3.777-6.28l23.105-43.543Z"/>
+  </g>
+  <path stroke="#493B08" stroke-linecap="round" d="M43 50.986v-22M43 58.151v2"/>
+  <defs>
+    <linearGradient id="warning-icon-b" x1="74.046" x2="37.546" y1="68.839" y2="4.839" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E2B104"/>
+      <stop offset="1" stop-color="#FFE300"/>
+    </linearGradient>
+    <linearGradient id="warning-icon-c" x1="29" x2="51" y1="10" y2="72" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E2B104"/>
+      <stop offset="1" stop-color="#F5D029"/>
+    </linearGradient>
+    <filter id="warning-icon-a" width="73.775" height="71.096" x="6.158" y="10.414" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.8875 0 0 0 0 0.695504 0 0 0 0 0.0147917 0 0 0 0.47 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10171"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10171" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/src/components/table/Table.tsx

@@ -216,7 +216,7 @@ export const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElem
     const containerRef = useRef<HTMLDivElement>();
     useClickOutside(
         () => {
-            if (!store.multiRowSelectionEnabled) {
+            if (!store.multiRowSelectionEnabled && store.getSelectedRows().length > 0) {
                 store.clearRowSelection();
             }
         },

package/src/theme/Theme.tsx

@@ -20,6 +20,7 @@ import {
     ColorSwatch,
     Combobox,
     ComboboxSearch,
+    createTheme,
     Divider,
     Input,
     InputWrapper,
@@ -43,7 +44,6 @@ import {
     Text,
     TextInput,
     Tooltip,
-    createTheme,
 } from '@mantine/core';
 import {DatePicker} from '@mantine/dates';
 import ActionIconClasses from '../styles/ActionIcon.module.css';

package/src/types/svg/index.d.ts

@@ -0,0 +1,4 @@
+declare module '*.svg' {
+    const content: string;
+    export default content;
+}