@digigov/react-core 2.0.0-298cfc51 → 2.0.0-2a26e869

package/src/TextInput/index.test.tsx

@@ -11,51 +11,75 @@ it('renders the TextInput with dense prop', () => {
 });
 
 it('renders the TextInput with maxWidth="2-char"', () => {
-  expect(render(<TextInput maxWidth="2-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="2-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char"', () => {
-  expect(render(<TextInput maxWidth="3-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="3-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char"', () => {
-  expect(render(<TextInput maxWidth="4-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="4-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="5-char"', () => {
-  expect(render(<TextInput maxWidth="5-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="5-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="10-char"', () => {
-  expect(render(<TextInput maxWidth="10-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="10-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char"', () => {
-  expect(render(<TextInput maxWidth="20-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="20-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-quarter', () => {
-  expect(render(<TextInput width={'25%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'25%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-third', () => {
-  expect(render(<TextInput width={'33.3%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'33.3%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-half', () => {
-  expect(render(<TextInput width={'50%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'50%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=two-thirds', () => {
-  expect(render(<TextInput width={'66.6%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'66.6%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=three-quarters', () => {
-  expect(render(<TextInput width={'75%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'75%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=full', () => {
-  expect(render(<TextInput width={'full'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'full'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-quarter', () => {
@@ -90,31 +114,36 @@ it('renders the TextInput with maxWidth="20-char" and with width=one-quarter', (
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="2-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="2-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="3-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="3-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="4-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="4-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="5-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="5-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="20-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="20-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
@@ -150,31 +179,36 @@ it('renders the TextInput with maxWidth="20-char" and with width=one-half', () =
 
 it('renders the TextInput with maxWidth="2-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="2-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="2-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="3-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="3-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="4-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="4-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="5-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="5-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="20-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="20-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
@@ -234,6 +268,7 @@ it('renders the TextInput  with with maxWidth="5-char" with width=full', () => {
 
 it('renders the TextInput with maxWidth="20-char" and with width=full', () => {
   expect(
-    render(<TextInput maxWidth="20-char" width={'full'}></TextInput>).baseElement
+    render(<TextInput maxWidth="20-char" width={'full'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/TextInput/index.tsx

@@ -1,2 +1,2 @@
 export * from '@digigov/react-core/TextInput/index.web';
-export { default as default } from '@digigov/react-core/TextInput/index.web';
+export { default as default } from '@digigov/react-core/TextInput/index.web';

package/src/Timeline/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the Timeline with no prop', () => {
 });
 
 it('renders the Timeline with dense prop', () => {
-  expect(render(<Timeline dense>hello</Timeline>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Timeline dense>hello</Timeline>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineActions/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import TimelineActions from '@digigov/react-core/TimelineActions';
 
 it('renders the TimelineActions with no prop', () => {
-  expect(render(<TimelineActions>hello</TimelineActions>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineActions>hello</TimelineActions>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineActions/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TimelineActionsProps extends BaseProps<'div'> { }
+export interface TimelineActionsProps extends BaseProps<'div'> {}
 /**
  * TimelineActions contains the action behavior for Timeline Component.
  * We can use Links and Buttons.

package/src/TimelineContent/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import TimelineContent from '@digigov/react-core/TimelineContent';
 
 it('renders the TimelineContent with no prop', () => {
-  expect(render(<TimelineContent>hello</TimelineContent>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineContent>hello</TimelineContent>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TimelineContentProps extends BaseProps<'div'> { }
+export interface TimelineContentProps extends BaseProps<'div'> {}
 /**
  * TimelineContent component is used as a content for Timeline component.
  * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.

package/src/TimelineHeading/__snapshots__/index.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`renders the TimelineHeading with size = "md" prop 1`] = `
 <body>
   <div>
     <h3
-      class="ds-timeline__heading ds-timeline__heading--md"
+      class="ds-timeline__heading ds-timeline__heading-md"
     >
       hello
     </h3>
@@ -28,7 +28,7 @@ exports[`renders the TimelineHeading with size = "sm" prop 1`] = `
 <body>
   <div>
     <h4
-      class="ds-timeline__heading ds-timeline__heading--sm"
+      class="ds-timeline__heading ds-timeline__heading-sm"
     >
       hello
     </h4>

package/src/TimelineHeading/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import TimelineHeading from '@digigov/react-core/TimelineHeading';
 
 it('renders the TimelineHeading with no prop', () => {
-  expect(render(<TimelineHeading>hello</TimelineHeading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineHeading>hello</TimelineHeading>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the TimelineHeading with size = "md" prop', () => {
   expect(

package/src/TimelineItem/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import TimelineItem from '@digigov/react-core/TimelineItem';
 
 it('renders the TimelineItem with no prop', () => {
-  expect(render(<TimelineItem>hello</TimelineItem>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineItem>hello</TimelineItem>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineItem/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TimelineItemProps extends BaseProps<'li'> { }
+export interface TimelineItemProps extends BaseProps<'li'> {}
 /**
  * TimelineItem must be inside Timeline compoenent.
  */

package/src/Top/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TopProps extends BaseProps<'div'> { }
+export interface TopProps extends BaseProps<'div'> {}
 /**
  * Top is used inside the Layout component and it must be the first component in order.
  */

package/src/Unpurge/index.tsx

@@ -3158,8 +3158,7 @@ function Unpurge() {
     ds-code-block__header--start
     ds-code-block__header--space-between
     ds-code-block__header--end
-    `
-      }
+    `}
     ></div>
   );
 }

package/src/VisuallyHidden/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
 
 it('renders the VisuallyHidden with no props', () => {
-  expect(render(<VisuallyHidden>hello</VisuallyHidden>).baseElement).toMatchSnapshot();
+  expect(
+    render(<VisuallyHidden>hello</VisuallyHidden>).baseElement
+  ).toMatchSnapshot();
 });

package/src/VisuallyHidden/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface VisuallyHiddenProps extends BaseProps<'span'> { }
+export interface VisuallyHiddenProps extends BaseProps<'span'> {}
 /**
  * Details for the VisuallyHidden.
  * VisuallyHidden component provides text for screen readers that is visually hidden.

package/src/WarningText/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import WarningText from '@digigov/react-core/WarningText';
 
 it('renders the WarningText with no props', () => {
-  expect(render(<WarningText>hello</WarningText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<WarningText>hello</WarningText>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the WarningText with assistive text', () => {
   expect(
@@ -12,5 +14,7 @@ it('renders the WarningText with assistive text', () => {
   ).toMatchSnapshot();
 });
 it('renders the WarningText with dense=true', () => {
-  expect(render(<WarningText dense>hello</WarningText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<WarningText dense>hello</WarningText>).baseElement
+  ).toMatchSnapshot();
 });

package/src/WarningText/index.tsx

@@ -40,13 +40,13 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
         <Base
           as="div"
           className={clsx({
-            "ds-warning-text__icon": true,
+            'ds-warning-text__icon': true,
           })}
         >
-        !
+          !
         </Base>
-         
-        <Base 
+
+        <Base
           as="strong"
           className={clsx({
             'ds-warning-text__content': true,

package/src/WarningTextAssistive/index.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import clsx from "clsx";
-import Base, { BaseProps } from "@digigov/react-core/Base";
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface WarningTextAssistiveProps extends BaseProps<"span"> {
+export interface WarningTextAssistiveProps extends BaseProps<'span'> {
   /**
    * assistiveText is optional.
    * Default value is "Προσοχή".
@@ -17,7 +17,7 @@ export const WarningTextAssistive = React.forwardRef<
   HTMLSpanElement,
   WarningTextAssistiveProps
 >(function WarningTextAssistive(
-  { className, children='Προσοχή', ...props },
+  { className, children = 'Προσοχή', ...props },
   ref
 ) {
   return (
@@ -26,7 +26,7 @@ export const WarningTextAssistive = React.forwardRef<
       {...props}
       ref={ref}
       className={clsx(className, {
-        "ds-warning-text__assistive": true,
+        'ds-warning-text__assistive': true,
       })}
     >
       {children}