@digigov/ui 2.0.0-cbc56209 → 2.0.0-fec6f1f7

package/src/form/AutoComplete/utils.ts

@@ -4,6 +4,7 @@ export const keyCodes = {
   32: 'space',
   38: 'up',
   40: 'down',
+  8: 'backspace',
 };
 export function isIosDevice(): boolean | undefined {
   return (
@@ -293,8 +294,8 @@ export function suggest(
   syncResults(
     query
       ? results.filter(function (result) {
-        return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-      })
+          return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+        })
       : results
   );
 }

package/src/govgr/Footer/index.mdx

@@ -99,5 +99,3 @@ import { Feedback } from '@digigov/ui/govgr/Footer';
 ## API
 
 See below for a complete reference to all of the props  available to the components mentioned here.
-
-<PropTypes packageName="@digigov/ui" component="Footer" />

package/src/i18n/locales/el.ts

@@ -12,9 +12,9 @@ export default {
       string: 'Το πεδίο πρέπει να είναι string',
       email: 'Συμπληρώστε μια έγκυρη ηλεκτρονική διεύθυνση (e-mail).',
       afm: 'Ο Α.Φ.Μ που πληκτρολογήσατε είναι λανθασμένος.',
-      file_size: 'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο.',
+      file_size: 'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο ({{maxSizeToMb}}Mb).',
       image_size:
-        'Το μέγεθος της φωτογραφίας είναι μεγαλύτερο απο το επιτρεπόμενο.',
+        'Το μέγεθος της φωτογραφίας είναι μεγαλύτερο απο το επιτρεπόμενο ({{maxSizeToMb}}Mb).',
       mobile_phone: 'Συμπληρώστε έναν έγκυρο αριθμό κινητού τηλεφώνου.',
       phone_number: 'Συμπληρώστε έναν έγκυρο αριθμό τηλεφώνου.',
       landline: 'Συμπληρώστε έναν έγκυρο αριθμό σταθερού τηλεφώνου.',

package/src/i18n/locales/en.ts

@@ -12,8 +12,8 @@ export default {
       string: 'This field must be a string',
       email: 'Please enter a valid email address (e-mail).',
       afm: 'The VAT number you entered is incorrect.',
-      file_size: 'File size is larger than allowed.',
-      image_size: 'Image size is larger than allowed.',
+      file_size: 'File size is larger than allowed ({{maxSizeToMb}}Mb).',
+      image_size: 'Image size is larger than allowed ({{maxSizeToMb}}Mb).',
       mobile_phone: 'Fill in a valid mobile phone number.',
       landline: 'Fill in a valid landline phone number.',
       phone_number: 'Fill in a valid phone number.',

package/src/lazy.js

@@ -155,13 +155,15 @@ export default {
   'WarningText': lazy(() => import('@digigov/ui/feedback/WarningText').then((module)=> ({default: module['WarningText']}))),
   'AutoComplete': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoComplete']}))),
   'AutoCompleteAssistiveHint': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteAssistiveHint']}))),
+  'AutoCompleteContainer': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteContainer']}))),
   'AutoCompleteInput': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteInput']}))),
   'AutoCompleteInputTypeahead': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteInputTypeahead']}))),
+  'AutoCompleteMultipleInput': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteMultipleInput']}))),
+  'AutoCompleteMultipleInputContainer': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteMultipleInputContainer']}))),
   'AutoCompleteResultList': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteResultList']}))),
   'AutoCompleteResultListItem': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteResultListItem']}))),
-  'AutoCompleteWrapper': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteWrapper']}))),
   'AutoCompleteStatus': lazy(() => import('@digigov/ui/form/AutoComplete/Status').then((module)=> ({default: module['AutoCompleteStatus']}))),
-  'AutoCompleteStatusWrapper': lazy(() => import('@digigov/ui/form/AutoComplete/Status').then((module)=> ({default: module['AutoCompleteStatusWrapper']}))),
+  'AutoCompleteStatusContainer': lazy(() => import('@digigov/ui/form/AutoComplete/Status').then((module)=> ({default: module['AutoCompleteStatusContainer']}))),
   'ButtonLink': lazy(() => import('@digigov/ui/form/Button/ButtonLink').then((module)=> ({default: module['ButtonLink']}))),
   'CallToAction': lazy(() => import('@digigov/ui/form/Button/CallToAction').then((module)=> ({default: module['CallToAction']}))),
   'ContinueButton': lazy(() => import('@digigov/ui/form/Button').then((module)=> ({default: module['ContinueButton']}))),

package/src/navigation/Dropdown/Dropdown.stories.js

@@ -17,4 +17,5 @@ export * from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';
 export * from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';
 export * from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';
 export * from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';
+export * from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';
 export * from '@digigov/ui/navigation/Dropdown/__stories__/Dense';

package/src/navigation/Dropdown/Dropdown.stories.playwright.json

@@ -64,6 +64,22 @@
           "title": "Open dropdown action"
         }
       ]
+    },
+    "digigov-ui-navigation-dropdown--scrollable-content": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>details>summary"
+              }
+            }
+          ],
+          "id": "rZUYM--IzpfW",
+          "title": "open content"
+        }
+      ]
     }
   }
 }

package/src/navigation/Dropdown/__stories__/ScrollableContent.tsx

@@ -0,0 +1,82 @@
+import React from 'react';
+import {
+  Dropdown,
+  DropdownButton,
+  DropdownContent,
+} from '@digigov/ui/navigation/Dropdown';
+import { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';
+
+const data = [
+  {
+    name: 'Item 1',
+    href: '#',
+  },
+  {
+    name: 'Item 2',
+    href: '#',
+  },
+  {
+    name: 'Item 3',
+    href: '#',
+  },
+  {
+    name: 'Item 4',
+    href: '#',
+  },
+  {
+    name: 'Item 5',
+    href: '#',
+  },
+  {
+    name: 'Item 6',
+    href: '#',
+  },
+  {
+    name: 'Item 7',
+    href: '#',
+  },
+  {
+    name: 'Item 8',
+    href: '#',
+  },
+  {
+    name: 'Item 9',
+    href: '#',
+  },
+  {
+    name: 'Item 10',
+    href: '#',
+  },
+  {
+    name: 'Item 11',
+    href: '#',
+  },
+  {
+    name: 'Item 12',
+    href: '#',
+  },
+];
+
+export const ScrollableContent = () => (
+  <Dropdown>
+    <DropdownButton
+      role="button"
+      aria-haspopup="true"
+      aria-controls="menu2"
+      arrow
+    >
+      Ενέργειες
+    </DropdownButton>
+    <DropdownContent role="menu" id="menu2" scrollable>
+      <NavList layout="vertical">
+        {data.map((item) => (
+          <NavListItemAction role="menuitem" href={item.href}>
+            {item.name}
+          </NavListItemAction>
+        ))}
+      </NavList>
+    </DropdownContent>
+  </Dropdown>
+);
+
+export default ScrollableContent;

package/src/navigation/NavList/types.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
 import { NavProps } from '@digigov/ui/navigation/NavList';
 
 export type NavListLayout = 'horizontal' | 'vertical';
@@ -26,7 +25,7 @@ export interface NavListAutoProps extends NavProps {
   floating?: boolean;
   subMenu?: boolean;
   links?: NavLinkInterface[];
-  style?: BaseCSSProperties;
+  style?: React.CSSProperties;
 }
 
 export interface NavListHeaderItemType {

package/form/AutoComplete/__stories__/WithInLine.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithInLine: () => JSX.Element;
-export default WithInLine;