@digigov/react-core 2.0.0-rc.24 → 2.0.0-rc.25

package/src/CardContent/index.test.tsx

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

package/src/CardContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CardContentProps extends BaseProps<'div'> { }
+export interface CardContentProps extends BaseProps<'div'> {}
 /**
  * CardContent contains the text for Card Component
  * Use CardContent inside Card component as children

package/src/CardHeading/index.test.tsx

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

package/src/CardHeading/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CardHeadingProps extends BaseProps<'div'> { }
+export interface CardHeadingProps extends BaseProps<'div'> {}
 /**
  * CardHeading gives header title to Card Component
  * Use CardHeading inside Card component as children

package/src/CheckboxConditional/index.tsx

@@ -4,7 +4,7 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 import FieldContainer from '@digigov/react-core/FieldContainer';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 
-export interface CheckboxConditionalProps extends BaseProps<'div'> { }
+export interface CheckboxConditionalProps extends BaseProps<'div'> {}
 /**
  * CheckboxConditional asks the user a related question when they select a particular checkbox,
  * so they only see the question when it’s relevant to them.

package/src/CheckboxItem/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import CheckboxItem from '@digigov/react-core/CheckboxItem';
 
 it('renders the CheckboxItem with no props', () => {
-  expect(render(<CheckboxItem>hello</CheckboxItem>).baseElement).toMatchSnapshot();
+  expect(
+    render(<CheckboxItem>hello</CheckboxItem>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the CheckboxItem with `name` prop', () => {
@@ -19,7 +21,9 @@ it('renders the CheckboxItem with `value` prop', () => {
 });
 
 it('renders the CheckboxItem with `disabled` prop', () => {
-  expect(render(<CheckboxItem disabled>hello</CheckboxItem>).baseElement).toMatchSnapshot();
+  expect(
+    render(<CheckboxItem disabled>hello</CheckboxItem>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the CheckboxItem with `divider` prop', () => {
   expect(

package/src/CheckboxItem/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
-import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';
+import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 
 export interface CheckboxItemProps extends BaseProps<'input'> {
@@ -28,7 +28,8 @@ export const CheckboxItem = React.forwardRef<
   return (
     <>
       {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}
-      <Base as='div'
+      <Base
+        as="div"
         className={clsx(className, {
           'ds-checkboxes__item': true,
         })}
@@ -40,7 +41,13 @@ export const CheckboxItem = React.forwardRef<
           })}
         >
           {children}
-          <CheckboxItemInput ref={ref} name={name} value={value} disabled={disabled} {...props} />
+          <CheckboxItemInput
+            ref={ref}
+            name={name}
+            value={value}
+            disabled={disabled}
+            {...props}
+          />
         </LabelContainer>
       </Base>
     </>

package/src/CheckboxItemInput/index.native.tsx

@@ -1,6 +1,6 @@
-import extend from '@digigov/react-core/utils/extend.native';
-import CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';
 import clsx from 'clsx';
+import CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';
+import extend from '@digigov/react-core/utils/extend.native';
 
 export const CheckboxItemInput = extend(
   CoreCheckboxItemInput,

package/src/CheckboxItemInput/index.tsx

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

package/src/CheckboxItemInput/index.web.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CheckboxItemInputProps extends BaseProps<'input'> { }
+export interface CheckboxItemInputProps extends BaseProps<'input'> {}
 /**
  * Details for the CheckboxItem.
  * CheckboxItemInput component is the input component for CheckboxItem.
@@ -11,7 +11,7 @@ export const CheckboxItemInput = React.forwardRef<
   HTMLInputElement,
   CheckboxItemInputProps
 >(function CheckboxItemInput(
-  { name, value, className, disabled, children, ...props },
+  { name, value, className, disabled, ...props },
   ref
 ) {
   return (
@@ -21,13 +21,12 @@ export const CheckboxItemInput = React.forwardRef<
       type="checkbox"
       name={name}
       value={value}
-      className={clsx({
+      className={clsx(className, {
         'ds-checkboxes__input': true,
       })}
       disabled={disabled}
       {...props}
     />
-
   );
 });
 

package/src/ChipContainer/index.spec.tsx

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

package/src/ChipHeading/index.test.tsx

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

package/src/ChipKeyValue/index.test.tsx

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

package/src/ChipKeyValue/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ChipKeyValueProps extends BaseProps<'span'> { }
+export interface ChipKeyValueProps extends BaseProps<'span'> {}
 /**
  * ChipKeyValue is used to provide key value inside chips.
  * ChipKeyValue component must be wrapped inside Chip component.

package/src/ChoiceDividerText/index.test.tsx

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

package/src/ChoiceDividerText/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ChoiceDividerTextProps extends BaseProps<'div'> { }
+export interface ChoiceDividerTextProps extends BaseProps<'div'> {}
 /**
  * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.
  * It's been used as a prop ("divider") inside RadioItem and CheckboxItem.

package/src/CircularProgress/index.test.tsx

@@ -16,7 +16,9 @@ it('renders the CircularProgress with size lg', () => {
 });
 
 it('renders the CircularProgress with color=secondary prop', () => {
-  expect(render(<CircularProgress color={'secondary'} />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CircularProgress color={'secondary'} />).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the CircularProgress with color=secondary and size sm props', () => {

package/src/CloseButton/index.test.tsx

@@ -7,5 +7,7 @@ it('renders the CloseButton', () => {
   expect(render(<CloseButton />).baseElement).toMatchSnapshot();
 });
 it('renders the CloseButton with label prop', () => {
-  expect(render(<CloseButton label="Κλείσιμο" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CloseButton label="Κλείσιμο" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/Code/index.test.tsx

@@ -12,7 +12,9 @@ it('renders the Code with color="info" prop', () => {
 });
 
 it('renders the Code with color="attribute" prop', () => {
-  expect(render(<Code color="attribute">hello</Code>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Code color="attribute">hello</Code>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Code with color="name" prop', () => {
@@ -20,5 +22,7 @@ it('renders the Code with color="name" prop', () => {
 });
 
 it('renders the Code with color="keyword" prop', () => {
-  expect(render(<Code color="keyword">hello</Code>).baseElement).toMatchSnapshot();
-});
+  expect(
+    render(<Code color="keyword">hello</Code>).baseElement
+  ).toMatchSnapshot();
+});

package/src/CodeBlockContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CodeBlockContainerProps extends BaseProps<'div'> { }
+export interface CodeBlockContainerProps extends BaseProps<'div'> {}
 /**
  * CodeBlockContainer is a component for displaying code.
  *

package/src/CodeBlockContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CodeBlockContentProps extends BaseProps<'pre'> { }
+export interface CodeBlockContentProps extends BaseProps<'pre'> {}
 /**
  * CodeBlockContent can be used as content inside the CodeBlockContainer.
  *

package/src/Container/index.test.tsx

@@ -7,7 +7,9 @@ it('renders the Container with no props', () => {
   expect(render(<Container>hello</Container>).baseElement).toMatchSnapshot();
 });
 it('renders the Container with fullWidth prop', () => {
-  expect(render(<Container fullWidth>hello</Container>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Container fullWidth>hello</Container>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Container with cols={false} prop', () => {
   expect(

package/src/CopyToClipboardContainer/index.spec.tsx

@@ -5,7 +5,8 @@ import CopyToClipboardContainer from '@digigov/react-core/CopyToClipboardContain
 
 it('renders the CopyToClipboardContainer with no props', () => {
   expect(
-    render(<CopyToClipboardContainer>Text copied!</CopyToClipboardContainer>).baseElement
+    render(<CopyToClipboardContainer>Text copied!</CopyToClipboardContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the CopyToClipboardContainer with variant=tooltip', () => {

package/src/CopyToClipboardContainer/index.tsx

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

package/src/CopyToClipboardMessage/index.native.tsx

@@ -1,9 +1,9 @@
+import clsx from 'clsx';
+import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
 import CoreCopyToClipboardMessage, {
   CopyToClipboardMessageProps,
 } from '@digigov/react-core/CopyToClipboardMessage/index.web';
-import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
 import { extend } from '@digigov/react-core/utils/extend.native';
-import clsx from 'clsx';
 
 export const CopyToClipboardMessage = extend<
   CopyToClipboardMessageProps,

package/src/CopyToClipboardMessage/index.test.tsx

@@ -5,19 +5,22 @@ import CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';
 
 it('renders the CopyToClipboardMessage with no props', () => {
   expect(
-    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>).baseElement
+    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the CopyToClipboardMessage with banner prop', () => {
   expect(
-    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>).baseElement
+    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the CopyToClipboardMessage with tooltip prop', () => {
   expect(
-    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>).baseElement
+    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
+      .baseElement
   ).toMatchSnapshot();
 });
 

package/src/CopyToClipboardMessage/index.tsx

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

package/src/CopyrightContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CopyrightContainerProps extends BaseProps<'p'> { }
+export interface CopyrightContainerProps extends BaseProps<'p'> {}
 /**
  * CopyrightContainer is used inside the Footer component.
  * CopyrightContainer has no props.

package/src/DateInputItem/index.native.tsx

@@ -1,12 +1,9 @@
-import extend from '@digigov/react-core/utils/extend.native';
 import CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';
-export const DateInputItem = extend(
-  CoreDateInputItem,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      onChange: undefined,
-    };
-  }
-);
+import extend from '@digigov/react-core/utils/extend.native';
+export const DateInputItem = extend(CoreDateInputItem, (props) => {
+  return {
+    ...props,
+    onChange: undefined,
+  };
+});
 export default DateInputItem;

package/src/DateInputItem/index.test.tsx

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

package/src/DateInputItem/index.tsx

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

package/src/DateInputItem/index.web.tsx

@@ -33,18 +33,27 @@ export const DateInputItem = React.forwardRef<
   ref
 ) {
   return (
-    <Base as='div'
+    <Base
+      as="div"
       className={clsx(className, {
         'ds-date-input__item': true,
       })}
     >
-      <Base as='label'
+      <Base
+        as="label"
         className={clsx({
           'ds-label': true,
         })}
       >
         {children}
-        <TextInput ref={ref} type="text" name={name} maxWidth={`${width}-char`} error={error} {...props} />
+        <TextInput
+          ref={ref}
+          type="text"
+          name={name}
+          maxWidth={`${width}-char`}
+          error={error}
+          {...props}
+        />
       </Base>
     </Base>
   );

package/src/Details/index.tsx

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

package/src/Details/index.web.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface DetailsProps extends BaseProps<'details'> { }
+export interface DetailsProps extends BaseProps<'details'> {}
 /**
  * Details is used to make a page easier to scan when it contains information that only some users will need.
  * Details component wraps DetailsSummary and DetailsContent as children components

package/src/DetailsContent/index.test.tsx

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

package/src/DetailsContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface DetailsContentProps extends BaseProps<'div'> { }
+export interface DetailsContentProps extends BaseProps<'div'> {}
 /**
  *DetailsContent component wraps the content text.
  *It is used inside Details component as children

package/src/DetailsSummary/index.test.tsx

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

package/src/DrawerHeading/index.tsx

@@ -34,11 +34,7 @@ export const DrawerHeading = React.forwardRef<
       {...props}
     >
       {children}
-      <CloseButton
-        onClick={(e) => {
-          onClick && onClick(e as any);
-        }}
-      >
+      <CloseButton onClick={(e) => onClick && onClick(e as any)}>
         {closeLabel}
       </CloseButton>
     </Stack>

package/src/DropdownBase/index.test.tsx

@@ -4,11 +4,15 @@ import { render } from '@testing-library/react';
 import DropdownBase from '@digigov/react-core/DropdownBase';
 
 it('renders the DropdownBase with no props', () => {
-  expect(render(<DropdownBase>hello</DropdownBase>).baseElement).toMatchSnapshot();
+  expect(
+    render(<DropdownBase>hello</DropdownBase>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the DropdownBase disabled', () => {
-  expect(render(<DropdownBase disabled>hello</DropdownBase>).baseElement).toMatchSnapshot();
+  expect(
+    render(<DropdownBase disabled>hello</DropdownBase>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the DropdownBase with open=true', () => {

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

@@ -129,19 +129,6 @@ exports[`renders the DropdownButton with color=primary and variant="link" 1`] =
 </body>
 `;
 
-exports[`renders the DropdownButton with color=primary and variant="link" 2`] = `
-<body>
-  <div>
-    <summary
-      class="ds-dropdown__button ds-link"
-      tabindex="0"
-    >
-      hello
-    </summary>
-  </div>
-</body>
-`;
-
 exports[`renders the DropdownButton with color=primary variant="button" and arrow={false} 1`] = `
 <body>
   <div>
@@ -282,6 +269,19 @@ exports[`renders the DropdownButton with color=secondary and variant="button" 1`
 </body>
 `;
 
+exports[`renders the DropdownButton with color=secondary and variant="link" 1`] = `
+<body>
+  <div>
+    <summary
+      class="ds-dropdown__button ds-link"
+      tabindex="0"
+    >
+      hello
+    </summary>
+  </div>
+</body>
+`;
+
 exports[`renders the DropdownButton with color=warning variant="button" arrow={false} 1`] = `
 <body>
   <div>

package/src/DropdownButton/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import DropdownButton from '@digigov/react-core/DropdownButton';
 
 it('renders the DropdownButton with no props', () => {
-  expect(render(<DropdownButton>hello</DropdownButton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<DropdownButton>hello</DropdownButton>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the DropdownButton with color=primary', () => {
@@ -75,7 +77,8 @@ it('renders the DropdownButton with color=primary and arrow={false}', () => {
 
 it('renders the DropdownButton with color=primary and arrow={true}', () => {
   expect(
-    render(<DropdownButton color="primary" arrow={true}></DropdownButton>).baseElement
+    render(<DropdownButton color="primary" arrow={true}></DropdownButton>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
@@ -89,7 +92,7 @@ it('renders the DropdownButton with color=secondary and variant="button"', () =>
   ).toMatchSnapshot();
 });
 
-it('renders the DropdownButton with color=primary and variant="link"', () => {
+it('renders the DropdownButton with color=secondary and variant="link"', () => {
   expect(
     render(
       <DropdownButton color="secondary" variant="link">
@@ -111,7 +114,8 @@ it('renders the DropdownButton with color=secondary and arrow={false}', () => {
 
 it('renders the DropdownButton with color=secondary and arrow={true}', () => {
   expect(
-    render(<DropdownButton color="secondary" arrow={true}></DropdownButton>).baseElement
+    render(<DropdownButton color="secondary" arrow={true}></DropdownButton>)
+      .baseElement
   ).toMatchSnapshot();
 });
 

package/src/DropdownContent/index.test.tsx

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

package/src/DropdownContent/index.tsx

@@ -27,7 +27,7 @@ export const DropdownContent = React.forwardRef<
   HTMLDivElement,
   DropdownContentProps
 >(function DropdownContent(
-  {fullWidth = true, scrollable, className, children, ...props },
+  { fullWidth = true, scrollable, className, children, ...props },
   ref
 ) {
   return (

package/src/ErrorMessage/index.test.tsx

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

package/src/ErrorMessage/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ErrorMessageProps extends BaseProps<'p'> { }
+export interface ErrorMessageProps extends BaseProps<'p'> {}
 /**
  * ErrorMessage is used to show an error message when there is a validation error.
  * In the error message explain what went wrong and how to fix it.