@digigov/ui 0.30.3 → 0.32.0

package/core/ErrorSummary/__stories__/LinkedToField.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _ErrorSummary = require("@digigov/ui/core/ErrorSummary");
 
-var _Title = require("@digigov/ui/typography/Title");
+var _Heading = require("@digigov/ui/typography/Heading");
 
 var _Link = require("@digigov/ui/core/Link");
 
@@ -27,8 +27,8 @@ var _FieldContainer = require("@digigov/ui/core/FieldContainer");
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", {
   className: "example"
-}, /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Title.Title, {
-  size: "sm"
+}, /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "s"
 }, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#passport-date"
 }, "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD.")), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {

package/core/ErrorSummary/__stories__/LinkedToInput.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _ErrorSummary = require("@digigov/ui/core/ErrorSummary");
 
-var _Title = require("@digigov/ui/typography/Title");
+var _Heading = require("@digigov/ui/typography/Heading");
 
 var _Link = require("@digigov/ui/core/Link");
 
@@ -29,8 +29,8 @@ var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
 
 var _ref = /*#__PURE__*/_react["default"].createElement("div", {
   className: "example"
-}, /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Title.Title, {
-  size: "sm"
+}, /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "s"
 }, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#business-name"
 }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {

package/core/Link/__stories__/DarkBackground.js

@@ -15,11 +15,15 @@ var _Masthead = require("@digigov/ui/layouts/Basic/Masthead");
 
 var _SectionBreak = require("@digigov/ui/core/SectionBreak");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Masthead.Masthead, null, /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Masthead.Masthead, null, /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: false
+}), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   "aria-label": "\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr",
   role: "link",
   href: "#"
-}, "govgr link"), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null));
+}, "govgr link"), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: false
+}));
 
 var DarkBackground = function DarkBackground() {
   return _ref;

package/core/Link/__stories__/DarkBackgroundNoUnderline.js

@@ -15,12 +15,16 @@ var _Masthead = require("@digigov/ui/layouts/Basic/Masthead");
 
 var _SectionBreak = require("@digigov/ui/core/SectionBreak");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Masthead.Masthead, null, /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Masthead.Masthead, null, /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: false
+}), /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   "aria-label": "\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr",
   role: "link",
   href: "#",
   underline: false
-}, "govgr link"), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null));
+}, "govgr link"), /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: false
+}));
 
 var DarkBackgroundNoUnderline = function DarkBackgroundNoUnderline() {
   return _ref;

package/core/NavList/NavList.stories.d.ts

@@ -7,7 +7,5 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/core/NavList/__stories__/Default";
-export * from "@digigov/ui/core/NavList/__stories__/NavListAutoExample";
-export * from "@digigov/ui/core/NavList/__stories__/NavListEpathlaExample";
-export * from "@digigov/ui/core/NavList/__stories__/NavHorizontalLayout";
+export * from "@digigov/ui/core/NavList/__stories__/NavVerticalLayout";
 import NavList from "@digigov/ui/core/NavList";

package/core/NavList/NavList.stories.js

@@ -24,44 +24,16 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _NavListAutoExample = require("@digigov/ui/core/NavList/__stories__/NavListAutoExample");
+var _NavVerticalLayout = require("@digigov/ui/core/NavList/__stories__/NavVerticalLayout");
 
-Object.keys(_NavListAutoExample).forEach(function (key) {
+Object.keys(_NavVerticalLayout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListAutoExample[key]) return;
+  if (key in exports && exports[key] === _NavVerticalLayout[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavListAutoExample[key];
-    }
-  });
-});
-
-var _NavListEpathlaExample = require("@digigov/ui/core/NavList/__stories__/NavListEpathlaExample");
-
-Object.keys(_NavListEpathlaExample).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListEpathlaExample[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavListEpathlaExample[key];
-    }
-  });
-});
-
-var _NavHorizontalLayout = require("@digigov/ui/core/NavList/__stories__/NavHorizontalLayout");
-
-Object.keys(_NavHorizontalLayout).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavHorizontalLayout[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavHorizontalLayout[key];
+      return _NavVerticalLayout[key];
     }
   });
 });

package/core/NavList/NavList.stories.playwright.json

@@ -6,26 +6,26 @@
         {
           "actions": [
             {
-              "name": "click",
+              "name": "hover",
               "args": {
                 "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(3)>button"
               }
             }
           ],
-          "id": "WMfgyO3E_9S_",
-          "title": "Open sub menu"
+          "id": "dHQxEQCIJ4bJ",
+          "title": "Hover item"
         },
         {
           "actions": [
             {
-              "name": "hover",
+              "name": "click",
               "args": {
                 "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(3)>button"
               }
             }
           ],
-          "id": "dHQxEQCIJ4bJ",
-          "title": "Hover item"
+          "id": "WMfgyO3E_9S_",
+          "title": "Open sub menu"
         }
       ]
     }

package/core/NavList/{NavListAuto.js → NavListAuto/NavListAuto.js}

@@ -13,26 +13,32 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _NavListContext = require("@digigov/ui/core/NavList/NavListContext");
+var _NavListContextAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListContextAuto");
 
-var _NavListBase = require("@digigov/ui/core/NavList/NavListBase");
+var _NavListBaseAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto");
 
-var _excluded = ["layout", "openSubMenus", "links", "role"];
+var _excluded = ["layout", "border", "fixed", "openSubMenus", "links", "role"];
 
 var NavListAuto = function NavListAuto(_ref) {
   var layout = _ref.layout,
+      border = _ref.border,
+      fixed = _ref.fixed,
       _ref$openSubMenus = _ref.openSubMenus,
       openSubMenus = _ref$openSubMenus === void 0 ? false : _ref$openSubMenus,
       _ref$links = _ref.links,
       links = _ref$links === void 0 ? [] : _ref$links,
       role = _ref.role,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_NavListContext.NavListProvider, {
+  return /*#__PURE__*/_react["default"].createElement(_NavListContextAuto.NavListProviderAuto, {
     openSubMenus: openSubMenus,
     layout: layout,
+    border: border,
+    fixed: fixed,
     links: links
-  }, /*#__PURE__*/_react["default"].createElement(_NavListBase.NavListBase, (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(_NavListBaseAuto.NavListBaseAuto, (0, _extends2["default"])({
     layout: layout,
+    border: border,
+    fixed: fixed,
     role: role
   }, props)));
 };

package/core/NavList/{NavListBase.d.ts → NavListAuto/NavListBaseAuto.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
 import { NavListAutoProps } from '@digigov/ui/core/NavList/types';
-export declare const NavListBase: React.FC<NavListAutoProps>;
+export declare const NavListBaseAuto: React.FC<NavListAutoProps>;

package/core/NavList/{NavListBase.js → NavListAuto/NavListBaseAuto.js}

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NavListBase = void 0;
+exports.NavListBaseAuto = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -19,7 +19,7 @@ var _NavList = _interopRequireDefault(require("@digigov/ui/core/NavList/NavList"
 
 var _excluded = ["className", "children", "floating", "layout", "subMenu", "role"];
 
-var NavListBase = function NavListBase(_ref) {
+var NavListBaseAuto = function NavListBaseAuto(_ref) {
   var className = _ref.className,
       children = _ref.children,
       floating = _ref.floating,
@@ -30,9 +30,9 @@ var NavListBase = function NavListBase(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_Nav["default"], (0, _extends2["default"])({
     open: true,
     layout: layout
-  }, props), /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
-    layout: layout
-  }, children));
+  }, props, {
+    "aria-orientation": layout
+  }), /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, children));
 };
 
-exports.NavListBase = NavListBase;
+exports.NavListBaseAuto = NavListBaseAuto;

package/core/NavList/{NavListContext.d.ts → NavListAuto/NavListContextAuto.d.ts}

@@ -9,6 +9,8 @@ export interface NavLinkInterface {
 }
 export interface NavListContextInterface {
     layout?: NavListLayout;
+    border?: boolean;
+    fixed?: boolean;
     openSubMenus?: boolean;
     showDividers?: boolean;
     links: NavLinkInterface[];
@@ -19,8 +21,9 @@ export interface NavListContextInterface {
         active: boolean;
         id: string;
     };
-    setRegister?: (name: string) => any;
+    setRegisterButton?: (name: string) => any;
+    setRegisterLink?: (name: string) => any;
 }
-export declare const NavListContext: React.Context<NavListContextInterface>;
-export declare const NavListProvider: React.FC<NavListContextInterface>;
-export default NavListContext;
+export declare const NavListContextAuto: React.Context<NavListContextInterface>;
+export declare const NavListProviderAuto: React.FC<NavListContextInterface>;
+export default NavListContextAuto;

package/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js}

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NavListProvider = exports.NavListContext = void 0;
+exports["default"] = exports.NavListProviderAuto = exports.NavListContextAuto = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -21,19 +21,23 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 NavListContext = /*#__PURE__*/(0, _react.createContext)({
+var NavListContextAuto = /*#__PURE__*/(0, _react.createContext)({
   layout: 'horizontal',
+  border: true,
+  fixed: true,
   openSubMenus: false,
   links: [],
   activeLink: {},
   activeSubMenu: []
 });
-exports.NavListContext = NavListContext;
+exports.NavListContextAuto = NavListContextAuto;
 var TRAILING_SLASH = /\/$/gm;
 
-var NavListProvider = function NavListProvider(_ref) {
+var NavListProviderAuto = function NavListProviderAuto(_ref) {
   var children = _ref.children,
       layout = _ref.layout,
+      border = _ref.border,
+      fixed = _ref.fixed,
       _ref$openSubMenus = _ref.openSubMenus,
       openSubMenus = _ref$openSubMenus === void 0 ? false : _ref$openSubMenus,
       _ref$showDividers = _ref.showDividers,
@@ -53,10 +57,15 @@ var NavListProvider = function NavListProvider(_ref) {
 
   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));
   }; // TODO: Cleanup unused props
 
 
@@ -96,21 +105,24 @@ var NavListProvider = function NavListProvider(_ref) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement(NavListContext.Provider, {
+  return /*#__PURE__*/_react["default"].createElement(NavListContextAuto.Provider, {
     value: {
       openSubMenus: openSubMenus,
       layout: layout,
+      border: border,
+      fixed: fixed,
       showDividers: showDividers,
       links: links,
       activeLink: activeLink,
       activeSubMenu: activeSubMenu,
       onSubMenuActive: onSubMenuActive,
       container: container,
-      setRegister: setRegister
+      setRegisterButton: setRegisterButton,
+      setRegisterLink: setRegisterLink
     }
   }, children);
 };
 
-exports.NavListProvider = NavListProvider;
-var _default = NavListContext;
+exports.NavListProviderAuto = NavListProviderAuto;
+var _default = NavListContextAuto;
 exports["default"] = _default;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface NavListItemAnchorAutoProps {
+    name: string;
+    href?: string;
+    active?: boolean;
+    children?: React.ReactNode;
+}
+export declare const NavListItemAnchorAuto: React.FC<NavListItemAnchorAutoProps>;
+export default NavListItemAnchorAuto;

package/core/NavList/{NavListSubMenu.js → NavListAuto/NavListItemAnchorAuto.js}

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NavListSubMenu = void 0;
+exports["default"] = exports.NavListItemAnchorAuto = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,36 +15,37 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _NavListBase = require("@digigov/ui/core/NavList/NavListBase");
+var _NavListItemLink = require("@digigov/ui/core/NavList/NavListItemLink");
 
-var _NavListItemBase = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListItemBase"));
+var _NavListContextAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListContextAuto"));
 
-var _NavListContext = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListContext"));
+var _NavListItem = _interopRequireDefault(require("@digigov/react-core/NavListItem"));
 
-var _excluded = ["links"];
+var _excluded = ["name", "href", "active", "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 NavListSubMenu = function NavListSubMenu(_ref) {
-  var links = _ref.links,
+var NavListItemAnchorAuto = function NavListItemAnchorAuto(_ref) {
+  var _container;
+
+  var name = _ref.name,
+      href = _ref.href,
+      active = _ref.active,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
-  var _useContext = (0, _react.useContext)(_NavListContext["default"]),
-      layout = _useContext.layout;
-
-  return /*#__PURE__*/_react["default"].createElement(_NavListBase.NavListBase, (0, _extends2["default"])({
-    subMenu: true,
-    floating: layout === 'horizontal'
-  }, props), links && links.map(function (subMenuLink, key) {
-    return /*#__PURE__*/_react["default"].createElement(_NavListItemBase["default"], {
-      key: key,
-      item: subMenuLink
-    });
-  }));
+  var _useContext = (0, _react.useContext)(_NavListContextAuto["default"]),
+      container = _useContext.container,
+      setRegisterLink = _useContext.setRegisterLink;
+
+  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], null, setRegisterLink && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
+    href: href,
+    active: active || container && ((_container = container(name)) === null || _container === void 0 ? void 0 : _container.active)
+  }, props, setRegisterLink(name)), children));
 };
 
-exports.NavListSubMenu = NavListSubMenu;
-var _default = NavListSubMenu;
+exports.NavListItemAnchorAuto = NavListItemAnchorAuto;
+var _default = NavListItemAnchorAuto;
 exports["default"] = _default;

package/core/NavList/{NavListItemAuto.js → NavListAuto/NavListItemAuto.js}

@@ -9,19 +9,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.NavListItemAuto = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _SectionBreak = _interopRequireDefault(require("@digigov/react-core/SectionBreak"));
 
-var _NavListItemBase = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListItemBase"));
+var _NavListContextAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListContextAuto"));
+
+var _NavListItemAnchorAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemAnchorAuto"));
 
-var _NavListSubMenu = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListSubMenu"));
+var _NavListItemButtonAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemButtonAuto"));
 
-var _NavListContext = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListContext"));
+var _NavListItem = require("@digigov/ui/core/NavList/NavListItem");
 
 var _excluded = ["item", "children", "role"];
 
@@ -29,35 +29,33 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _ref3 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
 
 var NavListItemAuto = function NavListItemAuto(_ref) {
+  var _container;
+
   var item = _ref.item,
       children = _ref.children,
       role = _ref.role,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
-  var _useContext = (0, _react.useContext)(_NavListContext["default"]),
+  var _useContext = (0, _react.useContext)(_NavListContextAuto["default"]),
       layout = _useContext.layout,
       showDividers = _useContext.showDividers,
-      links = _useContext.links,
       container = _useContext.container,
-      setRegister = _useContext.setRegister;
-
-  var _ref2 = links.find(function (link) {
-    return link.name === item.name;
-  }) || {},
-      subMenu = _ref2.subMenu;
+      setRegisterButton = _useContext.setRegisterButton;
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavListItemBase["default"], (0, _extends2["default"])({
-    container: container,
-    setRegister: setRegister,
+  var itemName = item !== null && item !== void 0 && item.name ? item.name : item === null || item === void 0 ? void 0 : item.label;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children ? /*#__PURE__*/_react["default"].createElement(_NavListItem.NavListItem, props, children) : item !== null && item !== void 0 && item.menu || item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListItemButtonAuto["default"], {
     item: item,
-    layout: layout,
-    role: role
-  }, props), subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && /*#__PURE__*/_react["default"].createElement(_NavListSubMenu["default"], {
-    links: subMenu
-  })), showDividers && _ref3);
+    name: itemName,
+    active: container && ((_container = container(itemName)) === null || _container === void 0 ? void 0 : _container.active),
+    onSelect: setRegisterButton,
+    layout: layout
+  }, item === null || item === void 0 ? void 0 : item.label) : /*#__PURE__*/_react["default"].createElement(_NavListItemAnchorAuto["default"], {
+    href: item === null || item === void 0 ? void 0 : item.href,
+    name: itemName
+  }, item === null || item === void 0 ? void 0 : item.label), showDividers && _ref2);
 };
 
 exports.NavListItemAuto = NavListItemAuto;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { NavListLayout } from '@digigov/ui/core/NavList/types';
+interface NavListItemButtonAutoProps {
+    item?: any;
+    name: string;
+    active?: boolean;
+    onSelect?: (name: string) => any;
+    layout?: NavListLayout;
+    children?: React.ReactNode;
+}
+export declare const NavListItemButtonAuto: React.FC<NavListItemButtonAutoProps>;
+export default NavListItemButtonAuto;

package/core/NavList/NavListAuto/NavListItemButtonAuto.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavListItemButtonAuto = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NavListItemButton = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListItemButton"));
+
+var _NavListSubMenuAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto"));
+
+var _NavListMenuAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListMenuAuto"));
+
+var _NavListItem = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListItem"));
+
+var NavListItemButtonAuto = function NavListItemButtonAuto(_ref) {
+  var _item$menu, _item$menu2;
+
+  var item = _ref.item,
+      name = _ref.name,
+      active = _ref.active,
+      onSelect = _ref.onSelect,
+      layout = _ref.layout,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onSelect && /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], null, /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], (0, _extends2["default"])({
+    active: active
+  }, onSelect(name)), children)), item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListSubMenuAuto["default"], {
+    items: item === null || item === void 0 ? void 0 : item.subMenu,
+    open: active,
+    layout: layout
+  }) : /*#__PURE__*/_react["default"].createElement(_NavListMenuAuto["default"], {
+    subMenu: item === null || item === void 0 ? void 0 : (_item$menu = item.menu) === null || _item$menu === void 0 ? void 0 : _item$menu.links,
+    title: item === null || item === void 0 ? void 0 : (_item$menu2 = item.menu) === null || _item$menu2 === void 0 ? void 0 : _item$menu2.title,
+    active: active,
+    layout: layout,
+    id: name
+  }));
+};
+
+exports.NavListItemButtonAuto = NavListItemButtonAuto;
+var _default = NavListItemButtonAuto;
+exports["default"] = _default;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { NavListLayout } from '@digigov/ui/core/NavList/types';
+interface NavListMenuAutoProps {
+    layout?: NavListLayout;
+    title?: string;
+    active?: boolean;
+    subMenu?: any[];
+    id?: string;
+}
+export declare const NavListMenuAuto: React.FC<NavListMenuAutoProps>;
+export default NavListMenuAuto;