@digigov/ui 1.0.0-a131264d → 1.0.0-b0737a96

package/navigation/NavList/__stories__/Default.js

@@ -1,43 +1,23 @@
-"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.Default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ = require("./..");
-
-var _NavLinksOneLevel = _interopRequireDefault(require("./NavLinksOneLevel.json"));
-
-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 Default = function Default() {
-  var _useNavList = (0, _.useNavList)(),
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Nav, NavList, NavListItemAction, useNavList } from "./..";
+import links from "./NavLinksOneLevel.json";
+export var Default = function Default() {
+  var _useNavList = useNavList(),
       registerNavItem = _useNavList.registerNavItem;
 
-  var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
       useActive = _useState2[0],
       setUseActive = _useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_.Nav, {
+  return /*#__PURE__*/React.createElement(Nav, {
     "aria-orientation": "horizontal",
     role: "menubar",
     "aria-label": "navigation list"
-  }, /*#__PURE__*/_react["default"].createElement(_.NavList, null, _NavLinksOneLevel["default"].map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, (0, _extends2["default"])({}, registerNavItem(item), {
+  }, /*#__PURE__*/React.createElement(NavList, null, links.map(function (item, key) {
+    return /*#__PURE__*/React.createElement(NavListItemAction, _extends({}, registerNavItem(item), {
       key: key,
       active: item.name === useActive,
       onClick: function onClick() {
@@ -46,7 +26,4 @@ var Default = function Default() {
     }), item.label);
   })));
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/navigation/NavList/__stories__/HorizontalWithDrawer.js

@@ -1,85 +1,62 @@
-"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.HorizontalWithDrawer = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ = require("./..");
-
-var _Link = require("../../Link");
-
-var _NavLinksWithSubmenu = _interopRequireDefault(require("./NavLinksWithSubmenu.json"));
-
-var _Button = require("../../../form/Button");
-
-var _BurgerIcon = _interopRequireDefault(require("@digigov/react-icons/BurgerIcon"));
-
-var _CloseButton = _interopRequireDefault(require("@digigov/react-core/CloseButton"));
-
-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(_BurgerIcon["default"], null);
-
-var HorizontalWithDrawer = function HorizontalWithDrawer() {
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { Fragment, useState } from 'react';
+import { Nav, NavList, NavListItemAction, NavMenuContainer, NavMenuContent, NavMenuContentList, NavMenuContentListItem, NavMenuTitle, useNavList } from "./..";
+import { Link } from "../../Link";
+import links from "./NavLinksWithSubmenu.json";
+import { Button } from "../../../form/Button";
+import BurgerIcon from '@digigov/react-icons/BurgerIcon';
+import CloseButton from '@digigov/react-core/CloseButton';
+
+var _ref = /*#__PURE__*/React.createElement(BurgerIcon, null);
+
+export var HorizontalWithDrawer = function HorizontalWithDrawer() {
   var layout = 'horizontal';
   var drawer = 'mdDown';
   var border = false;
 
-  var _useNavList = (0, _.useNavList)(),
+  var _useNavList = useNavList(),
       registerNavItemMenu = _useNavList.registerNavItemMenu,
       registerNavItem = _useNavList.registerNavItem;
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     onClick: function onClick() {
       return setOpen(!open);
     },
     mdUpHidden: true
-  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/_react["default"].createElement(_.Nav, {
+  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/React.createElement(Nav, {
     border: border,
     "aria-orientation": layout || 'horizontal',
     "aria-label": "navigation list",
     open: open,
     drawer: drawer
-  }, /*#__PURE__*/_react["default"].createElement(_CloseButton["default"], {
+  }, /*#__PURE__*/React.createElement(CloseButton, {
     mdUpHidden: true,
     onClick: function onClick() {
       return setOpen(false);
     }
-  }, "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"), /*#__PURE__*/_react["default"].createElement(_.NavList, {
+  }, "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"), /*#__PURE__*/React.createElement(NavList, {
     layout: layout
-  }, _NavLinksWithSubmenu["default"].map(function (item, key) {
+  }, links.map(function (item, key) {
     var _item$subMenu;
 
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    return /*#__PURE__*/React.createElement(Fragment, {
       key: key
-    }, /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/_react["default"].createElement(_.NavMenuContainer, (0, _extends2["default"])({
+    }, /*#__PURE__*/React.createElement(NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/React.createElement(NavMenuContainer, _extends({
       layout: layout
-    }, registerNavItemMenu(item.name)), /*#__PURE__*/_react["default"].createElement(_.NavMenuTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_.NavMenuContent, null, /*#__PURE__*/_react["default"].createElement(_.NavMenuContentList, {
+    }, registerNavItemMenu(item.name)), /*#__PURE__*/React.createElement(NavMenuTitle, null, item.label), /*#__PURE__*/React.createElement(NavMenuContent, null, /*#__PURE__*/React.createElement(NavMenuContentList, {
       role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
-      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/_react["default"].createElement(_.NavMenuContentListItem, {
+      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/React.createElement(NavMenuContentListItem, {
         key: menuIndex,
         role: "presentation"
-      }, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+      }, /*#__PURE__*/React.createElement(Link, {
         role: "menuitem",
         id: subMenu.name,
         href: subMenu.href
@@ -87,7 +64,4 @@ var HorizontalWithDrawer = function HorizontalWithDrawer() {
     })))));
   }))));
 };
-
-exports.HorizontalWithDrawer = HorizontalWithDrawer;
-var _default = HorizontalWithDrawer;
-exports["default"] = _default;
+export default HorizontalWithDrawer;

package/navigation/NavList/__stories__/HorizontalWithoutDrawer.js

@@ -1,56 +1,36 @@
-"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.HorizontalWithoutDrawer = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ = require("./..");
-
-var _Link = require("../../Link");
-
-var _NavLinksWithSubmenu = _interopRequireDefault(require("./NavLinksWithSubmenu.json"));
-
-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 HorizontalWithoutDrawer = function HorizontalWithoutDrawer() {
+import _extends from "@babel/runtime/helpers/extends";
+import React, { Fragment } from 'react';
+import { Nav, NavList, NavListItemAction, NavMenuContainer, NavMenuContent, NavMenuContentList, NavMenuContentListItem, NavMenuTitle, useNavList } from "./..";
+import { Link } from "../../Link";
+import links from "./NavLinksWithSubmenu.json";
+export var HorizontalWithoutDrawer = function HorizontalWithoutDrawer() {
   var layout = 'horizontal';
   var border = false;
 
-  var _useNavList = (0, _.useNavList)(),
+  var _useNavList = useNavList(),
       registerNavItemMenu = _useNavList.registerNavItemMenu,
       registerNavItem = _useNavList.registerNavItem;
 
-  return /*#__PURE__*/_react["default"].createElement(_.Nav, {
+  return /*#__PURE__*/React.createElement(Nav, {
     border: border,
     "aria-orientation": layout || 'horizontal',
     "aria-label": "navigation list"
-  }, /*#__PURE__*/_react["default"].createElement(_.NavList, {
+  }, /*#__PURE__*/React.createElement(NavList, {
     layout: layout
-  }, _NavLinksWithSubmenu["default"].map(function (item, key) {
+  }, links.map(function (item, key) {
     var _item$subMenu;
 
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    return /*#__PURE__*/React.createElement(Fragment, {
       key: key
-    }, /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/_react["default"].createElement(_.NavMenuContainer, (0, _extends2["default"])({
+    }, /*#__PURE__*/React.createElement(NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/React.createElement(NavMenuContainer, _extends({
       layout: layout
-    }, registerNavItemMenu(item.name)), /*#__PURE__*/_react["default"].createElement(_.NavMenuTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_.NavMenuContent, null, /*#__PURE__*/_react["default"].createElement(_.NavMenuContentList, {
+    }, registerNavItemMenu(item.name)), /*#__PURE__*/React.createElement(NavMenuTitle, null, item.label), /*#__PURE__*/React.createElement(NavMenuContent, null, /*#__PURE__*/React.createElement(NavMenuContentList, {
       role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
-      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/_react["default"].createElement(_.NavMenuContentListItem, {
+      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/React.createElement(NavMenuContentListItem, {
         key: menuIndex,
         role: "presentation"
-      }, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+      }, /*#__PURE__*/React.createElement(Link, {
         role: "menuitem",
         id: subMenu.name,
         href: subMenu.href
@@ -58,7 +38,4 @@ var HorizontalWithoutDrawer = function HorizontalWithoutDrawer() {
     })))));
   })));
 };
-
-exports.HorizontalWithoutDrawer = HorizontalWithoutDrawer;
-var _default = HorizontalWithoutDrawer;
-exports["default"] = _default;
+export default HorizontalWithoutDrawer;

package/navigation/NavList/__stories__/NavListWithoutNav.js

@@ -1,35 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NavListWithoutNav = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("./..");
-
-var _NavLinksOneLevel = _interopRequireDefault(require("./NavLinksOneLevel.json"));
-
-var NavListWithoutNav = function NavListWithoutNav() {
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { NavList, NavListItemAction, useNavList } from "./..";
+import links from "./NavLinksOneLevel.json";
+export var NavListWithoutNav = function NavListWithoutNav() {
   var layout = 'vertical';
 
-  var _useNavList = (0, _.useNavList)(),
+  var _useNavList = useNavList(),
       registerNavItem = _useNavList.registerNavItem;
 
-  return /*#__PURE__*/_react["default"].createElement(_.NavList, {
+  return /*#__PURE__*/React.createElement(NavList, {
     layout: layout
-  }, _NavLinksOneLevel["default"].map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, (0, _extends2["default"])({}, registerNavItem(item), {
+  }, links.map(function (item, key) {
+    return /*#__PURE__*/React.createElement(NavListItemAction, _extends({}, registerNavItem(item), {
       key: key
     }), item.label);
   }));
 };
-
-exports.NavListWithoutNav = NavListWithoutNav;
-var _default = NavListWithoutNav;
-exports["default"] = _default;
+export default NavListWithoutNav;

package/navigation/NavList/__stories__/UsingHeaderButton.js

@@ -1,38 +1,13 @@
-"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.UsingHeaderButton = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Top = require("../../../layouts/Basic/Top");
-
-var _Header = require("../../../app/Header");
-
-var _GovGRLogo = require("../../../govgr/GovGRLogo");
-
-var _Paragraph = require("../../../typography/Paragraph");
-
-var _ = require("./..");
-
-var _Link = require("../../Link");
-
-var _Button = require("../../../form/Button");
-
-var _ChevronIcon = _interopRequireDefault(require("@digigov/react-icons/ChevronIcon"));
-
-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; }
-
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Top } from "../../../layouts/Basic/Top";
+import { Header, HeaderSection, HeaderContent, HeaderTitle } from "../../../app/Header";
+import { GovGRLogo } from "../../../govgr/GovGRLogo";
+import { Paragraph } from "../../../typography/Paragraph";
+import { Nav, NavMenuContainer, NavMenuTitle, NavMenuContent, NavMenuContentList, NavMenuContentListItem } from "./..";
+import { Link } from "../../Link";
+import { Button } from "../../../form/Button";
+import ChevronIcon from '@digigov/react-icons/ChevronIcon';
 var links = [];
 
 for (var index = 0; index < 14; index++) {
@@ -46,30 +21,30 @@ for (var index = 0; index < 14; index++) {
 var menuLabel = 'Επιλογές';
 var menuTitle = 'Επιλογές της υπηρεσίας';
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Header.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo.GovGRLogo, {
+var _ref = /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
-}), /*#__PURE__*/_react["default"].createElement(_Header.HeaderTitle, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2"));
+}), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2"));
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_.NavMenuContent, {
+var _ref2 = /*#__PURE__*/React.createElement(NavMenuContent, {
   md: 12
-}, /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0395\u03BE\u03B5\u03C1\u03B5\u03C5\u03BD\u03AE\u03C3\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03B4\u03C5\u03BD\u03B1\u03C4\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u03C4\u03B7\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2, \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03B1\u03C0\u03CC \u03C4\u03BF\u03C5\u03C2 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03BF\u03C5\u03C2:"));
+}, /*#__PURE__*/React.createElement(Paragraph, null, "\u0395\u03BE\u03B5\u03C1\u03B5\u03C5\u03BD\u03AE\u03C3\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03B4\u03C5\u03BD\u03B1\u03C4\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u03C4\u03B7\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2, \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03B1\u03C0\u03CC \u03C4\u03BF\u03C5\u03C2 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03BF\u03C5\u03C2:"));
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_.NavMenuTitle, null, menuTitle || menuLabel);
+var _ref3 = /*#__PURE__*/React.createElement(NavMenuTitle, null, menuTitle || menuLabel);
 
-var UsingHeaderButton = function UsingHeaderButton() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+export var UsingHeaderButton = function UsingHeaderButton() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_Top.Top, null, /*#__PURE__*/_react["default"].createElement(_Header.Header, null, /*#__PURE__*/_react["default"].createElement(_Header.HeaderContent, null, _ref, /*#__PURE__*/_react["default"].createElement(_Header.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  return /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, _ref, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(Button, {
     variant: "link",
     onClick: function onClick() {
       return setOpen(!open);
     }
-  }, menuLabel, /*#__PURE__*/_react["default"].createElement(_ChevronIcon["default"], {
+  }, menuLabel, /*#__PURE__*/React.createElement(ChevronIcon, {
     direction: open ? 'up' : "down"
-  }))))), /*#__PURE__*/_react["default"].createElement(_.Nav, {
+  }))))), /*#__PURE__*/React.createElement(Nav, {
     open: open,
     drawer: "smDown",
     onClose: function onClose() {
@@ -77,22 +52,19 @@ var UsingHeaderButton = function UsingHeaderButton() {
     },
     closeButtonLabel: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF",
     "aria-label": "navigation list"
-  }, /*#__PURE__*/_react["default"].createElement(_.NavMenuContainer, {
+  }, /*#__PURE__*/React.createElement(NavMenuContainer, {
     active: open
-  }, _ref2, _ref3, /*#__PURE__*/_react["default"].createElement(_.NavMenuContent, null, /*#__PURE__*/_react["default"].createElement(_.NavMenuContentList, {
+  }, _ref2, _ref3, /*#__PURE__*/React.createElement(NavMenuContent, null, /*#__PURE__*/React.createElement(NavMenuContentList, {
     role: "menu"
   }, links && links.map(function (item, menuIndex) {
-    return /*#__PURE__*/_react["default"].createElement(_.NavMenuContentListItem, {
+    return /*#__PURE__*/React.createElement(NavMenuContentListItem, {
       key: menuIndex,
       role: "presentation"
-    }, (item === null || item === void 0 ? void 0 : item.href) && /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+    }, (item === null || item === void 0 ? void 0 : item.href) && /*#__PURE__*/React.createElement(Link, {
       role: "menuitem",
       id: item.name,
       href: item.href
     }, item.label));
   }))))));
 };
-
-exports.UsingHeaderButton = UsingHeaderButton;
-var _default = UsingHeaderButton;
-exports["default"] = _default;
+export default UsingHeaderButton;

package/navigation/NavList/__stories__/UsingNavListAuto.js

@@ -1,55 +1,38 @@
-"use strict";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { NavListAuto } from "./..";
+import links from "./NavLinksWithSubmenu.json";
+import { Button } from "../../../form/Button";
+import BurgerIcon from '@digigov/react-icons/BurgerIcon';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _ref = /*#__PURE__*/React.createElement(BurgerIcon, null);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.UsingNavListAuto = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("./..");
-
-var _NavLinksWithSubmenu = _interopRequireDefault(require("./NavLinksWithSubmenu.json"));
-
-var _Button = require("../../../form/Button");
-
-var _BurgerIcon = _interopRequireDefault(require("@digigov/react-icons/BurgerIcon"));
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], null);
-
-var UsingNavListAuto = function UsingNavListAuto() {
+export var UsingNavListAuto = function UsingNavListAuto() {
   var layout = 'horizontal';
   var drawer = 'smDown';
   var border = true;
 
-  var _React$useState = _react["default"].useState(false),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
       open = _React$useState2[0],
       setOpen = _React$useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     onClick: function onClick() {
       return setOpen(!open);
     },
     smUpHidden: true
-  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/_react["default"].createElement(_.NavListAuto, {
+  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/React.createElement(NavListAuto, {
     layout: layout,
     border: border,
     drawer: drawer,
     open: open,
-    links: _NavLinksWithSubmenu["default"],
+    links: links,
     onClose: function onClose() {
       return setOpen(false);
     },
     "aria-label": "Nav list"
   }));
 };
-
-exports.UsingNavListAuto = UsingNavListAuto;
-var _default = UsingNavListAuto;
-exports["default"] = _default;
+export default UsingNavListAuto;

package/navigation/NavList/__stories__/Vertical.js

@@ -1,46 +1,26 @@
-"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.Vertical = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ = require("./..");
-
-var _NavLinksOneLevel = _interopRequireDefault(require("./NavLinksOneLevel.json"));
-
-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 Vertical = function Vertical() {
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Nav, NavList, NavListItemAction, useNavList } from "./..";
+import links from "./NavLinksOneLevel.json";
+export var Vertical = function Vertical() {
   var layout = 'vertical';
 
-  var _useNavList = (0, _.useNavList)(),
+  var _useNavList = useNavList(),
       registerNavItem = _useNavList.registerNavItem;
 
-  var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
       useActive = _useState2[0],
       setUseActive = _useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_.Nav, {
+  return /*#__PURE__*/React.createElement(Nav, {
     "aria-orientation": layout || 'horizontal',
     "aria-label": "navigation list"
-  }, /*#__PURE__*/_react["default"].createElement(_.NavList, {
+  }, /*#__PURE__*/React.createElement(NavList, {
     layout: layout
-  }, _NavLinksOneLevel["default"].map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement(_.NavListItemAction, (0, _extends2["default"])({}, registerNavItem(item), {
+  }, links.map(function (item, key) {
+    return /*#__PURE__*/React.createElement(NavListItemAction, _extends({}, registerNavItem(item), {
       key: key,
       active: item.name === useActive,
       onClick: function onClick() {
@@ -49,7 +29,4 @@ var Vertical = function Vertical() {
     }), item.label);
   })));
 };
-
-exports.Vertical = Vertical;
-var _default = Vertical;
-exports["default"] = _default;
+export default Vertical;