@digigov/ui 0.24.1 → 0.26.0

package/core/SummaryList/__stories__/Default.d.ts

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

package/core/SummaryList/__stories__/Default.js

@@ -13,11 +13,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
 
+var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/core/VisuallyHidden"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567")));
+var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567")));
 
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);

package/core/SummaryList/__stories__/WithActions.d.ts

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

package/core/SummaryList/__stories__/WithKeyAndAction.d.ts

@@ -0,0 +1,2 @@
+export declare const WithKeyAndAction: () => JSX.Element;
+export default WithKeyAndAction;

package/core/SummaryList/__stories__/WithKeyAndAction.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithKeyAndAction = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
+
+var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/core/VisuallyHidden"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var _core = require("@digigov/ui/core");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  variant: "link"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  variant: "link"
+}, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"))))));
+
+var WithKeyAndAction = function WithKeyAndAction() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+};
+
+exports.WithKeyAndAction = WithKeyAndAction;
+var _default = WithKeyAndAction;
+exports["default"] = _default;

package/core/SummaryList/__stories__/WithoutBorders.d.ts

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

package/core/SvgIcon/index.d.ts

@@ -2,6 +2,7 @@ export * from '@digigov/react-core/SvgIcon';
 export * from '@digigov/react-core/ArrowIcon';
 export * from '@digigov/react-core/CaretIcon';
 export * from '@digigov/react-core/UncheckIcon';
+export * from '@digigov/react-core/CheckIcon';
 export * from '@digigov/react-core/CloseIcon';
 export * from '@digigov/react-core/MoreVertIcon';
 export * from '@digigov/react-core/BurgerIcon';

package/core/SvgIcon/index.js

@@ -64,6 +64,20 @@ Object.keys(_UncheckIcon).forEach(function (key) {
   });
 });
 
+var _CheckIcon = require("@digigov/react-core/CheckIcon");
+
+Object.keys(_CheckIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CheckIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CheckIcon[key];
+    }
+  });
+});
+
 var _CloseIcon = require("@digigov/react-core/CloseIcon");
 
 Object.keys(_CloseIcon).forEach(function (key) {

package/core/Table/TableFloatingScroll.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare function TableFloatingScroll(props: any): JSX.Element;
 export default TableFloatingScroll;

package/core/Table/__stories__/DarkVariant.d.ts

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

package/core/Table/__stories__/DarkVariantWithVerticalHeaders.d.ts

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

package/core/Table/__stories__/Default.d.ts

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

package/core/Table/__stories__/DefinedWidth.d.ts

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

package/core/Table/__stories__/Densed.d.ts

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

package/core/Table/__stories__/MultipleProps.d.ts

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

package/core/Table/__stories__/NoData.d.ts

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

package/core/Table/__stories__/NumericDataType.d.ts

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

package/core/Table/__stories__/TableCaptions.d.ts

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

package/core/Table/__stories__/VerticalBorders.d.ts

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

package/core/Table/__stories__/VerticalHeaders.d.ts

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

package/core/Table/__stories__/WithFloatingScroll.d.ts

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

package/core/Table/__stories__/WithHeader.d.ts

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

package/core/Table/__stories__/WithLoader.d.ts

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

package/core/Table/__stories__/ZebraProp.d.ts

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

package/core/Tabs/__stories__/Default.d.ts

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

package/core/TextArea/__stories__/Default.d.ts

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

package/core/TextArea/__stories__/DisabledInput.d.ts

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

package/core/TextArea/__stories__/LimitedCharacters.d.ts

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

package/core/TextArea/__stories__/MultipleQuestions.d.ts

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

package/core/TextArea/__stories__/WithDeclaredRows.d.ts

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

package/core/TextArea/__stories__/WithErrorMessage.d.ts

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

package/core/TextArea/__stories__/WithHint.d.ts

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

package/core/TextInput/__stories__/AskingForNumbers.d.ts

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

package/core/TextInput/__stories__/Default.d.ts

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

package/core/TextInput/__stories__/DisabledInput.d.ts

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

package/core/TextInput/__stories__/FixedWidths.d.ts

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

package/core/TextInput/__stories__/FluidWidths.d.ts

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

package/core/TextInput/__stories__/MultipleQuestions.d.ts

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

package/core/TextInput/__stories__/WithErrorMessage.d.ts

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

package/core/TextInput/__stories__/WithHint.d.ts

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

package/core/VisuallyHidden/__stories__/Default.d.ts

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

package/core/WarningText/__stories__/Default.d.ts

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

package/core/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Button } from '@digigov/ui/core/Button';
 export * from '@digigov/ui/core/BackLink';
+export * from '@digigov/ui/core/Base';
 export * from '@digigov/ui/core/Button';
 export * from '@digigov/ui/core/Accordion';
 export * from '@digigov/ui/core/Blockquote';
@@ -10,8 +11,11 @@ export * from '@digigov/ui/core/Details';
 export * from '@digigov/ui/core/Divider';
 export * from '@digigov/ui/core/ErrorSummary';
 export * from '@digigov/ui/core/FileUpload';
+export * from '@digigov/ui/core/Form';
 export * from '@digigov/ui/core/Hidden';
+export * from '@digigov/ui/core/Label';
 export * from '@digigov/ui/core/Link';
+export * from '@digigov/ui/core/SkipLink';
 export * from '@digigov/ui/core/List';
 export * from '@digigov/ui/core/NavList';
 export * from '@digigov/ui/core/NavList';

package/core/index.js

@@ -52,6 +52,20 @@ Object.keys(_BackLink).forEach(function (key) {
   });
 });
 
+var _Base = require("@digigov/ui/core/Base");
+
+Object.keys(_Base).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Base[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Base[key];
+    }
+  });
+});
+
 var _Accordion = require("@digigov/ui/core/Accordion");
 
 Object.keys(_Accordion).forEach(function (key) {
@@ -178,6 +192,20 @@ Object.keys(_FileUpload).forEach(function (key) {
   });
 });
 
+var _Form = require("@digigov/ui/core/Form");
+
+Object.keys(_Form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Form[key];
+    }
+  });
+});
+
 var _Hidden = require("@digigov/ui/core/Hidden");
 
 Object.keys(_Hidden).forEach(function (key) {
@@ -192,6 +220,20 @@ Object.keys(_Hidden).forEach(function (key) {
   });
 });
 
+var _Label = require("@digigov/ui/core/Label");
+
+Object.keys(_Label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Label[key];
+    }
+  });
+});
+
 var _Link = require("@digigov/ui/core/Link");
 
 Object.keys(_Link).forEach(function (key) {
@@ -206,6 +248,20 @@ Object.keys(_Link).forEach(function (key) {
   });
 });
 
+var _SkipLink = require("@digigov/ui/core/SkipLink");
+
+Object.keys(_SkipLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SkipLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SkipLink[key];
+    }
+  });
+});
+
 var _List = require("@digigov/ui/core/List");
 
 Object.keys(_List).forEach(function (key) {

package/es/admin/AutoComplete/__stories__/Default.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
   source: suggest,

package/es/admin/AutoComplete/__stories__/WithAutoSelect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement("div", {
   className: "govgr-btn govgr-btn-primary"
@@ -11,7 +11,18 @@ export var WithAutoSelect = function WithAutoSelect() {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
     source: suggest,
     autoselect: true,
-    id: "govgr",
+    id: "govgr" // tStatusResults={(x, y) => {
+    //   return `Results x: ${x} y: ${y}`;
+    // }}
+    ,
+    templates: {
+      suggestion: function suggestion(value) {
+        return '--> ' + value;
+      },
+      inputValue: function inputValue(value) {
+        return value ? 'Country: ' + value : '';
+      }
+    },
     tNoResults: function tNoResults() {
       return 'Δεν υπάρχουν αποτελέσματα';
     }

package/es/admin/AutoComplete/__stories__/WithDefaultValue.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
   source: suggest,

package/es/admin/AutoComplete/__stories__/WithInLine.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
   source: suggest,

package/es/admin/AutoComplete/__stories__/WithMinLength.js

@@ -2,7 +2,7 @@ import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
 import Paragraph from '@digigov/ui/typography/Paragraph';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Paragraph, null, "This is the minimum number of characters that should be entered before the autocomplete will attempt to suggest options(in above example is 2)"), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
   source: suggest,

package/es/admin/AutoComplete/__stories__/WithPlaceHolder.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
   source: suggest,

package/es/admin/AutoComplete/__stories__/WithShowAllValues.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import AutoComplete from '@digigov/ui/admin/AutoComplete';
 import Field from '@digigov/ui/core/Field';
-import suggest from '@digigov/ui/admin/AutoComplete/utils';
+import suggest from '@digigov/ui/admin/AutoComplete/__stories__/utils';
 
 var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
   source: suggest,

package/es/admin/AutoComplete/__stories__/utils.js

@@ -0,0 +1,6 @@
+export var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
+export default function suggest(query, syncResults) {
+  syncResults(query ? results.filter(function (result) {
+    return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+  }) : []);
+}

package/es/admin/AutoComplete/index.js

@@ -21,31 +21,7 @@ import AutoCompleteAssistiveHint from '@digigov/react-extensions/admin/AutoCompl
 import { Component } from 'react';
 import Status from '@digigov/ui/admin/AutoComplete/Status';
 import DropdownArrowDown from '@digigov/react-extensions/admin/DropdownArrowDown';
-/* const IS_PREACT = process.env.COMPONENT_LIBRARY === 'PREACT'; */
-
-/* const IS_REACT = process.env.COMPONENT_LIBRARY === 'REACT'; */
-
-var keyCodes = {
-  13: 'enter',
-  27: 'escape',
-  32: 'space',
-  38: 'up',
-  40: 'down'
-};
-
-function isIosDevice() {
-  return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
-}
-
-function isPrintableKeyCode(keyCode) {
-  return keyCode > 47 && keyCode < 58 || // number keys
-  keyCode === 32 || keyCode === 8 || // spacebar or backspace
-  keyCode > 64 && keyCode < 91 || // letter keys
-  keyCode > 95 && keyCode < 112 || // numpad keys
-  keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
-  keyCode > 218 && keyCode < 223 // [\]' (in order)
-  ;
-}
+import { isIosDevice, keyCodes, isPrintableKeyCode } from '@digigov/ui/admin/AutoComplete/utils';
 
 var AutoComplete = /*#__PURE__*/function (_Component) {
   _inherits(AutoComplete, _Component);
@@ -139,7 +115,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevState) {
+    value: function componentDidUpdate(_, prevState) {
       var focused = this.state.focused;
       var componentLostFocus = focused === null;
       var focusedChanged = prevState.focused !== focused;
@@ -515,7 +491,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           tStatusSelectedOption = _this$props4.tStatusSelectedOption,
           tStatusResults = _this$props4.tStatusResults,
           tAssistiveHint = _this$props4.tAssistiveHint,
-          dropdownArrowFactory = _this$props4.dropdownArrow;
+          DropdownArrow = _this$props4.dropdownArrow;
       var _this$state7 = this.state,
           focused = _this$state7.focused,
           hovered = _this$state7.hovered,
@@ -542,23 +518,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var ariaDescribedProp = ariaHint ? {
         'aria-describedby': assistiveHintID
       } : null;
-      var dropdownArrow; // we only need a dropdown arrow if showAllValues is set to a truthy value
-
-      if (showAllValues) {
-        dropdownArrow = dropdownArrowFactory({
-          className: dropdownArrowClassName
-        }); // if the factory returns a string we'll render this as HTML (usage w/o (P)React)
-
-        if (typeof dropdownArrow === 'string') {
-          dropdownArrow = /*#__PURE__*/React.createElement("div", {
-            className: "autocomplete__dropdown-arrow-down-wrapper",
-            dangerouslySetInnerHTML: {
-              __html: dropdownArrow
-            }
-          });
-        }
-      }
-
       return /*#__PURE__*/React.createElement(AutoCompleteWrapper, {
         onKeyDown: this.handleKeyDown,
         cellWidth: cellWidth
@@ -601,7 +560,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "combobox",
         required: required,
         value: query
-      })), dropdownArrow, /*#__PURE__*/React.createElement(AutoCompleteResultList, {
+      })), showAllValues && DropdownArrow && /*#__PURE__*/React.createElement(DropdownArrow, {
+        className: dropdownArrowClassName
+      }), /*#__PURE__*/React.createElement(AutoCompleteResultList, {
         displayMenu: displayMenu,
         isVisible: menuIsVisible,
         onMouseLeave: function onMouseLeave() {