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/TableHeadCell/__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>
-    <th
-      class="ds-table__header--numeric ds-table__header"
+    <table
+      class=" ds-table"
     >
-      hello
-    </th>
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric"
+          >
+            hello
+          </th>
+        </tr>
+      </thead>
+    </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>
-    <th
-      class="ds-table__header"
+    <table
+      class=" ds-table"
     >
-      hello
-    </th>
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header"
+          >
+            hello
+          </th>
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -27,9 +51,21 @@ exports[`renders the Table with no props 1`] = `
 exports[`renders the TableHeadCell dataType="numeric" and with width=full 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-full ds-table__header--numeric ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric ds-!-width-full"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -37,9 +73,21 @@ exports[`renders the TableHeadCell dataType="numeric" and with width=full 1`] =
 exports[`renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   width=one-half 1`] = `
 <body>
   <div>
-    <th
-      class="ds-table__header--numeric ds-!-width-one-half ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric ds-!-width-one-half"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -47,9 +95,21 @@ exports[`renders the TableHeadCell with dataType="numeric" and dataType="numeric
 exports[`renders the TableHeadCell with dataType="numeric" and width=one-third 1`] = `
 <body>
   <div>
-    <th
-      class="ds-table__header--numeric ds-!-width-one-third ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric ds-!-width-one-third"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -57,9 +117,21 @@ exports[`renders the TableHeadCell with dataType="numeric" and width=one-third 1
 exports[`renders the TableHeadCell with dataType="numeric" and width=three-quarters 1`] = `
 <body>
   <div>
-    <th
-      class="ds-table__header--numeric ds-!-width-three-quarters ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric ds-!-width-three-quarters"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -67,9 +139,21 @@ exports[`renders the TableHeadCell with dataType="numeric" and width=three-quart
 exports[`renders the TableHeadCell with dataType="numeric" and width=two-thirds 1`] = `
 <body>
   <div>
-    <th
-      class="ds-table__header--numeric ds-!-width-two-thirds ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric ds-!-width-two-thirds"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -77,9 +161,21 @@ exports[`renders the TableHeadCell with dataType="numeric" and width=two-thirds
 exports[`renders the TableHeadCell with dataType="numeric" width=one-quarter 1`] = `
 <body>
   <div>
-    <th
-      class="ds-table__header--numeric ds-!-width-one-quarter ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-table__header--numeric ds-!-width-one-quarter"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -87,9 +183,21 @@ exports[`renders the TableHeadCell with dataType="numeric" width=one-quarter 1`]
 exports[`renders the TableHeadCell with width=full 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-full ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-!-width-full"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -97,9 +205,21 @@ exports[`renders the TableHeadCell with width=full 1`] = `
 exports[`renders the TableHeadCell with width=one-half 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-one-half ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-!-width-one-half"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -107,9 +227,21 @@ exports[`renders the TableHeadCell with width=one-half 1`] = `
 exports[`renders the TableHeadCell with width=one-quarter 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-one-quarter ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-!-width-one-quarter"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -117,9 +249,21 @@ exports[`renders the TableHeadCell with width=one-quarter 1`] = `
 exports[`renders the TableHeadCell with width=one-third 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-one-third ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-!-width-one-third"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -127,9 +271,21 @@ exports[`renders the TableHeadCell with width=one-third 1`] = `
 exports[`renders the TableHeadCell with width=three-quarters 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-three-quarters ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-!-width-three-quarters"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;
@@ -137,9 +293,21 @@ exports[`renders the TableHeadCell with width=three-quarters 1`] = `
 exports[`renders the TableHeadCell with width=two-thirds 1`] = `
 <body>
   <div>
-    <th
-      class="ds-!-width-two-thirds ds-table__header"
-    />
+    <table
+      class=" ds-table"
+    >
+      <thead
+        class=" ds-table__head"
+      >
+        <tr
+          class=" ds-table__row"
+        >
+          <th
+            class=" ds-table__header ds-!-width-two-thirds"
+          />
+        </tr>
+      </thead>
+    </table>
   </div>
 </body>
 `;

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

@@ -1,86 +1,89 @@
 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(<TableHeadCell>hello</TableHeadCell>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableHead><TableRow><TableHeadCell>hello</TableHeadCell></TableRow></TableHead></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with dataType="numeric" prop', () => {
   expect(
-    render(<TableHeadCell dataType="numeric">hello</TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric">hello</TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with width=one-quarter', () => {
   expect(
-    render(<TableHeadCell width={'25%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell width={'25%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with width=one-third', () => {
   expect(
-    render(<TableHeadCell width={'33.3%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell width={'33.3%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with width=one-half', () => {
   expect(
-    render(<TableHeadCell width={'50%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell width={'50%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with width=two-thirds', () => {
   expect(
-    render(<TableHeadCell width={'66.6%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell width={'66.6%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with width=three-quarters', () => {
   expect(
-    render(<TableHeadCell width={'75%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell width={'75%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with width=full', () => {
   expect(
-    render(<TableHeadCell width={'full'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell width={'full'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with dataType="numeric" width=one-quarter', () => {
   expect(
-    render(<TableHeadCell dataType="numeric" width={'25%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric" width={'25%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with dataType="numeric" and width=one-third', () => {
   expect(
-    render(<TableHeadCell dataType="numeric" width={'33.3%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric" width={'33.3%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with dataType="numeric" and dataType="numeric" and   width=one-half', () => {
   expect(
-    render(<TableHeadCell dataType="numeric" width={'50%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric" width={'50%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with dataType="numeric" and width=two-thirds', () => {
   expect(
-    render(<TableHeadCell dataType="numeric" width={'66.6%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric" width={'66.6%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell with dataType="numeric" and width=three-quarters', () => {
   expect(
-    render(<TableHeadCell dataType="numeric" width={'75%'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric" width={'75%'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the TableHeadCell dataType="numeric" and with width=full', () => {
   expect(
-    render(<TableHeadCell dataType="numeric" width={'full'}></TableHeadCell>).baseElement
+    render(<Table><TableHead><TableRow><TableHeadCell dataType="numeric" width={'full'}></TableHeadCell></TableRow></TableHead></Table>).baseElement
   ).toMatchSnapshot();
 });

package/src/TableLoaderBackground/__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 TableLoaderBackground with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-table__loading"
+      class=" ds-table__loading"
     >
       hello
     </div>

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

@@ -1,18 +1,24 @@
-// 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>
-    <tr
-      class="ds-table__row"
+    <table
+      class=" ds-table"
     >
-      <td
-        class="ds-table__cell ds-table__cell--no-data"
-        colspan="100"
+      <tbody
+        class=" ds-table__body"
       >
-        hello
-      </td>
-    </tr>
+        <tr
+          class="ds-table__row"
+        >
+          <td
+            class=" ds-table__cell ds-table__cell--no-data"
+            colspan="100"
+          />
+        </tr>
+      </tbody>
+    </table>
   </div>
 </body>
 `;

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

@@ -1,8 +1,10 @@
 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 TableNoDataRow from '@digigov/react-core/TableNoDataRow';
 it('renders the Table with no props', () => {
-  expect(render(<TableNoDataRow>hello</TableNoDataRow>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody><TableNoDataRow></TableNoDataRow></TableBody></Table>).baseElement).toMatchSnapshot();
 });

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

@@ -1,13 +1,19 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Table with color="secondary" prop 1`] = `
 <body>
   <div>
-    <tr
-      class="ds-table__row--secondary ds-table__row"
+    <table
+      class=" ds-table"
     >
-      hello
-    </tr>
+      <tbody
+        class=" ds-table__body"
+      >
+        <tr
+          class=" ds-table__row ds-table__row--secondary"
+        />
+      </tbody>
+    </table>
   </div>
 </body>
 `;
@@ -15,11 +21,17 @@ exports[`renders the Table with color="secondary" prop 1`] = `
 exports[`renders the Table with highlight prop 1`] = `
 <body>
   <div>
-    <tr
-      class="ds-table__row--highlight ds-table__row"
+    <table
+      class=" ds-table"
     >
-      hello
-    </tr>
+      <tbody
+        class=" ds-table__body"
+      >
+        <tr
+          class=" ds-table__row ds-table__row--highlight"
+        />
+      </tbody>
+    </table>
   </div>
 </body>
 `;
@@ -27,11 +39,17 @@ exports[`renders the Table with highlight prop 1`] = `
 exports[`renders the Table with no props 1`] = `
 <body>
   <div>
-    <tr
-      class="ds-table__row"
+    <table
+      class=" ds-table"
     >
-      hello
-    </tr>
+      <tbody
+        class=" ds-table__body"
+      >
+        <tr
+          class=" ds-table__row"
+        />
+      </tbody>
+    </table>
   </div>
 </body>
 `;

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

@@ -1,15 +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';
 it('renders the Table with no props', () => {
-  expect(render(<TableRow>hello</TableRow>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody><TableRow></TableRow></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with highlight prop', () => {
-  expect(render(<TableRow highlight>hello</TableRow>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody><TableRow highlight></TableRow></TableBody></Table>).baseElement).toMatchSnapshot();
 });
 it('renders the Table with color="secondary" prop', () => {
-  expect(render(<TableRow color="secondary">hello</TableRow>).baseElement).toMatchSnapshot();
+  expect(render(<Table><TableBody><TableRow color="secondary"></TableRow></TableBody></Table>).baseElement).toMatchSnapshot();
 });

package/src/TableSortIconContainer/__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 TableSortIconContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-table-sort__icons-container"
+      class=" ds-table-sort__icons-container"
     >
       hello
     </div>

package/src/Tabs/__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 Tabs with dense=true 1`] = `
 <body>
   <div>
     <div
-      class="ds-tabs--dense ds-tabs"
+      class=" ds-tabs ds-tabs--dense"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the Tabs with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-tabs"
+      class=" ds-tabs"
     >
       hello
     </div>