@digigov/ui 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/form/AutoComplete/index.js

@@ -1,102 +1,37 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AutoComplete = void 0;
-Object.defineProperty(exports, "AutoCompleteAssistiveHint", {
-  enumerable: true,
-  get: function get() {
-    return _AutoCompleteAssistiveHint["default"];
-  }
-});
-Object.defineProperty(exports, "AutoCompleteInput", {
-  enumerable: true,
-  get: function get() {
-    return _AutoCompleteInput["default"];
-  }
-});
-Object.defineProperty(exports, "AutoCompleteInputTypeahead", {
-  enumerable: true,
-  get: function get() {
-    return _AutoCompleteInputTypeahead["default"];
-  }
-});
-Object.defineProperty(exports, "AutoCompleteResultList", {
-  enumerable: true,
-  get: function get() {
-    return _AutoCompleteResultList["default"];
-  }
-});
-Object.defineProperty(exports, "AutoCompleteResultListItem", {
-  enumerable: true,
-  get: function get() {
-    return _AutoCompleteResultListItem["default"];
-  }
-});
-Object.defineProperty(exports, "AutoCompleteWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _AutoCompleteWrapper["default"];
-  }
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _AutoCompleteAssistiveHint = _interopRequireDefault(require("@digigov/react-core/AutoCompleteAssistiveHint"));
-
-var _AutoCompleteInput = _interopRequireDefault(require("@digigov/react-core/AutoCompleteInput"));
-
-var _AutoCompleteInputTypeahead = _interopRequireDefault(require("@digigov/react-core/AutoCompleteInputTypeahead"));
-
-var _AutoCompleteResultList = _interopRequireDefault(require("@digigov/react-core/AutoCompleteResultList"));
-
-var _AutoCompleteResultListItem = _interopRequireDefault(require("@digigov/react-core/AutoCompleteResultListItem"));
-
-var _AutoCompleteWrapper = _interopRequireDefault(require("@digigov/react-core/AutoCompleteWrapper"));
-
-var _Status = _interopRequireDefault(require("@digigov/ui/form/AutoComplete/Status"));
-
-var _utils = require("@digigov/ui/form/AutoComplete/utils");
-
-var _CaretIcon = require("@digigov/react-icons/CaretIcon");
-
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+import React from 'react';
+import { Component } from 'react';
+import AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';
+import AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';
+import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
+import AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';
+import AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';
+import AutoCompleteWrapper from '@digigov/react-core/AutoCompleteWrapper';
+import Status from "./Status";
+import { isIosDevice, keyCodes, isPrintableKeyCode } from "./utils";
+import { CaretIcon } from '@digigov/react-icons/CaretIcon';
+
 var AutoComplete = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(AutoComplete, _Component);
+  _inherits(AutoComplete, _Component);
 
   var _super = _createSuper(AutoComplete);
 
   function AutoComplete(props) {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, AutoComplete);
+    _classCallCheck(this, AutoComplete);
+
     _this = _super.call(this, props);
     _this.elementReferences = {};
     _this.$pollInput = void 0;
@@ -110,27 +45,27 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       selected: null,
       ariaHint: true
     };
-    _this.handleComponentBlur = _this.handleComponentBlur.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleUpArrow = _this.handleUpArrow.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleDownArrow = _this.handleDownArrow.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleEnter = _this.handleEnter.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handlePrintableKey = _this.handlePrintableKey.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleListMouseLeave = _this.handleListMouseLeave.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleOptionBlur = _this.handleOptionBlur.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleOptionClick = _this.handleOptionClick.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleOptionFocus = _this.handleOptionFocus.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleOptionMouseDown = _this.handleOptionMouseDown.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleOptionMouseEnter = _this.handleOptionMouseEnter.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleInputBlur = _this.handleInputBlur.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleInputChange = _this.handleInputChange.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.handleInputFocus = _this.handleInputFocus.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.pollInputElement = _this.pollInputElement.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.getDirectInputChanges = _this.getDirectInputChanges.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleComponentBlur = _this.handleComponentBlur.bind(_assertThisInitialized(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
+    _this.handleUpArrow = _this.handleUpArrow.bind(_assertThisInitialized(_this));
+    _this.handleDownArrow = _this.handleDownArrow.bind(_assertThisInitialized(_this));
+    _this.handleEnter = _this.handleEnter.bind(_assertThisInitialized(_this));
+    _this.handlePrintableKey = _this.handlePrintableKey.bind(_assertThisInitialized(_this));
+    _this.handleListMouseLeave = _this.handleListMouseLeave.bind(_assertThisInitialized(_this));
+    _this.handleOptionBlur = _this.handleOptionBlur.bind(_assertThisInitialized(_this));
+    _this.handleOptionClick = _this.handleOptionClick.bind(_assertThisInitialized(_this));
+    _this.handleOptionFocus = _this.handleOptionFocus.bind(_assertThisInitialized(_this));
+    _this.handleOptionMouseDown = _this.handleOptionMouseDown.bind(_assertThisInitialized(_this));
+    _this.handleOptionMouseEnter = _this.handleOptionMouseEnter.bind(_assertThisInitialized(_this));
+    _this.handleInputBlur = _this.handleInputBlur.bind(_assertThisInitialized(_this));
+    _this.handleInputChange = _this.handleInputChange.bind(_assertThisInitialized(_this));
+    _this.handleInputFocus = _this.handleInputFocus.bind(_assertThisInitialized(_this));
+    _this.pollInputElement = _this.pollInputElement.bind(_assertThisInitialized(_this));
+    _this.getDirectInputChanges = _this.getDirectInputChanges.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2["default"])(AutoComplete, [{
+  _createClass(AutoComplete, [{
     key: "isQueryAnOption",
     value: function isQueryAnOption(query, options) {
       var _this2 = this;
@@ -201,7 +136,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }, {
     key: "hasAutoselect",
     value: function hasAutoselect() {
-      return (0, _utils.isIosDevice)() ? false : this.props.autoselect;
+      return isIosDevice() ? false : this.props.autoselect;
     } // This template is used when converting from a state.options object into a state.query.
 
   }, {
@@ -264,7 +199,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var blurComponent = !focusingAnotherOption && focusingOutsideComponent || !(focusingAnotherOption || focusingInput);
 
       if (blurComponent) {
-        var keepMenuOpen = menuOpen && (0, _utils.isIosDevice)();
+        var keepMenuOpen = menuOpen && isIosDevice();
         this.handleComponentBlur({
           menuOpen: keepMenuOpen,
           query: this.templateInputValue(options[selected])
@@ -283,8 +218,8 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var focusingAnOption = focused !== -1;
 
       if (!focusingAnOption) {
-        var keepMenuOpen = menuOpen && (0, _utils.isIosDevice)();
-        var newQuery = (0, _utils.isIosDevice)() ? query : this.templateInputValue(options[selected]);
+        var keepMenuOpen = menuOpen && isIosDevice();
+        var newQuery = isIosDevice() ? query : this.templateInputValue(options[selected]);
         this.handleComponentBlur({
           menuOpen: keepMenuOpen,
           query: newQuery
@@ -373,7 +308,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     value: function handleOptionMouseEnter(index) {
       // iOS Safari prevents click event if mouseenter adds hover background colour
       // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4
-      if (!(0, _utils.isIosDevice)()) {
+      if (!isIosDevice()) {
         this.setState({
           hovered: index
         });
@@ -504,7 +439,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }, {
     key: "handleKeyDown",
     value: function handleKeyDown(event) {
-      switch (_utils.keyCodes[event.keyCode]) {
+      switch (keyCodes[event.keyCode]) {
         case 'up':
           this.handleUpArrow(event);
           break;
@@ -528,7 +463,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           break;
 
         default:
-          if ((0, _utils.isPrintableKeyCode)(event.keyCode)) {
+          if (isPrintableKeyCode(event.keyCode)) {
             this.handlePrintableKey(event);
           }
 
@@ -582,10 +517,10 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var ariaDescribedProp = ariaHint ? {
         'aria-describedby': assistiveHintID
       } : null;
-      return /*#__PURE__*/_react["default"].createElement(_AutoCompleteWrapper["default"], {
+      return /*#__PURE__*/React.createElement(AutoCompleteWrapper, {
         onKeyDown: this.handleKeyDown,
         width: width
-      }, /*#__PURE__*/_react["default"].createElement(_Status["default"], {
+      }, /*#__PURE__*/React.createElement(Status, {
         id: id,
         length: options.length,
         queryLength: query.length,
@@ -598,9 +533,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         tNoResults: tStatusNoResults,
         tSelectedOption: tStatusSelectedOption,
         tResults: tStatusResults
-      }), hintValue && /*#__PURE__*/_react["default"].createElement(_AutoCompleteInputTypeahead["default"], {
+      }), hintValue && /*#__PURE__*/React.createElement(AutoCompleteInputTypeahead, {
         value: hintValue
-      }), /*#__PURE__*/_react["default"].createElement(_AutoCompleteInput["default"], (0, _extends2["default"])({
+      }), /*#__PURE__*/React.createElement(AutoCompleteInput, _extends({
         "aria-expanded": menuOpen ? 'true' : 'false',
         "aria-activedescendant": optionFocused ? "".concat(id, "__option--").concat(focused) : '',
         "aria-owns": "".concat(id, "__listbox"),
@@ -624,9 +559,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "combobox",
         required: required,
         value: query
-      })), showAllValues && DropdownArrow && /*#__PURE__*/_react["default"].createElement(DropdownArrow, {
+      })), showAllValues && DropdownArrow && /*#__PURE__*/React.createElement(DropdownArrow, {
         className: dropdownArrowClassName
-      }), /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultList["default"], {
+      }), /*#__PURE__*/React.createElement(AutoCompleteResultList, {
         displayMenu: displayMenu,
         isVisible: menuIsVisible,
         onMouseLeave: function onMouseLeave() {
@@ -636,7 +571,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "listbox"
       }, options.map(function (option, index) {
         var showFocused = focused === -1 ? selected === index : focused === index;
-        var iosPosinsetHtml = (0, _utils.isIosDevice)() ? /*#__PURE__*/_react["default"].createElement("span", {
+        var iosPosinsetHtml = isIosDevice() ? /*#__PURE__*/React.createElement("span", {
           id: "".concat(id, "__option-suffix--").concat(index),
           style: {
             border: '0',
@@ -651,7 +586,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
             width: '1px'
           }
         }, index + 1, " \u03B1\u03C0\u03CC ", options.length) : '';
-        return /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultListItem["default"], {
+        return /*#__PURE__*/React.createElement(AutoCompleteResultListItem, {
           isFocused: showFocused,
           isHovered: hovered,
           index: index,
@@ -675,17 +610,17 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           "aria-posinset": index + 1,
           "aria-setsize": options.length
         }, _this7.templateSuggestion(option), " ", iosPosinsetHtml);
-      }), showNoOptionsFound && /*#__PURE__*/_react["default"].createElement(_AutoCompleteResultListItem["default"], {
+      }), showNoOptionsFound && /*#__PURE__*/React.createElement(AutoCompleteResultListItem, {
         empty: true
-      }, tNoResults === null || tNoResults === void 0 ? void 0 : tNoResults())), /*#__PURE__*/_react["default"].createElement(_AutoCompleteAssistiveHint["default"], {
+      }, tNoResults === null || tNoResults === void 0 ? void 0 : tNoResults())), /*#__PURE__*/React.createElement(AutoCompleteAssistiveHint, {
         id: assistiveHintID
       }, tAssistiveHint === null || tAssistiveHint === void 0 ? void 0 : tAssistiveHint()));
     }
   }]);
+
   return AutoComplete;
-}(_react.Component);
+}(Component);
 
-exports.AutoComplete = exports["default"] = AutoComplete;
 AutoComplete.defaultProps = {
   width: '33.3%',
   autoselect: false,
@@ -708,9 +643,11 @@ AutoComplete.defaultProps = {
     return 'When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures.';
   },
   dropdownArrow: function dropdownArrow(props) {
-    return /*#__PURE__*/_react["default"].createElement(_CaretIcon.CaretIcon, (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(CaretIcon, _extends({
       direction: "down",
       size: "sm"
     }, props));
   }
-};
+};
+export { AutoComplete as default };
+export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteWrapper, AutoCompleteAssistiveHint };

package/form/AutoComplete/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/form/AutoComplete/index.js"
+}

package/form/AutoComplete/utils.js

@@ -1,26 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isIosDevice = isIosDevice;
-exports.isPrintableKeyCode = isPrintableKeyCode;
-exports.results = exports.keyCodes = void 0;
-exports.suggest = suggest;
-var keyCodes = {
+export var keyCodes = {
   13: 'enter',
   27: 'escape',
   32: 'space',
   38: 'up',
   40: 'down'
 };
-exports.keyCodes = keyCodes;
-
-function isIosDevice() {
+export function isIosDevice() {
   return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
 }
-
-function isPrintableKeyCode(keyCode) {
+export function isPrintableKeyCode(keyCode) {
   return keyCode > 47 && keyCode < 58 || // number keys
   keyCode === 32 || keyCode === 8 || // spacebar or backspace
   keyCode > 64 && keyCode < 91 || // letter keys
@@ -31,11 +19,8 @@ function isPrintableKeyCode(keyCode) {
 }
 /* Helper Utils for __stories__ */
 
-
-var results = ['Αφγανιστάν', 'Ακρωτήρι', 'Αλβανία', 'Αλγερία', 'Αμερικανική Σαμόα', 'Ανδόρα', 'Αγκόλα', 'Ανγκουίλα', 'Ανταρκτική', 'Αντίγκουα και Μπαρμπούντα', 'Αργεντινή', 'Αρμενία', 'Αρούμπα', 'Νήσοι Άσμορ και Καρτιέ', 'Αυστραλία', 'Αυστρία', 'Αζερμπαϊτζάν', 'Μπαχάμες, Οι', 'Μπαχρέιν', 'Μπαγκλαντές', 'Μπαρμπάντος', 'Ύφαλος Ινδίας', 'Λευκορωσία', 'Βέλγιο', 'Μπελίζ', 'Μπενίν', 'Βερμούδες', 'Μπουτάν', 'Βολιβία', 'Βοσνία-Ερζεγοβίνη', 'Μποτσουάνα', 'Νησί Μπουβέ', 'Βραζιλία', 'Βρετανικό Έδαφος Ινδικού Ωκεανού', 'Βρετανικές Παρθένοι Νήσοι', 'Μπρουνέι', 'Βουλγαρία', 'Μπουρκίνα Φάσο', 'Βιρμανία', 'Μπουρούντι', 'Καμπότζη', 'Καμερούν', 'Καναδάς', 'Πράσινο Ακρωτήριο', 'Νήσοι Κέιμαν', 'Κεντροαφρικανική Δημοκρατία', 'Τσαντ', 'Χιλή', 'Κίνα', 'Νήσος των Χριστουγέννων', 'Νήσος Κλίππερτο', 'Νησιά Κόκος (Κήλινγκ)', 'Κολομβία', 'Κομόρες', 'Κονγκό', 'Νήσοι Κουκ', 'Νησιά της Θάλασσας των Κοραλλιών', 'Κόστα Ρίκα', 'Ακτή Ελεφαντοστού', 'Κροατία', 'Κούβα', 'Κύπρος', 'Τσεχική Δημοκρατία', 'Δανία', 'Δεκέλεια', 'Τζιμπουτί', 'Δομινίκα', 'Δομινικανή Δημοκρατία', 'Εκουαδόρ', 'Αίγυπτος', 'Ελ Σαλβαδόρ', 'Ισημερινή Γουινέα', 'Ερυθραία', 'Εσθονία', 'Αιθιοπία', 'Νήσος Ευρώπη', 'Νήσοι Φόκλαντ', 'Νήσοι Φερόες', 'Φίτζι', 'Φινλανδία', 'Γαλλία', 'Γαλλική Γουιάνα', 'Γαλλική Πολυνησία', ' Γαλλικά Νότια και Ανταρκτικά Εδάφη', 'Γκαμπόν', 'Γκάμπια', 'Λωρίδα της Γάζας', 'Γεωργία', 'Γερμανία', 'Γκάνα', 'Γιβραλτάρ', 'Ένδοξες Νήσοι', 'Ελλάδα', 'Γροιλανδία', 'Γρενάδα', 'Γουαδελούπη', 'Γκουάμ', 'Γουατεμάλα', 'Γκέρνζι', 'Γουινέα', 'Γουινέα-Μπισσάου', 'Γουιάνα', 'Αϊτή', 'Χερντ Νήσος και ΜακΝτόναλντ Νήσοι', 'Αγία Έδρα (Πόλη του Βατικανού)', 'Ονδούρα', 'Χονγκ Κονγκ', 'Ουγγαρία', 'Ισλανδία', 'Ινδία', 'Ινδονησία', 'Ιράν', 'Ιράκ', 'Ιρλανδία', 'Νήσος Μαν', 'Ισραήλ', 'Ιταλία', 'Τζαμάικα', 'Γιαν Μάγεν', 'Ιαπωνία', 'Τζέρσεϊ', 'Ιορδανία', 'Νήσος Χουάν ντε Νόβα', 'Καζακστάν', 'Κένυα', 'Κιριμπάτι', 'Βόρεια Κορέα', 'Νότια Κορέα', 'Κουβέιτ', 'Κιργιστάν', 'Λάος', 'Λετονία', 'Λίβανος', 'Λεσότο', 'Λιβερία', 'Λιβύη', 'Λιχτενστάιν', 'Λιθουανία', 'Λουξεμβούργο', 'Μακάο', 'Μακεδονία', 'Μαδαγασκάρη', 'Μαλάουι', 'Μαλαισία', 'Μαλδίβες', 'Μάλι', 'Μάλτα', 'Νήσοι Μάρσαλ', 'Μαρτινίκα', 'Μαυριτανία', 'Μαυρίκιος', 'Μαγιότ', 'Μεξικό', 'Μικρονησία, Ομόσπονδες Πολιτείες', 'Μολδαβία', 'Μονακό', 'Μογγολία', 'Μοντσερά', 'Μαρόκο', 'Μοζαμβίκη', 'Ναμίμπια', 'Ναουρού', 'Νήσος Ναβάσα', 'Νεπάλ', 'Ολλανδία', 'Ολλανδικές Αντίλλες', 'Νέα Καληδονία', 'Νέα Ζηλανδία', 'Νικαράγουα', 'Νίγηρας', 'Νιγηρία', 'Νίουε', 'Νήσος Νόρφολκ', 'Βόρειες Μαριάνες', 'Νορβηγία', 'Ομάν', 'Πακιστάν', 'Παλάου', 'Παναμάς', 'Παπούα Νέα Γουινέα', 'Νησιά Παρασέλ', 'Παραγουάη', 'Περού', 'Φιλιππίνες', 'Νήσοι Πίτκαιρν', 'Πολωνία', 'Πορτογαλία', 'Πουέρτο Ρίκο', 'Κατάρ', 'Ρεϋνιόν', 'Ρουμανία', 'Ρωσία', 'Ρουάντα', 'Αγία Ελένη', 'Άγιος Χριστόφορος και Νέβις', 'Αγία Λουκία', 'Σαιν-Πιερ και Μικελόν', 'Άγιος Βικέντιος και Γρεναδίνες', 'Σαμόα', 'Άγιος Μαρίνος', 'Σάο Τομέ και Πρίνσιπε', 'Σαουδική Αραβία', 'Σενεγάλη', 'Σερβία και Μαυροβούνιο', 'Σεϋχέλλες', 'Σιέρα Λεόνε', 'Σιγκαπούρη', 'Σλοβακία', 'Σλοβενία', 'Νήσοι Σολομώντος', 'Σομαλία', 'Νότια Αφρική', 'Νότια Γεωργία και Νότιες Σάντουιτς Νήσοι', 'Ισπανία', 'Nησιά Σπάρτλυ', 'Σρι Λάνκα', 'Σουδάν', 'Σουρινάμ', 'Αρχιπέλαγος Σβάλμπαρντ', 'Σουαζιλάνδη', 'Σουηδία', 'Ελβετία', 'Συρία', 'Ταϊβάν', 'Τατζικιστάν', 'Τανζανία', 'Ταϊλάνδη', 'Ανατολικό Τιμόρ', 'Τόγκο', 'Τοκελάου', 'Τόνγκα', 'Τρινιντάντ και Τομπάγκο', 'Νήσος Τρόμελιν', 'Τυνησία', 'Τουρκία', 'Τουρκμενιστάν', 'Νήσοι Τερκς και Κάικος', 'Τουβαλού', 'Ουγκάντα', 'Ουκρανία', 'Ηνωμένα Αραβικά Εμιράτα', 'Ηνωμένο Βασίλειο', 'Ηνωμένες Πολιτείες', 'Ουρουγουάη', 'Ουζμπεκιστάν', 'Βανουάτου', 'Βενεζουέλα', 'Βιετνάμ', 'Παρθένοι Νήσοι', 'Νήσος Γουέικ', 'Ουώλλις και Φουτούνα', 'Δυτική Όχθη', 'Δυτική Σαχάρα', 'Υεμένη', 'Ζάμπια', 'Ζιμπάμπουε'];
-exports.results = results;
-
-function suggest(query, syncResults) {
+export var results = ['Αφγανιστάν', 'Ακρωτήρι', 'Αλβανία', 'Αλγερία', 'Αμερικανική Σαμόα', 'Ανδόρα', 'Αγκόλα', 'Ανγκουίλα', 'Ανταρκτική', 'Αντίγκουα και Μπαρμπούντα', 'Αργεντινή', 'Αρμενία', 'Αρούμπα', 'Νήσοι Άσμορ και Καρτιέ', 'Αυστραλία', 'Αυστρία', 'Αζερμπαϊτζάν', 'Μπαχάμες, Οι', 'Μπαχρέιν', 'Μπαγκλαντές', 'Μπαρμπάντος', 'Ύφαλος Ινδίας', 'Λευκορωσία', 'Βέλγιο', 'Μπελίζ', 'Μπενίν', 'Βερμούδες', 'Μπουτάν', 'Βολιβία', 'Βοσνία-Ερζεγοβίνη', 'Μποτσουάνα', 'Νησί Μπουβέ', 'Βραζιλία', 'Βρετανικό Έδαφος Ινδικού Ωκεανού', 'Βρετανικές Παρθένοι Νήσοι', 'Μπρουνέι', 'Βουλγαρία', 'Μπουρκίνα Φάσο', 'Βιρμανία', 'Μπουρούντι', 'Καμπότζη', 'Καμερούν', 'Καναδάς', 'Πράσινο Ακρωτήριο', 'Νήσοι Κέιμαν', 'Κεντροαφρικανική Δημοκρατία', 'Τσαντ', 'Χιλή', 'Κίνα', 'Νήσος των Χριστουγέννων', 'Νήσος Κλίππερτο', 'Νησιά Κόκος (Κήλινγκ)', 'Κολομβία', 'Κομόρες', 'Κονγκό', 'Νήσοι Κουκ', 'Νησιά της Θάλασσας των Κοραλλιών', 'Κόστα Ρίκα', 'Ακτή Ελεφαντοστού', 'Κροατία', 'Κούβα', 'Κύπρος', 'Τσεχική Δημοκρατία', 'Δανία', 'Δεκέλεια', 'Τζιμπουτί', 'Δομινίκα', 'Δομινικανή Δημοκρατία', 'Εκουαδόρ', 'Αίγυπτος', 'Ελ Σαλβαδόρ', 'Ισημερινή Γουινέα', 'Ερυθραία', 'Εσθονία', 'Αιθιοπία', 'Νήσος Ευρώπη', 'Νήσοι Φόκλαντ', 'Νήσοι Φερόες', 'Φίτζι', 'Φινλανδία', 'Γαλλία', 'Γαλλική Γουιάνα', 'Γαλλική Πολυνησία', ' Γαλλικά Νότια και Ανταρκτικά Εδάφη', 'Γκαμπόν', 'Γκάμπια', 'Λωρίδα της Γάζας', 'Γεωργία', 'Γερμανία', 'Γκάνα', 'Γιβραλτάρ', 'Ένδοξες Νήσοι', 'Ελλάδα', 'Γροιλανδία', 'Γρενάδα', 'Γουαδελούπη', 'Γκουάμ', 'Γουατεμάλα', 'Γκέρνζι', 'Γουινέα', 'Γουινέα-Μπισσάου', 'Γουιάνα', 'Αϊτή', 'Χερντ Νήσος και ΜακΝτόναλντ Νήσοι', 'Αγία Έδρα (Πόλη του Βατικανού)', 'Ονδούρα', 'Χονγκ Κονγκ', 'Ουγγαρία', 'Ισλανδία', 'Ινδία', 'Ινδονησία', 'Ιράν', 'Ιράκ', 'Ιρλανδία', 'Νήσος Μαν', 'Ισραήλ', 'Ιταλία', 'Τζαμάικα', 'Γιαν Μάγεν', 'Ιαπωνία', 'Τζέρσεϊ', 'Ιορδανία', 'Νήσος Χουάν ντε Νόβα', 'Καζακστάν', 'Κένυα', 'Κιριμπάτι', 'Βόρεια Κορέα', 'Νότια Κορέα', 'Κουβέιτ', 'Κιργιστάν', 'Λάος', 'Λετονία', 'Λίβανος', 'Λεσότο', 'Λιβερία', 'Λιβύη', 'Λιχτενστάιν', 'Λιθουανία', 'Λουξεμβούργο', 'Μακάο', 'Μακεδονία', 'Μαδαγασκάρη', 'Μαλάουι', 'Μαλαισία', 'Μαλδίβες', 'Μάλι', 'Μάλτα', 'Νήσοι Μάρσαλ', 'Μαρτινίκα', 'Μαυριτανία', 'Μαυρίκιος', 'Μαγιότ', 'Μεξικό', 'Μικρονησία, Ομόσπονδες Πολιτείες', 'Μολδαβία', 'Μονακό', 'Μογγολία', 'Μοντσερά', 'Μαρόκο', 'Μοζαμβίκη', 'Ναμίμπια', 'Ναουρού', 'Νήσος Ναβάσα', 'Νεπάλ', 'Ολλανδία', 'Ολλανδικές Αντίλλες', 'Νέα Καληδονία', 'Νέα Ζηλανδία', 'Νικαράγουα', 'Νίγηρας', 'Νιγηρία', 'Νίουε', 'Νήσος Νόρφολκ', 'Βόρειες Μαριάνες', 'Νορβηγία', 'Ομάν', 'Πακιστάν', 'Παλάου', 'Παναμάς', 'Παπούα Νέα Γουινέα', 'Νησιά Παρασέλ', 'Παραγουάη', 'Περού', 'Φιλιππίνες', 'Νήσοι Πίτκαιρν', 'Πολωνία', 'Πορτογαλία', 'Πουέρτο Ρίκο', 'Κατάρ', 'Ρεϋνιόν', 'Ρουμανία', 'Ρωσία', 'Ρουάντα', 'Αγία Ελένη', 'Άγιος Χριστόφορος και Νέβις', 'Αγία Λουκία', 'Σαιν-Πιερ και Μικελόν', 'Άγιος Βικέντιος και Γρεναδίνες', 'Σαμόα', 'Άγιος Μαρίνος', 'Σάο Τομέ και Πρίνσιπε', 'Σαουδική Αραβία', 'Σενεγάλη', 'Σερβία και Μαυροβούνιο', 'Σεϋχέλλες', 'Σιέρα Λεόνε', 'Σιγκαπούρη', 'Σλοβακία', 'Σλοβενία', 'Νήσοι Σολομώντος', 'Σομαλία', 'Νότια Αφρική', 'Νότια Γεωργία και Νότιες Σάντουιτς Νήσοι', 'Ισπανία', 'Nησιά Σπάρτλυ', 'Σρι Λάνκα', 'Σουδάν', 'Σουρινάμ', 'Αρχιπέλαγος Σβάλμπαρντ', 'Σουαζιλάνδη', 'Σουηδία', 'Ελβετία', 'Συρία', 'Ταϊβάν', 'Τατζικιστάν', 'Τανζανία', 'Ταϊλάνδη', 'Ανατολικό Τιμόρ', 'Τόγκο', 'Τοκελάου', 'Τόνγκα', 'Τρινιντάντ και Τομπάγκο', 'Νήσος Τρόμελιν', 'Τυνησία', 'Τουρκία', 'Τουρκμενιστάν', 'Νήσοι Τερκς και Κάικος', 'Τουβαλού', 'Ουγκάντα', 'Ουκρανία', 'Ηνωμένα Αραβικά Εμιράτα', 'Ηνωμένο Βασίλειο', 'Ηνωμένες Πολιτείες', 'Ουρουγουάη', 'Ουζμπεκιστάν', 'Βανουάτου', 'Βενεζουέλα', 'Βιετνάμ', 'Παρθένοι Νήσοι', 'Νήσος Γουέικ', 'Ουώλλις και Φουτούνα', 'Δυτική Όχθη', 'Δυτική Σαχάρα', 'Υεμένη', 'Ζάμπια', 'Ζιμπάμπουε'];
+export function suggest(query, syncResults) {
   syncResults(query ? results.filter(function (result) {
     return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
   }) : []);

package/form/Button/BackButton.js

@@ -1,17 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.BackButton = void 0;
-
-var _BackLink = _interopRequireDefault(require("@digigov/react-core/BackLink"));
-
-var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
-
-var BackButton = (0, _withDeprecation["default"])(_BackLink["default"], {
+import BackLink from '@digigov/react-core/BackLink';
+import withDeprecation from "../../utils/withDeprecation";
+export var BackButton = withDeprecation(BackLink, {
   name: 'BackButton',
   rename: 'BackLink',
   props: {
@@ -29,6 +18,4 @@ var BackButton = (0, _withDeprecation["default"])(_BackLink["default"], {
     }
   }
 });
-exports.BackButton = BackButton;
-var _default = BackButton;
-exports["default"] = _default;
+export default BackButton;

package/form/Button/Button.stories.d.ts

@@ -13,6 +13,7 @@ export * from "./__stories__/GroupingButtons";
 export * from "./__stories__/GroupingButtonsAndLinks";
 export * from "./__stories__/CallToActionButton";
 export * from "./__stories__/Disabled";
+export * from "./__stories__/Dense";
 export * from "./__stories__/ButtonLinkButton";
 export * from "./__stories__/Back";
 export * from "./__stories__/WithVariantLink";

package/form/Button/Button.stories.js

@@ -1,175 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _Button = _interopRequireDefault(require("@digigov/ui/form/Button"));
-
-var _Primary = require("./__stories__/Primary");
-
-Object.keys(_Primary).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Primary[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Primary[key];
-    }
-  });
-});
-
-var _Secondary = require("./__stories__/Secondary");
-
-Object.keys(_Secondary).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Secondary[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Secondary[key];
-    }
-  });
-});
-
-var _Warning = require("./__stories__/Warning");
-
-Object.keys(_Warning).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Warning[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Warning[key];
-    }
-  });
-});
-
-var _GroupingButtons = require("./__stories__/GroupingButtons");
-
-Object.keys(_GroupingButtons).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GroupingButtons[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _GroupingButtons[key];
-    }
-  });
-});
-
-var _GroupingButtonsAndLinks = require("./__stories__/GroupingButtonsAndLinks");
-
-Object.keys(_GroupingButtonsAndLinks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GroupingButtonsAndLinks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _GroupingButtonsAndLinks[key];
-    }
-  });
-});
-
-var _CallToActionButton = require("./__stories__/CallToActionButton");
-
-Object.keys(_CallToActionButton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CallToActionButton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CallToActionButton[key];
-    }
-  });
-});
-
-var _Disabled = require("./__stories__/Disabled");
-
-Object.keys(_Disabled).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Disabled[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Disabled[key];
-    }
-  });
-});
-
-var _ButtonLinkButton = require("./__stories__/ButtonLinkButton");
-
-Object.keys(_ButtonLinkButton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ButtonLinkButton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ButtonLinkButton[key];
-    }
-  });
-});
-
-var _Back = require("./__stories__/Back");
-
-Object.keys(_Back).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Back[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Back[key];
-    }
-  });
-});
-
-var _WithVariantLink = require("./__stories__/WithVariantLink");
-
-Object.keys(_WithVariantLink).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithVariantLink[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithVariantLink[key];
-    }
-  });
-});
-
-var _ThemeToggle = require("./__stories__/ThemeToggle");
-
-Object.keys(_ThemeToggle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ThemeToggle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ThemeToggle[key];
-    }
-  });
-});
-
 /* eslint-disable digigov/no-relative-imports */
-var _default = {
+import Button from "./";
+export default {
   title: 'Digigov UI/form/Button',
   description: 'Use the button component to help users carry out an action',
   link: 'https://guide.services.gov.gr/docs/components/button',
-  component: _Button["default"],
+  component: Button,
   displayName: 'Button'
 };
-exports["default"] = _default;
+export * from "./__stories__/Primary";
+export * from "./__stories__/Secondary";
+export * from "./__stories__/Warning";
+export * from "./__stories__/GroupingButtons";
+export * from "./__stories__/GroupingButtonsAndLinks";
+export * from "./__stories__/CallToActionButton";
+export * from "./__stories__/Disabled";
+export * from "./__stories__/Dense";
+export * from "./__stories__/ButtonLinkButton";
+export * from "./__stories__/Back";
+export * from "./__stories__/WithVariantLink";
+export * from "./__stories__/ThemeToggle";