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/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,4 +1,4 @@
-// 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>

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,4 +1,4 @@
-// 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>

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>

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

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the TabsHeading with no props 1`] = `
 <body>

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

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the TabsList with no props 1`] = `
 <body>

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

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the TabsListItemBase with href and open=false 1`] = `
 <body>

package/src/TabsPanelBase/__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 TabsPanelBase with active 1`] = `
 <body>
   <div>
     <div
       aria-hidden="false"
-      class="ds-tabs__panel--visible ds-tabs__panel"
+      class="ds-tabs__panel ds-tabs__panel--visible"
       role="tabpanel"
     >
       hello
@@ -33,7 +33,7 @@ exports[`renders the TabsPanelBase with active=true 1`] = `
   <div>
     <div
       aria-hidden="false"
-      class="ds-tabs__panel--visible ds-tabs__panel"
+      class="ds-tabs__panel ds-tabs__panel--visible"
       role="tabpanel"
     >
       hello