@digigov/ui 0.30.3 → 0.32.0

package/core/NavList/NavListAuto/NavListMenuAuto.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavListMenuAuto = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NavMenu = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenu"));
+
+var _NavMenuContainer = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenuContainer"));
+
+var _NavMenuContainerTitle = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenuContainerTitle"));
+
+var _NavMenuContainerContent = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenuContainerContent"));
+
+var _NavMenuContainerContentList = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenuContainerContentList"));
+
+var _NavMenuContainerContentListItem = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenuContainerContentListItem"));
+
+var _core = require("@digigov/ui/core");
+
+var NavListMenuAuto = function NavListMenuAuto(_ref) {
+  var layout = _ref.layout,
+      active = _ref.active,
+      title = _ref.title,
+      subMenu = _ref.subMenu,
+      id = _ref.id;
+  return /*#__PURE__*/_react["default"].createElement(_NavMenu["default"], {
+    layout: layout,
+    active: active,
+    id: id
+  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainer["default"], {
+    layout: layout,
+    paddingLeft: 5,
+    paddingRight: 5
+  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], {
+    role: "menu"
+  }, subMenu === null || subMenu === void 0 ? void 0 : subMenu.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentListItem["default"], {
+      role: "presentation",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_core.Link, {
+      role: "menuitem",
+      id: item.name,
+      href: item.href
+    }, item.label));
+  })))));
+};
+
+exports.NavListMenuAuto = NavListMenuAuto;
+var _default = NavListMenuAuto;
+exports["default"] = _default;

package/core/NavList/NavListAuto/NavListSubMenuAuto.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavListLayout } from '@digigov/ui/core/NavList/types';
+export interface NavListSubMenuAutoProps {
+    items?: any[];
+    open?: boolean;
+    layout?: NavListLayout;
+}
+export declare const NavListSubMenuAuto: React.FC<NavListSubMenuAutoProps>;
+export default NavListSubMenuAuto;

package/core/NavList/NavListAuto/NavListSubMenuAuto.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavListSubMenuAuto = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Nav = require("@digigov/ui/core/NavList/Nav");
+
+var _NavList = require("@digigov/ui/core/NavList/NavList");
+
+var _NavListItemAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto"));
+
+var _excluded = ["items", "open", "layout"];
+
+var NavListSubMenuAuto = function NavListSubMenuAuto(_ref) {
+  var items = _ref.items,
+      open = _ref.open,
+      layout = _ref.layout,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return open ? /*#__PURE__*/_react["default"].createElement(_Nav.Nav, (0, _extends2["default"])({
+    hidden: !open,
+    layout: layout
+  }, props, {
+    "aria-orientation": layout
+  }), /*#__PURE__*/_react["default"].createElement(_NavList.NavList, null, items === null || items === void 0 ? void 0 : items.map(function (subMenuItem, index) {
+    return /*#__PURE__*/_react["default"].createElement(_NavListItemAuto["default"], {
+      key: index,
+      item: subMenuItem
+    });
+  }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
+};
+
+exports.NavListSubMenuAuto = NavListSubMenuAuto;
+var _default = NavListSubMenuAuto;
+exports["default"] = _default;

package/core/NavList/NavListItem.js

@@ -21,22 +21,20 @@ var _NavListItemLink = require("@digigov/ui/core/NavList/NavListItemLink");
 
 var _types = require("@digigov/ui/core/NavList/types");
 
-var _excluded = ["link", "layout", "setRegister", "active", "children"];
+var _excluded = ["link", "setRegisterButton", "setRegisterLink", "active", "children"];
 
 var NavListItem = function NavListItem(_ref) {
   var link = _ref.link,
-      layout = _ref.layout,
-      setRegister = _ref.setRegister,
+      setRegisterButton = _ref.setRegisterButton,
+      setRegisterLink = _ref.setRegisterLink,
       active = _ref.active,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], (0, _extends2["default"])({
-    layout: layout
-  }, props), children ? children : (0, _types.isNavListItemSubMenuInterface)(link) && link !== null && link !== void 0 && link.subMenu && setRegister ? /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], setRegister(link.name), link === null || link === void 0 ? void 0 : link.label) : (0, _types.isNavListItemLinkInterface)(link) && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], props, children ? children : (0, _types.isNavListItemSubMenuInterface)(link) && link !== null && link !== void 0 && link.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], setRegisterButton && setRegisterButton(link.name), link === null || link === void 0 ? void 0 : link.label) : (0, _types.isNavListItemLinkInterface)(link) && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
     href: link === null || link === void 0 ? void 0 : link.href
-  }, props, {
+  }, setRegisterLink && setRegisterLink(link.name), {
     active: active
-  }), link === null || link === void 0 ? void 0 : link.label));
+  }, props), link === null || link === void 0 ? void 0 : link.label));
 };
 
 exports.NavListItem = NavListItem;

package/core/NavList/NavListItemBase.d.ts

@@ -5,7 +5,7 @@ export interface NavListItemBaseProps {
         active: boolean;
         id: string;
     };
-    setRegister?: (name: string) => any;
+    setRegisterButton?: (name: string) => any;
     children?: React.ReactNode;
     item?: any;
     layout?: NavListLayout;

package/core/NavList/NavListItemBase.js

@@ -31,13 +31,13 @@ var _NavMenuContainerContentList = _interopRequireDefault(require("@digigov/ui/c
 
 var _NavMenuContainerContentListItem = _interopRequireDefault(require("@digigov/ui/core/NavList/NavMenuContainerContentListItem"));
 
-var _excluded = ["container", "setRegister", "children", "item", "layout", "role"];
+var _excluded = ["container", "setRegisterButton", "children", "item", "layout", "role"];
 
 var NavListItemBase = function NavListItemBase(_ref) {
   var _item$subMenu;
 
   var container = _ref.container,
-      setRegister = _ref.setRegister,
+      setRegisterButton = _ref.setRegisterButton,
       children = _ref.children,
       item = _ref.item,
       _ref$layout = _ref.layout,
@@ -45,9 +45,8 @@ var NavListItemBase = function NavListItemBase(_ref) {
       role = _ref.role,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], (0, _extends2["default"])({
-    layout: layout,
     link: item,
-    setRegister: setRegister,
+    setRegisterButton: setRegisterButton,
     role: "menuitem"
   }, props)), /*#__PURE__*/_react["default"].createElement(_NavMenu["default"], (0, _extends2["default"])({
     layout: layout
@@ -55,11 +54,7 @@ var NavListItemBase = function NavListItemBase(_ref) {
     layout: layout,
     paddingLeft: 5,
     paddingRight: 5
-  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], {
-    layout: layout
-  }, item.label), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], {
-    layout: layout
-  }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
+  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], null, item.label), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], null, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
     return (0, _types.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentListItem["default"], {
       key: menuIndex
     }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {

package/core/NavList/NavMenuContainerContentList.d.ts

@@ -1,3 +1,5 @@
-import NavMenuContainerContentList from '@digigov/react-core/NavMenuContainerContentList';
+import React from 'react';
+import { NavMenuContainerContentListProps } from '@digigov/react-core/NavMenuContainerContentList';
 export * from '@digigov/react-core/NavMenuContainerContentList';
+export declare const NavMenuContainerContentList: React.FC<NavMenuContainerContentListProps>;
 export default NavMenuContainerContentList;

package/core/NavList/NavMenuContainerContentList.js

@@ -1,12 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
-exports["default"] = void 0;
+var _exportNames = {
+  NavMenuContainerContentList: true
+};
+exports["default"] = exports.NavMenuContainerContentList = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
 
 var _NavMenuContainerContentList = _interopRequireWildcard(require("@digigov/react-core/NavMenuContainerContentList"));
 
@@ -21,10 +31,70 @@ Object.keys(_NavMenuContainerContentList).forEach(function (key) {
     }
   });
 });
+var _excluded = ["children"];
 
 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 = _NavMenuContainerContentList["default"];
+var focusNavListItem = function focusNavListItem(e, nextItemIndex) {
+  var _document$activeEleme;
+
+  e.preventDefault();
+  var id = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id;
+  var menuItems = Array.from(e.currentTarget.querySelectorAll("[role=menuitem]"));
+  var currentItem = menuItems.findIndex(function (x) {
+    var _document$activeEleme2;
+
+    return x.getAttribute('id') === ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.id);
+  });
+
+  if (currentItem + nextItemIndex > -1 && currentItem + nextItemIndex < menuItems.length) {
+    var _menuItems;
+
+    (_menuItems = menuItems[currentItem + nextItemIndex]) === null || _menuItems === void 0 ? void 0 : _menuItems.focus();
+  } else {
+    var menuElement = Array.from(document.querySelectorAll("[aria-controls]"));
+
+    var _currentItem = menuElement.findIndex(function (x) {
+      return id === null || id === void 0 ? void 0 : id.includes(x.getAttribute('aria-controls') || '');
+    });
+
+    if (nextItemIndex > 0) {
+      var _menuElement;
+
+      (_menuElement = menuElement[_currentItem + nextItemIndex]) === null || _menuElement === void 0 ? void 0 : _menuElement.focus();
+    } else {
+      var _menuElement$_current;
+
+      (_menuElement$_current = menuElement[_currentItem]) === null || _menuElement$_current === void 0 ? void 0 : _menuElement$_current.focus();
+    }
+  }
+};
+
+var NavMenuContainerContentList = function NavMenuContainerContentList(_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], (0, _extends2["default"])({}, props, {
+    onKeyDown: function onKeyDown(event) {
+      switch (event.key) {
+        case 'ArrowDown':
+        case 'ArrowRight':
+          focusNavListItem(event, 1);
+          break;
+
+        case 'ArrowUp':
+        case 'ArrowLeft':
+          focusNavListItem(event, -1);
+          break;
+
+        default:
+          break;
+      }
+    }
+  }), children);
+};
+
+exports.NavMenuContainerContentList = NavMenuContainerContentList;
+var _default = NavMenuContainerContentList;
 exports["default"] = _default;

package/core/NavList/__stories__/Default.js

@@ -55,44 +55,51 @@ var links = [{
 }];
 
 var Default = function Default() {
-  var layout = 'vertical';
+  var layout = 'horizontal';
+  var border = false;
 
   var _useNavList = (0, _useNavList2.useNavList)(),
       container = _useNavList.container,
-      register = _useNavList.register;
+      registerButton = _useNavList.registerButton,
+      registerLink = _useNavList.registerLink;
 
-  var setRegister = function setRegister(name) {
-    return (0, _extends2["default"])({}, register(name));
+  var setRegisterButton = function setRegisterButton(name) {
+    return (0, _extends2["default"])({}, registerButton(name));
+  };
+
+  var setRegisterLink = function setRegisterLink(name) {
+    return (0, _extends2["default"])({}, registerLink(name));
   };
 
   return /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
     open: true,
-    layout: layout
-  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
-    layout: layout
-  }, links.map(function (item, key) {
+    layout: layout,
+    border: border,
+    "aria-orientation": layout
+  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, links.map(function (item, key) {
     var _item$subMenu;
 
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
       key: key
     }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
-      layout: layout,
       link: item,
-      setRegister: setRegister
+      setRegisterButton: setRegisterButton,
+      setRegisterLink: setRegisterLink
     }), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenu, (0, _extends2["default"])({
       layout: layout
     }, container(item.name)), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainer, {
       layout: layout,
       paddingLeft: 5,
       paddingRight: 5
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, {
-      layout: layout
-    }, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
-      layout: layout
+    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
+      role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
       return (0, _NavList.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentListItem, {
-        key: menuIndex
+        key: menuIndex,
+        role: "presentation"
       }, /*#__PURE__*/_react["default"].createElement(_core.Link, {
+        role: "menuitem",
+        id: subMenu.name,
         href: subMenu.href
       }, subMenu.label));
     }))))));

package/core/NavList/__stories__/NavVerticalLayout.d.ts

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

package/core/NavList/__stories__/{NavHorizontalLayout.js → NavVerticalLayout.js}

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NavHorizontalLayout = void 0;
+exports["default"] = exports.NavVerticalLayout = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -50,51 +50,57 @@ var links = [{
   label: 'Nav list item 3'
 }];
 
-var NavHorizontalLayout = function NavHorizontalLayout() {
-  var layout = 'horizontal';
+var NavVerticalLayout = function NavVerticalLayout() {
+  var layout = 'vertical';
+  var border = false;
 
   var _useNavList = (0, _useNavList2.useNavList)(),
       container = _useNavList.container,
-      register = _useNavList.register;
+      registerButton = _useNavList.registerButton,
+      registerLink = _useNavList.registerLink;
 
-  var setRegister = function setRegister(name) {
-    return (0, _extends2["default"])({}, register(name));
+  var setRegisterButton = function setRegisterButton(name) {
+    return (0, _extends2["default"])({}, registerButton(name));
+  };
+
+  var setRegisterLink = function setRegisterLink(name) {
+    return (0, _extends2["default"])({}, registerLink(name));
   };
 
   return /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
     open: true,
-    layout: layout
-  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
-    layout: layout
-  }, links.map(function (item, key) {
+    layout: layout,
+    border: border
+  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, links.map(function (item, key) {
     var _item$subMenu;
 
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
       key: key
     }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
-      layout: layout,
       link: item,
-      setRegister: setRegister
+      setRegisterButton: setRegisterButton,
+      setRegisterLink: setRegisterLink
     }), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenu, (0, _extends2["default"])({
       layout: layout
     }, container(item.name)), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainer, {
       layout: layout,
       paddingLeft: 5,
       paddingRight: 5
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, {
-      layout: layout
-    }, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
-      layout: layout
+    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
+      role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
       return (0, _NavList.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentListItem, {
+        role: "presentation",
         key: menuIndex
       }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+        role: "menuitem",
+        id: subMenu.name,
         href: subMenu.href
       }, subMenu.label));
     }))))));
   })));
 };
 
-exports.NavHorizontalLayout = NavHorizontalLayout;
-var _default = NavHorizontalLayout;
+exports.NavVerticalLayout = NavVerticalLayout;
+var _default = NavVerticalLayout;
 exports["default"] = _default;

package/core/NavList/index.d.ts

@@ -1,11 +1,9 @@
 export * from '@digigov/ui/core/NavList/NavListItem';
-export * from '@digigov/ui/core/NavList/NavListAuto';
-export * from '@digigov/ui/core/NavList/NavListItemAuto';
-export * from '@digigov/ui/core/NavList/NavListSubMenu';
-export * from '@digigov/ui/core/NavList/NavListContext';
+export * from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
+export * from '@digigov/ui/core/NavList/NavListAuto/NavListAuto';
+export * from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 export * from '@digigov/ui/core/NavList/Nav';
 export * from '@digigov/ui/core/NavList/NavList';
-export * from '@digigov/ui/core/NavList/NavListItem';
 export * from '@digigov/ui/core/NavList/NavListItemLink';
 export * from '@digigov/ui/core/NavList/NavListItemButton';
 export * from '@digigov/ui/core/NavList/NavMenu';

package/core/NavList/index.js

@@ -22,21 +22,7 @@ Object.keys(_NavListItem).forEach(function (key) {
   });
 });
 
-var _NavListAuto = require("@digigov/ui/core/NavList/NavListAuto");
-
-Object.keys(_NavListAuto).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListAuto[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavListAuto[key];
-    }
-  });
-});
-
-var _NavListItemAuto = require("@digigov/ui/core/NavList/NavListItemAuto");
+var _NavListItemAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto");
 
 Object.keys(_NavListItemAuto).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -50,30 +36,30 @@ Object.keys(_NavListItemAuto).forEach(function (key) {
   });
 });
 
-var _NavListSubMenu = require("@digigov/ui/core/NavList/NavListSubMenu");
+var _NavListAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListAuto");
 
-Object.keys(_NavListSubMenu).forEach(function (key) {
+Object.keys(_NavListAuto).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListSubMenu[key]) return;
+  if (key in exports && exports[key] === _NavListAuto[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavListSubMenu[key];
+      return _NavListAuto[key];
     }
   });
 });
 
-var _NavListContext = require("@digigov/ui/core/NavList/NavListContext");
+var _NavListContextAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListContextAuto");
 
-Object.keys(_NavListContext).forEach(function (key) {
+Object.keys(_NavListContextAuto).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListContext[key]) return;
+  if (key in exports && exports[key] === _NavListContextAuto[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavListContext[key];
+      return _NavListContextAuto[key];
     }
   });
 });

package/core/NavList/types.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
-import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListContext';
+import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
+import { NavProps } from '@digigov/ui/core/NavList';
 export declare type NavListLayout = 'horizontal' | 'vertical';
-export interface NavListAutoProps {
+export interface NavListAutoProps extends NavProps {
     children?: React.ReactNode;
     className?: string;
     layout?: NavListLayout;
+    border?: boolean;
+    fixed?: boolean;
     role?: string;
     openSubMenus?: boolean;
     floating?: boolean;
@@ -13,23 +16,29 @@ export interface NavListAutoProps {
     links?: NavLinkInterface[];
     style?: BaseCSSProperties;
 }
-interface NavListItemInterface {
+export interface NavListHeaderItemType {
     name: string;
     label?: string;
     title?: string;
     children?: React.ReactNode;
+    subMenu: NavListItemLinkInterface[];
 }
-interface NavListItemLinkInterface extends NavListItemInterface {
-    href: string;
-}
-export interface NavListHeaderItemType {
+interface NavListItemInterface {
     name: string;
     label?: string;
     title?: string;
     children?: React.ReactNode;
-    subMenu: NavListItemLinkInterface[];
 }
-export declare type NavListItemType = NavListItemLinkInterface | NavListItemSubMenuInterface;
+interface NavListItemLinkInterface extends NavListItemInterface {
+    href: string;
+}
+interface NavListItemMenuInterface extends NavListItemInterface {
+    links: NavListItemLinkInterface[];
+}
+export declare type NavListItemType = NavListItemLinkInterface | NavListItemMenuContainerInterface | NavListItemSubMenuInterface;
+export interface NavListItemMenuContainerInterface extends NavListItemInterface {
+    menu: NavListItemMenuInterface[];
+}
 export interface NavListItemSubMenuInterface extends NavListItemInterface {
     subMenu: NavListItemType[];
 }
@@ -39,8 +48,8 @@ export interface NavListItemProps {
     children?: React.ReactNode;
     role?: string;
     link?: NavListItemType;
-    layout?: NavListLayout;
     active?: boolean;
-    setRegister?: (name: string) => any;
+    setRegisterButton?: (name: string) => any;
+    setRegisterLink?: (name: string) => any;
 }
 export {};

package/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.d.ts

@@ -0,0 +1,13 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { SingleCharacterInputContainer as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/Default";
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithDefaultError";
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode";
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit";
+import SingleCharacterInputContainer from "@digigov/ui/core/SingleCharacterInputContainer";