npm - @digigov/react-core - Versions diffs - 2.0.0-113e6661 → 2.0.0-298cfc51 - Mend

@digigov/react-core 2.0.0-113e6661 → 2.0.0-298cfc51

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

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>
@@ -30,7 +34,9 @@ exports[`renders the Table with no props 1`] = `
     <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>

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();
 });