@digigov/ui 2.0.0-298cfc51 → 2.0.0-2a26e869

package/src/form/AutoComplete/index.tsx

@@ -1,24 +1,23 @@
-import React from 'react';
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';
+import { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';
 import { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';
 import { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';
+import { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';
+import { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';
 import { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';
 import { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';
-import { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';
-import { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';
-import { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';
 import { Base } from '@digigov/react-core/Base';
 import { CaretIcon } from '@digigov/react-icons/CaretIcon';
+import { Chip, ChipContainer } from '@digigov/ui/content/Chip';
 import Status from '@digigov/ui/form/AutoComplete/Status';
 import {
   isIosDevice,
   keyCodes,
   isPrintableKeyCode,
 } from '@digigov/ui/form/AutoComplete/utils';
-import Checkbox, { CheckboxItem } from '../Checkbox';
-import { Chip, ChipContainer } from '@digigov/ui/content/Chip';
 import Button from '@digigov/ui/form/Button';
+import Checkbox, { CheckboxItem } from '@digigov/ui/form/Checkbox';
 import { NormalText } from '@digigov/ui/typography/NormalText';
 
 export interface AutoCompleteProps {
@@ -47,7 +46,7 @@ export interface AutoCompleteProps {
   numberOfSelected?: 1 | 2 | 3 | 'all';
 }
 
-export type State = {
+export interface State {
   focused: any;
   hovered: any;
   menuOpen: boolean;
@@ -57,9 +56,12 @@ export type State = {
   validChoiceMade: boolean;
   selected: any;
   ariaHint: boolean;
-};
+}
 
-export type NewQueryProps = { menuOpen?: boolean; query?: string };
+export interface NewQueryProps {
+  menuOpen?: boolean;
+  query?: string;
+}
 
 export default class AutoComplete extends Component<AutoCompleteProps, State> {
   static defaultProps = {
@@ -136,7 +138,6 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
 
   componentDidMount(): void {
     this.getDirectInputChanges();
-
   }
 
   getDirectInputChanges(): void {
@@ -473,21 +474,32 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
         break;
       case 'backspace':
         if (this.props.multiple) {
-          if (this.state.query.length === 0 && this.state.selectedValues.length > 0) {
+          if (
+            this.state.query.length === 0 &&
+            this.state.selectedValues.length > 0
+          ) {
             event.preventDefault();
-            const updatedSelectedValues = this.state.selectedValues.slice(0, -1);
-            this.setState({
-              selectedValues: updatedSelectedValues,
-            }, () => {
-              this.props.onConfirm?.(updatedSelectedValues);
-            });
-            break;
+            const updatedSelectedValues = this.state.selectedValues.slice(
+              0,
+              -1
+            );
+            this.setState(
+              {
+                selectedValues: updatedSelectedValues,
+              },
+              () => {
+                this.props.onConfirm?.(updatedSelectedValues);
+              }
+            );
+          } else {
+            if (isPrintableKeyCode(event.keyCode)) {
+              this.handlePrintableKey(event);
+            }
           }
-        }
-        else {
+        } else {
           this.props.onConfirm?.('');
-          break;
         }
+        break;
       default:
         if (isPrintableKeyCode(event.keyCode)) {
           this.handlePrintableKey(event);
@@ -545,8 +557,8 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     const assistiveHintID = id + '__assistiveHint';
     const ariaDescribedProp = ariaHint
       ? {
-        'aria-describedby': assistiveHintID,
-      }
+          'aria-describedby': assistiveHintID,
+        }
       : null;
 
     const showAutoCompleteResultListItems = (
@@ -558,7 +570,8 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
           const showFocused =
             focused === -1 ? selected === index : focused === index;
           const iosPosinsetHtml = isIosDevice() ? (
-            <Base as='span'
+            <Base
+              as="span"
               id={`${id}__option-suffix--${index}`}
               style={{
                 border: '0',
@@ -603,7 +616,7 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
                 <CheckboxItem
                   value={option}
                   checked={this.state.selectedValues.includes(option)}
-                  onChange={() => { }}
+                  onChange={() => {}}
                 >
                   {this.templateSuggestion(option)}
                 </CheckboxItem>
@@ -649,29 +662,32 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
                   <Chip
                     key={index}
                     onDelete={() => {
-                      this.setState(prevState => ({
-                        selectedValues: prevState.selectedValues.filter(
-                          (v) => {
-                            if (typeof v === "string") {
-                              return v !== value;
-                            } else {
-                              return v.value !== value.value;
+                      this.setState(
+                        (prevState) => ({
+                          selectedValues: prevState.selectedValues.filter(
+                            (v) => {
+                              if (typeof v === 'string') {
+                                return v !== value;
+                              } else {
+                                return v.value !== value.value;
+                              }
                             }
-                          }
-                        ),
-                      }), () => {
-                        this.props.onConfirm?.(this.state.selectedValues);
-                      });
+                          ),
+                        }),
+                        () => {
+                          this.props.onConfirm?.(this.state.selectedValues);
+                        }
+                      );
                     }}
                   >
-                    {typeof value === "string" ? value : value.label.primary}
+                    {typeof value === 'string' ? value : value.label.primary}
                   </Chip>
                 );
               })}
               {!componentIsFocused &&
                 typeof this.props.numberOfSelected === 'number' &&
                 this.state.selectedValues.length >
-                this.props.numberOfSelected && (
+                  this.props.numberOfSelected && (
                   <NormalText fontWeight="bold" margin={0}>
                     +
                     {this.state.selectedValues.length -

package/src/form/AutoComplete/interaction.test.tsx

@@ -4,15 +4,23 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { Multiple } from '@digigov/ui/form/AutoComplete/__stories__/Multiple';
 
 test('renders the Multiple show chip', async ({ mount, page }) => {
-  await mount(
-    <Multiple />
-  )
+  await mount(<Multiple />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>div>fieldset>div>div:nth-child(2)>button").click();
- await page.locator("#root>div>div>fieldset>div>div:nth-child(2)>ul:nth-child(4)>div>li:nth-child(3)").click();
- await page.locator("#root>div>div>fieldset>div>div:nth-child(2)>button").click();
+  await page
+    .locator('#root>div>div>fieldset>div>div:nth-child(2)>button')
+    .click();
+  await page
+    .locator(
+      '#root>div>div>fieldset>div>div:nth-child(2)>ul:nth-child(4)>div>li:nth-child(3)'
+    )
+    .click();
+  await page
+    .locator('#root>div>div>fieldset>div>div:nth-child(2)>button')
+    .click();
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/form/Button/interaction.test.tsx

@@ -7,69 +7,68 @@ import { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';
 import { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';
 import { Warning } from '@digigov/ui/form/Button/__stories__/Warning';
 
-test('renders the GroupingButtonsAndLinks Keyboard navigation', async ({ mount, page }) => {
-  await mount(
-    <GroupingButtonsAndLinks />
-  )
+test('renders the GroupingButtonsAndLinks Keyboard navigation', async ({
+  mount,
+  page,
+}) => {
+  await mount(<GroupingButtonsAndLinks />);
   await page.evaluate(() => document.fonts.ready);
- await page.keyboard.press("Tab");
- await page.keyboard.press("Tab");
+  await page.keyboard.press('Tab');
+  await page.keyboard.press('Tab');
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  
-
 
 test('renders the Primary Hover and click', async ({ mount, page }) => {
-  await mount(
-    <Primary />
-  )
+  await mount(<Primary />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>button").hover();
- await page.locator("#root>button").click();
+  await page.locator('#root>button').hover();
+  await page.locator('#root>button').click();
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  
-
 
 test('renders the Secondary Hover and click', async ({ mount, page }) => {
-  await mount(
-    <Secondary />
-  )
+  await mount(<Secondary />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>button").hover();
- await page.locator("#root>button").click();
+  await page.locator('#root>button').hover();
+  await page.locator('#root>button').click();
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  
-
 
 test('renders the ThemeToggle change theme', async ({ mount, page }) => {
-  await mount(
-    <ThemeToggle />
-  )
+  await mount(<ThemeToggle />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>button").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>button').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  
-
 
 test('renders the Warning Hover and click', async ({ mount, page }) => {
-  await mount(
-    <Warning />
-  )
+  await mount(<Warning />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>button").hover();
- await page.locator("#root>button").click();
+  await page.locator('#root>button').hover();
+  await page.locator('#root>button').click();
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/form/Checkbox/interaction.test.tsx

@@ -4,29 +4,37 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { MultipleQuestions } from '@digigov/ui/form/Checkbox/__stories__/MultipleQuestions';
 import { WithHint } from '@digigov/ui/form/Checkbox/__stories__/WithHint';
 
-test('renders the MultipleQuestions check first box', async ({ mount, page }) => {
-  await mount(
-    <MultipleQuestions />
-  )
+test('renders the MultipleQuestions check first box', async ({
+  mount,
+  page,
+}) => {
+  await mount(<MultipleQuestions />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>fieldset>div>div:nth-child(1)>label>input").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page
+    .locator('#root>div>fieldset>div>div:nth-child(1)>label>input')
+    .click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  
-
 
 test('renders the WithHint click first option', async ({ mount, page }) => {
-  await mount(
-    <WithHint />
-  )
+  await mount(<WithHint />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>fieldset>div>div:nth-child(1)>label>input").click();
- await page.locator("#root>div>fieldset>div>div:nth-child(2)>label>input").click();
- await page.keyboard.press("Tab");
- await page.keyboard.press("Space");
+  await page
+    .locator('#root>div>fieldset>div>div:nth-child(1)>label>input')
+    .click();
+  await page
+    .locator('#root>div>fieldset>div>div:nth-child(2)>label>input')
+    .click();
+  await page.keyboard.press('Tab');
+  await page.keyboard.press('Space');
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/form/RadioContainer/interaction.test.tsx

@@ -5,27 +5,28 @@ import { Default } from '@digigov/ui/form/RadioContainer/__stories__/Default';
 import { WithHints } from '@digigov/ui/form/RadioContainer/__stories__/WithHints';
 
 test('renders the Default Navigate with keyboard', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+  await mount(<Default />);
   await page.evaluate(() => document.fonts.ready);
- await page.keyboard.press("Tab");
- await page.keyboard.press("Space");
- await page.keyboard.press("ArrowDown");
+  await page.keyboard.press('Tab');
+  await page.keyboard.press('Space');
+  await page.keyboard.press('ArrowDown');
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  
-
 
 test('renders the WithHints Click first', async ({ mount, page }) => {
-  await mount(
-    <WithHints />
-  )
+  await mount(<WithHints />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>fieldset>div>div:nth-child(1)>label>input").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page
+    .locator('#root>div>fieldset>div>div:nth-child(1)>label>input')
+    .click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/form/SearchContainer/__stories__/Default.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
-import { SearchContainer } from '@digigov/ui/form/SearchContainer';
-import { SearchButton } from '@digigov/ui/form/SearchContainer';
+import {
+  SearchContainer,
+  SearchButton,
+} from '@digigov/ui/form/SearchContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
 export const Default = () => (

package/src/form/SelectContainer/interaction.test.tsx

@@ -3,13 +3,16 @@ import { test, expect } from '@playwright/experimental-ct-react';
 
 import { Default } from '@digigov/ui/form/SelectContainer/__stories__/Default';
 
-test('renders the Default SelectContainer with mouse', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+test('renders the Default SelectContainer with mouse', async ({
+  mount,
+  page,
+}) => {
+  await mount(<Default />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>label>select").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>label>select').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/form/TextArea/__stories__/Default.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 
 export const Default = () => (

package/src/form/TextArea/__stories__/DisabledInput.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextArea/__stories__/LimitedCharacters.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextArea/__stories__/WithDeclaredRows.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextArea/__stories__/WithErrorMessage.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import { ErrorMessage } from '@digigov/ui/form/ErrorMessage';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextArea/__stories__/WithHint.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextInput/__stories__/AskingForNumbers.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextInput/__stories__/Default.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
 export const Default = () => (

package/src/form/TextInput/__stories__/DisabledInput.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextInput/__stories__/DisabledInputWithValue.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
+import { LockIcon } from '@digigov/react-icons';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
-import { LockIcon } from '@digigov/react-icons';
 
 export const DisabledInputWithValue = () => (
   <FieldContainer>
@@ -16,9 +15,9 @@ export const DisabledInputWithValue = () => (
         value={'Μάριος'}
         disabled
       ></TextInput>
-      <Hint id="input-hint" size='sm'>
+      <Hint id="input-hint" size="sm">
         <LockIcon mr={1} mb={1} />
-       Πεδίο μόνο για προβολή
+        Πεδίο μόνο για προβολή
       </Hint>
     </LabelContainer>
   </FieldContainer>

package/src/form/TextInput/__stories__/FixedWidths.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
 export const FixedWidths = () => (

package/src/form/TextInput/__stories__/FluidWidths.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
 export const FluidWidths = () => (

package/src/form/TextInput/__stories__/WithErrorMessage.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import { ErrorMessage } from '@digigov/ui/form/ErrorMessage';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/form/TextInput/__stories__/WithHint.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-import { LabelContainer } from '@digigov/ui/form/LabelContainer';
-import { LabelTitle } from '@digigov/ui/form/LabelContainer';
+import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 

package/src/i18n/index.tsx

@@ -33,7 +33,7 @@ export const defaultTranslate = (
     } else {
       return key;
     }
-  } catch (err) {
+  } catch {
     console.error(`Translation key \`${key}\` not found`);
     return key;
   }