@digigov/ui 2.0.0-aefd0709 → 2.0.0-b15d5d44

package/src/form/TextArea/index.test.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/form/TextArea/__stories__/Default';
 import { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';
 import { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';
@@ -8,42 +9,40 @@ import { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/Multipl
 import { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';
 import { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';
 import { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All TextArea variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Dense">
-        <Dense />
-      </TestVariant>
-      <TestVariant title="DisabledInput">
-        <DisabledInput />
-      </TestVariant>
-      <TestVariant title="LimitedCharacters">
-        <LimitedCharacters />
-      </TestVariant>
-      <TestVariant title="MultipleQuestions">
-        <MultipleQuestions />
-      </TestVariant>
-      <TestVariant title="WithDeclaredRows">
-        <WithDeclaredRows />
-      </TestVariant>
-      <TestVariant title="WithErrorMessage">
-        <WithErrorMessage />
-      </TestVariant>
-      <TestVariant title="WithHint">
-        <WithHint />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Dense">
+      <Dense />
+    </TestVariant>
+    <TestVariant title="DisabledInput">
+      <DisabledInput />
+    </TestVariant>
+    <TestVariant title="LimitedCharacters">
+      <LimitedCharacters />
+    </TestVariant>
+    <TestVariant title="MultipleQuestions">
+      <MultipleQuestions />
+    </TestVariant>
+    <TestVariant title="WithDeclaredRows">
+      <WithDeclaredRows />
+    </TestVariant>
+    <TestVariant title="WithErrorMessage">
+      <WithErrorMessage />
+    </TestVariant>
+    <TestVariant title="WithHint">
+      <WithHint />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/form/TextInput/index.test.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';
 import { Default } from '@digigov/ui/form/TextInput/__stories__/Default';
 import { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';
@@ -10,48 +11,46 @@ import { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths'
 import { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';
 import { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';
 import { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All TextInput variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="AskingForNumbers">
-        <AskingForNumbers />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Dense">
-        <Dense />
-      </TestVariant>
-      <TestVariant title="DisabledInput">
-        <DisabledInput />
-      </TestVariant>
-      <TestVariant title="DisabledInputWithValue">
-        <DisabledInputWithValue />
-      </TestVariant>
-      <TestVariant title="FixedWidths">
-        <FixedWidths />
-      </TestVariant>
-      <TestVariant title="FluidWidths">
-        <FluidWidths />
-      </TestVariant>
-      <TestVariant title="MultipleQuestions">
-        <MultipleQuestions />
-      </TestVariant>
-      <TestVariant title="WithErrorMessage">
-        <WithErrorMessage />
-      </TestVariant>
-      <TestVariant title="WithHint">
-        <WithHint />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="AskingForNumbers">
+      <AskingForNumbers />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Dense">
+      <Dense />
+    </TestVariant>
+    <TestVariant title="DisabledInput">
+      <DisabledInput />
+    </TestVariant>
+    <TestVariant title="DisabledInputWithValue">
+      <DisabledInputWithValue />
+    </TestVariant>
+    <TestVariant title="FixedWidths">
+      <FixedWidths />
+    </TestVariant>
+    <TestVariant title="FluidWidths">
+      <FluidWidths />
+    </TestVariant>
+    <TestVariant title="MultipleQuestions">
+      <MultipleQuestions />
+    </TestVariant>
+    <TestVariant title="WithErrorMessage">
+      <WithErrorMessage />
+    </TestVariant>
+    <TestVariant title="WithHint">
+      <WithHint />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/i18n/index.tsx

@@ -10,6 +10,9 @@ export const defaultTranslate = (
   key: string,
   context?: Record<string, any>
 ): string => {
+  if (typeof key !== 'string') {
+    return key;
+  }
   try {
     if (key.split('.').length > 0) {
       return key.split('.').reduce((locale, path) => {
@@ -48,7 +51,17 @@ export const I18NProvider: React.FC<I18NContextProps> = ({
   ...props
 }: I18NContextProps) => {
   return (
-    <I18NContext.Provider value={{ t, ...props }}>
+    <I18NContext.Provider
+      value={{
+        t: (...args) => {
+          if (typeof args[0] !== 'string') {
+            return args[0];
+          }
+          return t(...args);
+        },
+        ...props,
+      }}
+    >
       {children}
     </I18NContext.Provider>
   );

package/src/i18n/locales/el.ts

@@ -4,6 +4,8 @@ export default {
       day: 'Ημέρα',
       month: 'Μήνας',
       year: 'Έτος',
+      hours: 'Ώρα',
+      minutes: 'Λεπτά',
     },
     error: {
       required: 'Το πεδίο είναι υποχρεωτικό.',
@@ -43,6 +45,26 @@ export default {
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}',
       },
+      datetime: {
+        invalid: 'Η ημερομηνία και ώρα πρέπει να είναι έγκυρη.',
+        invalid_month_year:
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα και το έτος.',
+        invalid_day_year:
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και το έτος.',
+        invalid_day_month:
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και τον μήνα.',
+        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα',
+        invalid_month: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα.',
+        invalid_year: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει το έτος.',
+        invalid_hours: 'Συμπληρώστε έγκυρη ώρα.',
+        invalid_minutes: 'Συμπληρώστε έγκυρα λεπτά.',
+        invalid_hours_range: 'Η ώρα πρέπει να είναι μεταξύ 0 και 23.',
+        invalid_minutes_range: 'Τα λεπτά πρέπει να είναι μεταξύ 0 και 59.',
+        earlier_than:
+          'Συμπληρώστε ημερομηνία και ώρα προγενέστερη της {{maxDateTime}}',
+        later_than:
+          'Συμπληρώστε ημερομηνία και ώρα μεταγενέστερη της {{minDateTime}}',
+      },
       otp: {
         invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
         less_than: 'Έχετε συμπληρώσει λιγότερα από {{maxLength}} ψηφία.',

package/src/i18n/locales/en.ts

@@ -4,6 +4,8 @@ export default {
       day: 'Day',
       month: 'Month',
       year: 'Year',
+      hours: 'Hours',
+      minutes: 'Minutes',
     },
     error: {
       required: 'This field is required.',
@@ -29,6 +31,27 @@ export default {
         invalid: 'Date must be a real date.',
         earlier_than: 'The date must be earlier than {{maxDate}}.',
         later_than: 'The date must be later than {{minDate}}',
+        invalid_month_year: 'Date must include month and year.',
+        invalid_day_year: 'Date must include day and year.',
+        invalid_day_month: 'Date must include day and month.',
+        invalid_day: 'Date must include day.',
+        invalid_month: 'Date must include month.',
+        invalid_year: 'Date must include year.',
+      },
+      datetime: {
+        invalid: 'Date and time must be valid.',
+        invalid_month_year: 'Date must include month and year.',
+        invalid_day_year: 'Date must include day and year.',
+        invalid_day_month: 'Date must include day and month.',
+        invalid_day: 'Date must include day.',
+        invalid_month: 'Date must include month.',
+        invalid_year: 'Date must include year.',
+        invalid_hours: 'Please enter valid hours.',
+        invalid_minutes: 'Please enter valid minutes.',
+        invalid_hours_range: 'Hours must be between 0 and 23.',
+        invalid_minutes_range: 'Minutes must be between 0 and 59.',
+        earlier_than: 'The date and time must be earlier than {{maxDateTime}}.',
+        later_than: 'The date and time must be later than {{minDateTime}}',
       },
       text: {
         more_than: 'You have surpass the {{max}} characters limit.',

package/src/layouts/Basic/index.test.tsx

@@ -1,33 +1,32 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/layouts/Basic/__stories__/Default';
 import { MultipleRowsLayout } from '@digigov/ui/layouts/Basic/__stories__/MultipleRowsLayout';
 import { TwoThirdsOneThirdColumns } from '@digigov/ui/layouts/Basic/__stories__/TwoThirdsOneThirdColumns';
 import { WithBasicLayout } from '@digigov/ui/layouts/Basic/__stories__/WithBasicLayout';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Basic variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="MultipleRowsLayout">
-        <MultipleRowsLayout />
-      </TestVariant>
-      <TestVariant title="TwoThirdsOneThirdColumns">
-        <TwoThirdsOneThirdColumns />
-      </TestVariant>
-      <TestVariant title="WithBasicLayout">
-        <WithBasicLayout />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="MultipleRowsLayout">
+      <MultipleRowsLayout />
+    </TestVariant>
+    <TestVariant title="TwoThirdsOneThirdColumns">
+      <TwoThirdsOneThirdColumns />
+    </TestVariant>
+    <TestVariant title="WithBasicLayout">
+      <WithBasicLayout />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/layouts/Grid/index.test.tsx

@@ -1,29 +1,28 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/layouts/Grid/__stories__/Default';
 import { Inline } from '@digigov/ui/layouts/Grid/__stories__/Inline';
 import { ResponsiveSpacing } from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Grid variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Inline">
-        <Inline />
-      </TestVariant>
-      <TestVariant title="ResponsiveSpacing">
-        <ResponsiveSpacing />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Inline">
+      <Inline />
+    </TestVariant>
+    <TestVariant title="ResponsiveSpacing">
+      <ResponsiveSpacing />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/layouts/Screen/index.test.tsx

@@ -1,33 +1,32 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';
 import { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';
 import { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';
 import { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Screen variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="ScreenDown">
-        <ScreenDown />
-      </TestVariant>
-      <TestVariant title="ScreenUp">
-        <ScreenUp />
-      </TestVariant>
-      <TestVariant title="SpecificScreenSize">
-        <SpecificScreenSize />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="ScreenDown">
+      <ScreenDown />
+    </TestVariant>
+    <TestVariant title="ScreenUp">
+      <ScreenUp />
+    </TestVariant>
+    <TestVariant title="SpecificScreenSize">
+      <SpecificScreenSize />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/layouts/Stack/index.test.tsx

@@ -1,41 +1,40 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { AlignItems } from '@digigov/ui/layouts/Stack/__stories__/AlignItems';
 import { Default } from '@digigov/ui/layouts/Stack/__stories__/Default';
 import { JustifyContent } from '@digigov/ui/layouts/Stack/__stories__/JustifyContent';
 import { NoWrap } from '@digigov/ui/layouts/Stack/__stories__/NoWrap';
 import { Row } from '@digigov/ui/layouts/Stack/__stories__/Row';
 import { Spacing } from '@digigov/ui/layouts/Stack/__stories__/Spacing';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Stack variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="AlignItems">
-        <AlignItems />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="JustifyContent">
-        <JustifyContent />
-      </TestVariant>
-      <TestVariant title="NoWrap">
-        <NoWrap />
-      </TestVariant>
-      <TestVariant title="Row">
-        <Row />
-      </TestVariant>
-      <TestVariant title="Spacing">
-        <Spacing />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="AlignItems">
+      <AlignItems />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="JustifyContent">
+      <JustifyContent />
+    </TestVariant>
+    <TestVariant title="NoWrap">
+      <NoWrap />
+    </TestVariant>
+    <TestVariant title="Row">
+      <Row />
+    </TestVariant>
+    <TestVariant title="Spacing">
+      <Spacing />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+