npm - @digigov/react-core - Versions diffs - 2.0.0-6e3977bc → 2.0.0-834daea4 - Mend

@digigov/react-core 2.0.0-6e3977bc → 2.0.0-834daea4

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 (292) hide show

package/src/SvgIcon/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SvgIcon with no props 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon"
+      class=" ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     />
@@ -18,7 +18,7 @@ exports[`renders the SvgIcon with prop color=base-content 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--base-content ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--base-content"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -33,7 +33,7 @@ exports[`renders the SvgIcon with prop color=dark 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--dark ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--dark"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -48,7 +48,7 @@ exports[`renders the SvgIcon with prop color=error 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--error ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--error"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -63,7 +63,7 @@ exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -78,7 +78,7 @@ exports[`renders the SvgIcon with prop color=focus 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--focus ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--focus"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -93,7 +93,7 @@ exports[`renders the SvgIcon with prop color=gray 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--gray ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--gray"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -108,7 +108,7 @@ exports[`renders the SvgIcon with prop color=primary 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--primary ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--primary"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -123,7 +123,7 @@ exports[`renders the SvgIcon with prop color=success 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--success ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--success"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -138,7 +138,7 @@ exports[`renders the SvgIcon with prop color=warning 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--warning"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -153,7 +153,7 @@ exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -168,7 +168,7 @@ exports[`renders the SvgIcon with prop color=white 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--white ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--white"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -183,7 +183,7 @@ exports[`renders the SvgIcon with prop size=lg 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--lg ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--lg"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -198,7 +198,7 @@ exports[`renders the SvgIcon with prop size=md 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--md ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--md"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -213,7 +213,7 @@ exports[`renders the SvgIcon with prop size=sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--sm ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -228,7 +228,7 @@ exports[`renders the SvgIcon with prop size=xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--xl ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -243,7 +243,7 @@ exports[`renders the SvgIcon with prop size=xs 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--xs ds-svg-icon"
+      class=" ds-svg-icon ds-svg-icon--xs"
       focusable="false"
       viewBox="0 0 24 24"
     >

package/src/Table/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,12 +1,14 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Table with dark headerVariant prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table--dark ds-table"
+      class=" ds-table ds-table--dark"
     >
-      hello
+      <tbody
+        class=" ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -16,9 +18,11 @@ exports[`renders the Table with light headerVariant prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table--light ds-table"
+      class=" ds-table ds-table--light"
     >
-      hello
+      <tbody
+        class=" ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -28,9 +32,11 @@ exports[`renders the Table with no props 1`] = `
 <body>
   <div>
     <table
-      class="ds-table"
+      class=" ds-table"
     >
-      hello
+      <tbody
+        class=" ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -40,9 +46,11 @@ exports[`renders the Table with zebra prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table--zebra ds-table"
+      class=" ds-table ds-table--zebra"
     >
-      hello
+      <tbody
+        class=" ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -52,9 +60,11 @@ exports[`renders the Table with zebra prop 2`] = `
 <body>
   <div>
     <table
-      class="ds-table--vertical-lines ds-table"
+      class=" ds-table ds-table--vertical-lines"
     >
-      hello
+      <tbody
+        class=" ds-table__body"
+      />
     </table>
   </div>
 </body>

package/src/Table/index.test.tsx CHANGED Viewed

@@ -2,23 +2,24 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import Table from '@digigov/react-core/Table';
+import TableBody from '@digigov/react-core/TableBody';
 it('renders the Table with no props', () => {
-  expect(render(<Table>hello</Table>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with dark headerVariant prop', () => {
-  expect(render(<Table headerVariant="dark">hello</Table>).baseElement).toMatchSnapshot();
+  expect(render(<Table headerVariant="dark"><TableBody></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with light headerVariant prop', () => {
-  expect(render(<Table headerVariant="light">hello</Table>).baseElement).toMatchSnapshot();
+  expect(render(<Table headerVariant="light"><TableBody></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with zebra prop', () => {
-  expect(render(<Table variant="zebra">hello</Table>).baseElement).toMatchSnapshot();
+  expect(render(<Table variant="zebra"><TableBody></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with zebra prop', () => {
-  expect(render(<Table verticalBorders>hello</Table>).baseElement).toMatchSnapshot();
+  expect(render(<Table verticalBorders><TableBody></TableBody></Table>).baseElement).toMatchSnapshot();
 });

package/src/TableBody/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,13 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the TableBody with no props 1`] = `
 <body>
   <div>
-    <tbody
-      class="ds-table__body"
+    <table
+      class=" ds-table"
     >
-      hello
-    </tbody>
+      <tbody
+        class=" ds-table__body"
+      />
+    </table>
   </div>
 </body>
 `;

package/src/TableBody/index.test.tsx CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import Table from '@digigov/react-core/Table';
 import TableBody from '@digigov/react-core/TableBody';
 it('renders the TableBody with no props', () => {
-  expect(render(<TableBody>hello</TableBody>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody></TableBody></Table>).baseElement).toMatchSnapshot();
 });

package/src/TableCaption/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,13 +1,17 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the TableCaption with no props 1`] = `
 <body>
   <div>
-    <caption
-      class="ds-table__caption--md ds-table__caption"
+    <table
+      class=" ds-table"
     >
-      hello
-    </caption>
+      <caption
+        class=" ds-table__caption ds-table__caption--md"
+      >
+        hello
+      </caption>
+    </table>
   </div>
 </body>
 `;
@@ -15,11 +19,15 @@ exports[`renders the TableCaption with no props 1`] = `
 exports[`renders the TableCaption with size m prop 1`] = `
 <body>
   <div>
-    <caption
-      class="ds-table__caption--md ds-table__caption"
+    <table
+      class=" ds-table"
     >
-      hello
-    </caption>
+      <caption
+        class=" ds-table__caption ds-table__caption--md"
+      >
+        hello
+      </caption>
+    </table>
   </div>
 </body>
 `;
@@ -27,11 +35,15 @@ exports[`renders the TableCaption with size m prop 1`] = `
 exports[`renders the TableCaption with size s prop 1`] = `
 <body>
   <div>
-    <caption
-      class="ds-table__caption--sm ds-table__caption"
+    <table
+      class=" ds-table"
     >
-      hello
-    </caption>
+      <caption
+        class=" ds-table__caption ds-table__caption--sm"
+      >
+        hello
+      </caption>
+    </table>
   </div>
 </body>
 `;
@@ -39,11 +51,15 @@ exports[`renders the TableCaption with size s prop 1`] = `
 exports[`renders the TableCaption with size x prop 1`] = `
 <body>
   <div>
-    <caption
-      class="ds-table__caption--lg ds-table__caption"
+    <table
+      class=" ds-table"
     >
-      hello
-    </caption>
+      <caption
+        class=" ds-table__caption ds-table__caption--lg"
+      >
+        hello
+      </caption>
+    </table>
   </div>
 </body>
 `;
@@ -51,11 +67,15 @@ exports[`renders the TableCaption with size x prop 1`] = `
 exports[`renders the TableCaption with size xl prop 1`] = `
 <body>
   <div>
-    <caption
-      class="ds-table__caption--xl ds-table__caption"
+    <table
+      class=" ds-table"
     >
-      hello
-    </caption>
+      <caption
+        class=" ds-table__caption ds-table__caption--xl"
+      >
+        hello
+      </caption>
+    </table>
   </div>
 </body>
 `;

package/src/TableCaption/index.test.tsx CHANGED Viewed

@@ -1,32 +1,33 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import Table from '@digigov/react-core/Table';
 import TableCaption from '@digigov/react-core/TableCaption';
 it('renders the TableCaption with no props', () => {
-  expect(render(<TableCaption>hello</TableCaption>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableCaption>hello</TableCaption></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the TableCaption with size s prop', () => {
   expect(
-    render(<TableCaption size={'sm'}>hello</TableCaption>).baseElement
+    render(<Table><TableCaption size={'sm'}>hello</TableCaption></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableCaption with size m prop', () => {
   expect(
-    render(<TableCaption size={'md'}>hello</TableCaption>).baseElement
+    render(<Table><TableCaption size={'md'}>hello</TableCaption></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableCaption with size x prop', () => {
   expect(
-    render(<TableCaption size={'lg'}>hello</TableCaption>).baseElement
+    render(<Table><TableCaption size={'lg'}>hello</TableCaption></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableCaption with size xl prop', () => {
   expect(
-    render(<TableCaption size={'xl'}>hello</TableCaption>).baseElement
+    render(<Table><TableCaption size={'xl'}>hello</TableCaption></Table>).baseElement
   ).toMatchSnapshot();
 });

package/src/TableContainer/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the TableContainer with  border prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-table-container--border ds-table-container"
+      class=" ds-table-container ds-table-container--border"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the TableContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-table-container"
+      class=" ds-table-container"
     >
       hello
     </div>

package/src/TableDataCell/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,13 +1,25 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Table with dataType numeric prop 1`] = `
 <body>
   <div>
-    <td
-      class="ds-table__cell--numeric ds-table__cell"
+    <table
+      class=" ds-table"
     >
-      hello
-    </td>
+      <tbody
+        class=" ds-table__body"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <td
+            class=" ds-table__cell ds-table__cell--numeric"
+          >
+            hello
+          </td>
+        </tr>
+      </tbody>
+    </table>
   </div>
 </body>
 `;
@@ -15,11 +27,23 @@ exports[`renders the Table with dataType numeric prop 1`] = `
 exports[`renders the Table with no props 1`] = `
 <body>
   <div>
-    <td
-      class="ds-table__cell"
+    <table
+      class=" ds-table"
     >
-      hello
-    </td>
+      <tbody
+        class=" ds-table__body"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <td
+            class=" ds-table__cell"
+          >
+            hello
+          </td>
+        </tr>
+      </tbody>
+    </table>
   </div>
 </body>
 `;

package/src/TableDataCell/index.test.tsx CHANGED Viewed

@@ -1,14 +1,17 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import Table from '@digigov/react-core/Table';
+import TableBody from '@digigov/react-core/TableBody';
+import TableRow from '@digigov/react-core/TableRow';
 import TableDataCell from '@digigov/react-core/TableDataCell';
 it('renders the Table with no props', () => {
-  expect(render(<TableDataCell>hello</TableDataCell>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody><TableRow><TableDataCell>hello</TableDataCell></TableRow></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with dataType numeric prop', () => {
   expect(
-    render(<TableDataCell dataType="numeric">hello</TableDataCell>).baseElement
+    render(<Table><TableBody><TableRow><TableDataCell dataType="numeric">hello</TableDataCell></TableRow></TableBody></Table>).baseElement
   ).toMatchSnapshot();
 });

package/src/TableHead/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,13 +1,25 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Table with no props 1`] = `
 <body>
   <div>
-    <thead
-      class="ds-table__head"
+    <table
+      class=" ds-table"
     >
-      hello
-    </thead>
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header"
+          >
+            hello
+          </th>
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;

package/src/TableHead/index.test.tsx CHANGED Viewed

@@ -1,8 +1,11 @@
 import React from 'react';
 import { render } from '@testing-library/react';
+import Table from '@digigov/react-core/Table';
 import TableHead from '@digigov/react-core/TableHead';
+import TableRow from '@digigov/react-core/TableRow';
+import TableHeadCell from '@digigov/react-core/TableHeadCell';
 it('renders the Table with no props', () => {
-  expect(render(<TableHead>hello</TableHead>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableHead><TableRow><TableHeadCell>hello</TableHeadCell></TableRow></TableHead></Table>).baseElement).toMatchSnapshot();
 });