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/TabsHeading/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,13 +1,13 @@
-// 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>
   <div>
     <div
-      class="ds-hidden-md-up"
+      class="ds-hidden-md-up undefined"
     >
       <h4
-        class="ds-heading-sm"
+        class=" ds-heading-sm"
       >
         hello
       </h4>
@@ -20,10 +20,10 @@ exports[`renders the TabsHeading with size=m 1`] = `
 <body>
   <div>
     <div
-      class="ds-hidden-md-up"
+      class="ds-hidden-md-up undefined"
     >
       <h3
-        class="ds-heading-md"
+        class=" ds-heading-md"
       >
         hello
       </h3>
@@ -36,10 +36,10 @@ exports[`renders the TabsHeading with size=s 1`] = `
 <body>
   <div>
     <div
-      class="ds-hidden-md-up"
+      class="ds-hidden-md-up undefined"
     >
       <h4
-        class="ds-heading-sm"
+        class=" ds-heading-sm"
       >
         hello
       </h4>

package/src/TabsList/__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 TabsList with no props 1`] = `
 <body>
   <div>
     <ul
-      class="ds-tabs__list"
+      class=" ds-tabs__list"
       role="tablist"
     >
       hello

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>
@@ -9,7 +9,7 @@ exports[`renders the TabsListItemBase with href and open=false 1`] = `
     >
       <a
         aria-selected="false"
-        class="ds-tabs__tab"
+        class=" ds-tabs__tab"
         href="/"
         role="tab"
       >
@@ -28,7 +28,7 @@ exports[`renders the TabsListItemBase with no props 1`] = `
       role="presentation"
     >
       <a
-        class="ds-tabs__tab"
+        class=" ds-tabs__tab"
         role="tab"
       >
         hello
@@ -47,7 +47,7 @@ exports[`renders the TabsListItemBase with open=false 1`] = `
     >
       <a
         aria-selected="false"
-        class="ds-tabs__tab"
+        class=" ds-tabs__tab"
         role="tab"
       >
         hello
@@ -66,7 +66,7 @@ exports[`renders the TabsListItemBase with open=true 1`] = `
     >
       <a
         aria-selected="true"
-        class="ds-tabs__tab"
+        class=" ds-tabs__tab"
         role="tab"
       >
         hello
@@ -85,7 +85,7 @@ exports[`renders the TabsListItemBase with open=true 2`] = `
     >
       <a
         aria-selected="true"
-        class="ds-tabs__tab"
+        class=" ds-tabs__tab"
         href="/"
         role="tab"
       >

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
@@ -19,7 +19,7 @@ exports[`renders the TabsPanelBase with active=false 1`] = `
   <div>
     <div
       aria-hidden="true"
-      class="ds-tabs__panel"
+      class=" ds-tabs__panel"
       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
@@ -47,7 +47,7 @@ exports[`renders the TabsPanelBase with no props 1`] = `
   <div>
     <div
       aria-hidden="true"
-      class="ds-tabs__panel"
+      class=" ds-tabs__panel"
       role="tabpanel"
     >
       hello

package/src/TaskList/__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 TaskList with dense prop 1`] = `
 <body>
   <div>
     <ol
-      class="ds-task-list--dense ds-task-list"
+      class=" ds-task-list ds-task-list--dense"
     >
       hello
     </ol>
@@ -16,7 +16,7 @@ exports[`renders the TaskList with no prop 1`] = `
 <body>
   <div>
     <ol
-      class="ds-task-list"
+      class=" ds-task-list"
     >
       hello
     </ol>

package/src/TaskListItem/__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 TaskListItem with no prop 1`] = `
 <body>
   <div>
     <li
-      class="ds-task-list__item"
+      class=" ds-task-list__item"
     >
       hello
     </li>

package/src/TaskListItemContent/__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 Timeline with no prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-task-list__content "
+      class=" ds-task-list__content "
     >
       hello
     </div>

package/src/TaskListItemHeading/__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 TaskListItemHeading with no prop 1`] = `
 <body>
   <div>
     <h2
-      class="ds-heading-lg ds-mb-4"
+      class="ds-mb-4 ds-heading-lg"
     >
       hello
     </h2>
@@ -16,7 +16,7 @@ exports[`renders the TaskListItemHeading with size = "md" prop 1`] = `
 <body>
   <div>
     <h3
-      class="ds-heading-md ds-mb-4"
+      class="ds-mb-4 ds-heading-md"
     >
       hello
     </h3>
@@ -28,7 +28,7 @@ exports[`renders the TaskListItemHeading with size = "sm" prop 1`] = `
 <body>
   <div>
     <h4
-      class="ds-heading-sm ds-mb-4"
+      class="ds-mb-4 ds-heading-sm"
     >
       hello
     </h4>

package/src/TaskListItemTag/__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 TaskListItemTag with color="primary" props 1`] = `
 <body>
   <div>
     <strong
-      class="ds-task-list__content__tag--primary ds-task-list__content__tag"
+      class=" ds-task-list__content__tag ds-task-list__content__tag--primary"
     >
       hello
     </strong>
@@ -16,7 +16,7 @@ exports[`renders the TaskListItemTag with color="secondary" props 1`] = `
 <body>
   <div>
     <strong
-      class="ds-task-list__content__tag--secondary ds-task-list__content__tag"
+      class=" ds-task-list__content__tag ds-task-list__content__tag--secondary"
     >
       hello
     </strong>
@@ -28,7 +28,7 @@ exports[`renders the TaskListItemTag with no props 1`] = `
 <body>
   <div>
     <strong
-      class="ds-task-list__content__tag"
+      class=" ds-task-list__content__tag"
     >
       hello
     </strong>
@@ -40,7 +40,7 @@ exports[`renders the TaskListItemTag with status="info" props 1`] = `
 <body>
   <div>
     <strong
-      class="ds-task-list__content__tag--info ds-task-list__content__tag"
+      class=" ds-task-list__content__tag ds-task-list__content__tag--info"
     >
       hello
     </strong>

package/src/TextArea/__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 TextArea with dense prop 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea--dense ds-textarea"
+      class=" ds-textarea ds-textarea--dense"
       rows="3"
     >
       hello
@@ -17,7 +17,7 @@ exports[`renders the TextArea with no props 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea"
+      class=" ds-textarea"
       rows="6"
     >
       hello
@@ -30,7 +30,7 @@ exports[`renders the TextArea with rows=4 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea"
+      class=" ds-textarea"
       rows="4"
     >
       hello
@@ -43,7 +43,7 @@ exports[`renders the TextArea with rows=5 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea"
+      class=" ds-textarea"
       rows="5"
     >
       hello
@@ -56,7 +56,7 @@ exports[`renders the TextArea with rows=6 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea"
+      class=" ds-textarea"
       rows="6"
     >
       hello
@@ -69,7 +69,7 @@ exports[`renders the TextArea with rows=7 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea"
+      class=" ds-textarea"
       rows="7"
     >
       hello
@@ -82,7 +82,7 @@ exports[`renders the TextArea with rows=8 1`] = `
 <body>
   <div>
     <textarea
-      class="ds-textarea"
+      class=" ds-textarea"
       rows="8"
     >
       hello
@@ -90,3 +90,16 @@ exports[`renders the TextArea with rows=8 1`] = `
   </div>
 </body>
 `;
+exports[`renders the TextArea with value props 1`] = `
+<body>
+  <div>
+    <textarea
+      class=" ds-textarea"
+      rows="6"
+    >
+      hello
+    </textarea>
+  </div>
+</body>
+`;

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

@@ -4,28 +4,32 @@ import { render } from '@testing-library/react';
 import TextArea from '@digigov/react-core/TextArea';
 it('renders the TextArea with no props', () => {
-  expect(render(<TextArea>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea defaultValue="hello" />).baseElement).toMatchSnapshot();
+});
+it('renders the TextArea with value props', () => {
+  expect(render(<TextArea value="hello" onChange={() => {}} />).baseElement).toMatchSnapshot();
 });
 it('renders the TextArea with rows=4', () => {
-  expect(render(<TextArea rows={4}>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea rows={4} defaultValue="hello" />).baseElement).toMatchSnapshot();
 });
 it('renders the TextArea with rows=5', () => {
-  expect(render(<TextArea rows={5}>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea rows={5} defaultValue="hello" />).baseElement).toMatchSnapshot();
 });
 it('renders the TextArea with rows=6', () => {
-  expect(render(<TextArea rows={6}>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea rows={6} defaultValue="hello" />).baseElement).toMatchSnapshot();
 });
 it('renders the TextArea with rows=7', () => {
-  expect(render(<TextArea rows={7}>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea rows={7} defaultValue="hello" />).baseElement).toMatchSnapshot();
 });
 it('renders the TextArea with rows=8', () => {
-  expect(render(<TextArea rows={8}>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea rows={8} defaultValue="hello" />).baseElement).toMatchSnapshot();
 });
 it('renders the TextArea with dense prop', () => {
-  expect(render(<TextArea dense>hello</TextArea>).baseElement).toMatchSnapshot();
+  expect(render(<TextArea dense defaultValue="hello" />).baseElement).toMatchSnapshot();
 });

package/src/TextArea/index.web.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ export interface TextAreaProps extends BaseProps<'textarea'> {
  */
 export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
   function TextArea(
-    { name, rows, error, dense, className, children, ...props },
+    { name, rows, error, dense, className, ...props },
     ref
   ) {
     const defaultRows = dense ? 3 : 6;
@@ -40,9 +40,7 @@ export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
           'ds-input--error': error,
         })}
         {...props}
-      >
-        {children}
-      </Base>
+      />
     );
   }
 );