@digigov/react-core 1.0.0-rc.4 → 1.0.0-rc.5

package/src/Container/index.tsx

@@ -29,7 +29,7 @@ export const Container = React.forwardRef<HTMLDivElement, ContainerProps>(
     return (
       <Grid
         container={grid}
-        spacing={grid ? {sm:12}: undefined}
+        spacing={grid ? { sm: 12 } : undefined}
         ref={ref}
         className={clsx(className, {
           'govgr-container': true,

package/src/CopyToClipboardContainer/index.tsx

@@ -33,7 +33,14 @@ export const CopyToClipboardContainer = React.forwardRef<
   HTMLDivElement,
   CopyToClipboardContainerProps
 >(function CopyToClipboardContainer(
-  { variant = 'tooltip', tooltipAlign = 'right', className, dense, children, ...props },
+  {
+    variant = 'tooltip',
+    tooltipAlign = 'right',
+    className,
+    dense,
+    children,
+    ...props
+  },
   ref
 ) {
   return (
@@ -49,9 +56,12 @@ export const CopyToClipboardContainer = React.forwardRef<
       <div
         className={clsx(className, {
           'govgr-copy-to-clipboard__tooltip': variant === 'tooltip',
-          'govgr-copy-to-clipboard__tooltip--dense': variant === 'tooltip' && dense,
-          'govgr-copy-to-clipboard__tooltip--left': variant === 'tooltip' && tooltipAlign === 'left',
-          'govgr-copy-to-clipboard__tooltip--right': variant === 'tooltip' && tooltipAlign === 'right',
+          'govgr-copy-to-clipboard__tooltip--dense':
+            variant === 'tooltip' && dense,
+          'govgr-copy-to-clipboard__tooltip--left':
+            variant === 'tooltip' && tooltipAlign === 'left',
+          'govgr-copy-to-clipboard__tooltip--right':
+            variant === 'tooltip' && tooltipAlign === 'right',
           'govgr-copy-to-clipboard__banner': variant === 'banner',
         })}
       >

package/src/CopyToClipboardMessage/index.test.tsx

@@ -11,21 +11,13 @@ it('renders the CopyToClipboardMessage with no props', () => {
 
 it('renders the CopyToClipboardMessage with banner prop', () => {
   expect(
-    mount(
-      <CopyToClipboardMessage>
-        Text copied!
-      </CopyToClipboardMessage>
-    )
+    mount(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
   ).toMatchSnapshot();
 });
 
 it('renders the CopyToClipboardMessage with tooltip prop', () => {
   expect(
-    mount(
-      <CopyToClipboardMessage>
-        Text copied!
-      </CopyToClipboardMessage>
-    )
+    mount(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
   ).toMatchSnapshot();
 });
 

package/src/CopyToClipboardMessage/index.tsx

@@ -4,12 +4,12 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
   /**
-  * enabled is a boolean prop passed from the CopyToClipboard component.
-  * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
-  * When it's false it resets the animations of the CopyToClipboardMessage.
-  * @value true
-  * @value false
-  */
+   * enabled is a boolean prop passed from the CopyToClipboard component.
+   * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
+   * When it's false it resets the animations of the CopyToClipboardMessage.
+   * @value true
+   * @value false
+   */
   enabled?: boolean;
 }
 /**

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.tsx

@@ -4,19 +4,19 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface DateInputItemProps extends BaseProps<'input'> {
   /**
-  * Width property is optional.
-  * Use this property for year field to grow width.
-  * @value 2
-  * @value 4
-  * @default 2
-  */
+   * Width property is optional.
+   * Use this property for year field to grow width.
+   * @value 2
+   * @value 4
+   * @default 2
+   */
   width?: 2 | 4;
   /**
-  * error is optional. The default value is false.
-  * Use this prop when there is an error at the input.
-  * @value true
-  * @value false
-  */
+   * error is optional. The default value is false.
+   * Use this prop when there is an error at the input.
+   * @value true
+   * @value false
+   */
   error?: boolean;
 }
 /**

package/src/DetailsSummary/index.tsx

@@ -4,10 +4,10 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface DetailsSummaryProps extends BaseProps<'summary'> {
   /*
-  ** size is optional. Default value is 'md'.
-  * @value 'md'
-  * @value 'lg'
-  */
+   ** size is optional. Default value is 'md'.
+   * @value 'md'
+   * @value 'lg'
+   */
   size?: 'md' | 'lg';
 }
 /**

package/src/Drawer/index.tsx

@@ -4,32 +4,32 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface DrawerProps extends BaseProps<'div'> {
   /**
-  * open is optional.
-  * This declares if the drawer is open at small screens.
-  * @value true
-  * @value false
-  */
+   * open is optional.
+   * This declares if the drawer is open at small screens.
+   * @value true
+   * @value false
+   */
   open?: boolean;
 
   /**
-  * direction is optional.
-  * Add the direction of the drawer, when this is open at mobile view.
-  * The default value is 'left'.
-  * @value 'right'
-  * @value 'left'
-  * @default 'left'
-  */
+   * direction is optional.
+   * Add the direction of the drawer, when this is open at mobile view.
+   * The default value is 'left'.
+   * @value 'right'
+   * @value 'left'
+   * @default 'left'
+   */
   direction?: 'right' | 'left';
 
   /**
-  * upRelative is optional. This declares if the drawer is open at large screens in a relative position.
-  * The default value is never.
-  * * @value 'sm'
-  * @value 'md'
-  * @value 'lg'
-  * @value 'never'
-  * @default 'never'
-  */
+   * upRelative is optional. This declares if the drawer is open at large screens in a relative position.
+   * The default value is never.
+   * * @value 'sm'
+   * @value 'md'
+   * @value 'lg'
+   * @value 'never'
+   * @default 'never'
+   */
   upRelative?: 'sm' | 'md' | 'lg' | 'never';
 
   /**

package/src/DrawerHeading/index.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import clsx from 'clsx';
-import Stack, { StackProps } from '@digigov/react-core/Stack';
 import CloseButton from '@digigov/react-core/CloseButton';
+import Stack, { StackProps } from '@digigov/react-core/Stack';
 
 export interface DrawerHeadingProps extends StackProps {
   /**
-  * closeLabel is optional.
-  * This declares the label of the close icon.
-  * @default 'Κλείσιμο'
-  */
+   * closeLabel is optional.
+   * This declares the label of the close icon.
+   * @default 'Κλείσιμο'
+   */
   closeLabel?: string;
 }
 /**
@@ -20,19 +20,13 @@ export const DrawerHeading = React.forwardRef<
   HTMLDivElement,
   DrawerHeadingProps
 >(function DrawerHeading(
-  {
-    className,
-    children,
-    onClick,
-    closeLabel = 'Κλείσιμο',
-    ...props
-  },
+  { className, children, onClick, closeLabel = 'Κλείσιμο', ...props },
   ref
 ) {
   return (
     <Stack
       direction="row"
-      alignItems='baseline'
+      alignItems="baseline"
       className={clsx(className, {
         'govgr-drawer__heading': true,
       })}
@@ -40,9 +34,11 @@ 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.tsx

@@ -3,26 +3,26 @@ import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 export interface DropdownBaseProps extends BaseProps<'details'> {
   /**
-  * align is optional. The default value is right.
-  * align prop adds DropdownBaseContent right or left.
-  * @value 'right'
-  * @value 'left'
-  * @default 'left'
-  */
+   * align is optional. The default value is right.
+   * align prop adds DropdownBaseContent right or left.
+   * @value 'right'
+   * @value 'left'
+   * @default 'left'
+   */
   align?: 'right' | 'left';
   /**
-  * placement is optional. The default value is bottom.
-  * placement prop adds DropdownBaseContent top or bottom.
-  * @value 'top'
-  * @value 'bottom'
-  */
+   * placement is optional. The default value is bottom.
+   * placement prop adds DropdownBaseContent top or bottom.
+   * @value 'top'
+   * @value 'bottom'
+   */
   placement?: 'top' | 'bottom';
   /**
-  * disabled is optional. The default value is false.
-  * disabled prop diables any action for DropdownBase component.
-  * @value true
-  * @value false
-  */
+   * disabled is optional. The default value is false.
+   * disabled prop diables any action for DropdownBase component.
+   * @value true
+   * @value false
+   */
   disabled?: boolean;
   /**
    * dense is optional.

package/src/DropdownButton/index.tsx

@@ -4,40 +4,40 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 import { ChevronIcon } from '@digigov/react-icons';
 export interface DropdownButtonProps extends BaseProps<'summary'> {
   /**
-  * color is optional.
-  * 'primary' color gives DropdownButton the primary green color.
-  * 'secondary' color gives DropdownButton the secondary gray color.
-  * 'warning' color gives DropdownButton the warning red color.
-  * The default value is 'primary'.
-  * @value 'primary'
-  * @value 'secondary'
-  * @value 'warning'
-  * @default 'primary'
-  */
+   * color is optional.
+   * 'primary' color gives DropdownButton the primary green color.
+   * 'secondary' color gives DropdownButton the secondary gray color.
+   * 'warning' color gives DropdownButton the warning red color.
+   * The default value is 'primary'.
+   * @value 'primary'
+   * @value 'secondary'
+   * @value 'warning'
+   * @default 'primary'
+   */
   color?: 'primary' | 'secondary' | 'warning';
   /**
-  * variant is optional.
-  * variant prop changes DropdownButton to button or link.
-  * @value 'link'
-  * @value 'button'
-  * @default 'button'
-  */
+   * variant is optional.
+   * variant prop changes DropdownButton to button or link.
+   * @value 'link'
+   * @value 'button'
+   * @default 'button'
+   */
   variant?: 'link' | 'button';
   /**
-  * arrow is optional.
-  * arrow prop adds checkIcon component inside DropdownButton.
-  * arrow prop is false by default
-  * @value true
-  * @value false
-  * @default false
-  */
+   * arrow is optional.
+   * arrow prop adds checkIcon component inside DropdownButton.
+   * arrow prop is false by default
+   * @value true
+   * @value false
+   * @default false
+   */
   arrow?: boolean;
   /**
-  * underline is optional.
-  * Use this prop when you want to use Dropdown button as <th> header in sorted table.
-  * @value true
-  * @value false
-  */
+   * underline is optional.
+   * Use this prop when you want to use Dropdown button as <th> header in sorted table.
+   * @value true
+   * @value false
+   */
   underline?: boolean;
 }
 /**

package/src/FieldContainer/index.tsx

@@ -4,10 +4,10 @@ import Grid, { GridProps } from '@digigov/react-core/Grid';
 
 export interface FieldContainerProps extends GridProps {
   /**
-  * error is optional.
-  * @value true
-  * @value false
-  */
+   * error is optional.
+   * @value true
+   * @value false
+   */
   error?: boolean;
 }
 /**

package/src/FieldsetLegend/index.tsx

@@ -4,23 +4,23 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface FieldsetLegendProps extends BaseProps<'legend'> {
   /**
-  * size is optional. The default value is 'lg'
-  * @value 'xl'
-  * @value 'lg'
-  * @value 'md'
-  * @value 'sm'
-  * @default 'lg'
-  */
+   * size is optional. The default value is 'lg'
+   * @value 'xl'
+   * @value 'lg'
+   * @value 'md'
+   * @value 'sm'
+   * @default 'lg'
+   */
   size?: 'xl' | 'lg' | 'md' | 'sm';
 
   /**
-  * heading is optional.
-  * Add this prop if this Fieldset component is the only one in this page.
-  * The default value is false.
-  * @value true
-  * @value false
-  * @default false
-  */
+   * heading is optional.
+   * Add this prop if this Fieldset component is the only one in this page.
+   * The default value is false.
+   * @value true
+   * @value false
+   * @default false
+   */
   heading?: boolean;
 }
 /**

package/src/FileUpload/index.tsx

@@ -4,11 +4,11 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface FileUploadProps extends BaseProps<'input'> {
   /**
-  * hasFiles is optional.
-  * @value true
-  * @value false
-  * @default false
-  */
+   * hasFiles is optional.
+   * @value true
+   * @value false
+   * @default false
+   */
   hasFiles?: boolean;
 }
 /**

package/src/FileUploadContainer/index.tsx

@@ -4,11 +4,11 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface FileUploadContainerProps extends BaseProps<'div'> {
   /**
-  * hasFiles is optional.
-  * @value true
-  * @value false
-  * @default false
-  */
+   * hasFiles is optional.
+   * @value true
+   * @value false
+   * @default false
+   */
   hasFiles?: boolean;
 }
 /**

package/src/FilterContainer/index.tsx

@@ -4,33 +4,33 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface FilterContainerProps extends BaseProps<'div'> {
   /**
-  * Use open prop to open the filters when at mobile.
-  * The default value is false.
-  * @value true
-  * @value false
-  * @default false
-  */
+   * Use open prop to open the filters when at mobile.
+   * The default value is false.
+   * @value true
+   * @value false
+   * @default false
+   */
   open?: boolean;
 
   /**
-  * Use border prop to add a gray border at the filters section.
-  * The default value is true.
-  * @value true
-  * @value false
-  * @default true
-  */
+   * Use border prop to add a gray border at the filters section.
+   * The default value is true.
+   * @value true
+   * @value false
+   * @default true
+   */
   border?: boolean;
 
   /**
-  * Use visible prop to make the filter section have position relative in the page.
-  * The default value is md.
-  * @value 'always'
-  * @value 'sm'
-  * @value 'md'
-  * @value 'lg'
-  * @value 'never'
-  * @default 'md'
-  */
+   * Use visible prop to make the filter section have position relative in the page.
+   * The default value is md.
+   * @value 'always'
+   * @value 'sm'
+   * @value 'md'
+   * @value 'lg'
+   * @value 'never'
+   * @default 'md'
+   */
   positionRelative?: 'always' | 'sm' | 'md' | 'lg' | 'never';
 }
 

package/src/FilterContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FilterContentProps extends BaseProps<'div'> { }
+export interface FilterContentProps extends BaseProps<'div'> {}
 /**
  * Use FilterContent inside FilterContainer as a wrapper for its content
  */

package/src/FilterHeadingContainer/index.test.tsx

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

package/src/FilterHeadingContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FilterHeadingContainerProps extends BaseProps<'div'> { }
+export interface FilterHeadingContainerProps extends BaseProps<'div'> {}
 /**
  * Use FilterHeadingContainer component inside FilterContainer
  * for filters heading title and close icon(for mobiles).

package/src/FilterOptionsSection/index.tsx

@@ -4,10 +4,10 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface FilterOptionsSectionProps extends BaseProps<'div'> {
   /**
-  * @value true
-  * @value false
-  */
-  horizontal?: boolean
+   * @value true
+   * @value false
+   */
+  horizontal?: boolean;
 }
 /**
  * FilterOptionsSection is a wrapper component for the filter elements.

package/src/FooterHeading/index.tsx

@@ -4,13 +4,13 @@ import Heading, { HeadingProps } from '@digigov/react-core/Heading';
 
 export interface FooterHeadingProps extends Omit<HeadingProps, 'size'> {
   /**
-  * size is optional.
-  * The values are: 'md' for medium, 'sm' for small.
-  * The default value is 'sm'.
-  * @value 'md'
-  * @value 'sm'
-  * @default 'sm'
-  */
+   * size is optional.
+   * The values are: 'md' for medium, 'sm' for small.
+   * The default value is 'sm'.
+   * @value 'md'
+   * @value 'sm'
+   * @default 'sm'
+   */
   size?: 'md' | 'sm';
 }
 /**

package/src/FooterList/index.tsx

@@ -4,13 +4,13 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface FooterListProps extends BaseProps<'ul'> {
   /**
-  * columns is optional.
-  * The values for this are 1 and 2. The default value is 1.
-  * @value 1
-  * @value 2
-  */
+   * columns is optional.
+   * The values for this are 1 and 2. The default value is 1.
+   * @value 1
+   * @value 2
+   */
   columns?: 1 | 2;
-  
+
   /**
    * layout is optional.
    * The default value is vertical. Use horizontal to make a horizontal list.
@@ -23,15 +23,19 @@ export interface FooterListProps extends BaseProps<'ul'> {
  * This component takes a list of FooterListItem component as its children.
  */
 export const FooterList = React.forwardRef<HTMLUListElement, FooterListProps>(
-  function FooterList({ columns,layout= 'vertical', className, children, ...props }, ref) {
+  function FooterList(
+    { columns, layout = 'vertical', className, children, ...props },
+    ref
+  ) {
     return (
       <Base
         as="ul"
         ref={ref}
         className={clsx(className, {
           'govgr-footer__list': true,
-          'govgr-footer__list--columns-2': columns === 2 && layout==='vertical',
-          'govgr-footer__list--horizontal': layout==='horizontal',
+          'govgr-footer__list--columns-2':
+            columns === 2 && layout === 'vertical',
+          'govgr-footer__list--horizontal': layout === 'horizontal',
         })}
         {...props}
       >

package/src/FooterNavigationSection/index.test.tsx

@@ -4,5 +4,11 @@ import { mount } from 'enzyme';
 import FooterNavigationSection from '@digigov/react-core/FooterNavigationSection';
 
 it('renders the FooterNavigationSection with no props', () => {
-  expect(mount(<FooterNavigationSection aria-label='footer navigation section'>hello</FooterNavigationSection>)).toMatchSnapshot();
+  expect(
+    mount(
+      <FooterNavigationSection aria-label="footer navigation section">
+        hello
+      </FooterNavigationSection>
+    )
+  ).toMatchSnapshot();
 });