@digigov/ui 0.30.2 → 0.31.0

package/core/NavList/__stories__/NavListSecondaryAutoExample.js

@@ -0,0 +1,281 @@
+"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.NavListSecondaryAutoExample = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _NavList = require("@digigov/ui/core/NavList");
+
+var _NavListItemAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto"));
+
+var _FieldContainer = _interopRequireWildcard(require("@digigov/ui/core/FieldContainer"));
+
+var _Hint = _interopRequireDefault(require("@digigov/ui/typography/Hint"));
+
+var _RadioContainer = require("@digigov/ui/core/RadioContainer");
+
+var _SectionBreak = require("@digigov/ui/core/SectionBreak");
+
+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 links = [{
+  name: 'Nav1',
+  label: 'Item list 1',
+  menu: {
+    title: 'This is the first Menu',
+    links: [{
+      name: 'Nav1__Nav1.1',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav1__Nav1.2',
+      label: 'link navigation',
+      href: '?q=item'
+    }]
+  }
+}, {
+  name: 'Nav2',
+  label: 'Item list 2',
+  menu: {
+    title: 'This is the second Menu',
+    links: [{
+      name: 'Nav2__Nav2.1',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav2__Nav2.2',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav2__Nav2.3',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav2__Nav2.4',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav2__Nav2.5',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav2__Nav2.6',
+      label: 'link navigation',
+      href: '?q=item'
+    }, {
+      name: 'Nav2__Nav2.7',
+      label: 'link navigation',
+      href: '?q=item'
+    }]
+  }
+}, {
+  name: 'Nav3',
+  label: 'Item list 3',
+  subMenu: [{
+    name: 'Nav3__Nav3.1',
+    label: 'Item list 4',
+    href: '?q=item4'
+  }, {
+    name: 'Nav3__Nav3.2',
+    label: 'Item list 5',
+    subMenu: [{
+      name: 'Nav3__Nav3.2__Nav3.2.1',
+      label: 'Item list 5.2',
+      menu: {
+        title: 'This is the fifth Menu',
+        links: [{
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.1',
+          label: 'link navigation',
+          href: '?q=item'
+        }, {
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.2',
+          label: 'link navigation',
+          href: '?q=item'
+        }, {
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.3',
+          label: 'link navigation',
+          href: '?q=item'
+        }, {
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.4',
+          label: 'link navigation',
+          href: '?q=item'
+        }, {
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.5',
+          label: 'link navigation',
+          href: '?q=item'
+        }, {
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.6',
+          label: 'link navigation',
+          href: '?q=item'
+        }, {
+          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.7',
+          label: 'link navigation',
+          href: '?q=item'
+        }]
+      }
+    }]
+  }, {
+    name: 'Nav3__Nav3.3',
+    label: 'Item list 6',
+    menu: {
+      title: 'This is the sixth Menu',
+      links: [{
+        name: 'Nav3__Nav3.3__Nav3.3.1',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.2',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.3',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.4',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.5',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.6',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.7',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.8',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.9',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.10',
+        label: 'link navigation',
+        href: '?q=item'
+      }, {
+        name: 'Nav3__Nav3.3__Nav3.3.11',
+        label: 'link navigation',
+        href: '?q=item'
+      }]
+    }
+  }]
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  visible: false,
+  size: "l"
+});
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  id: "name-hint"
+}, "Layout options:");
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  id: "name-hint"
+}, "Bottom border:");
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  id: "name-hint"
+}, "Position fixed:");
+
+var NavListSecondaryAutoExample = function NavListSecondaryAutoExample() {
+  var _useState = (0, _react.useState)('horizontal'),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      layout = _useState2[0],
+      setLayout = _useState2[1];
+
+  var _useState3 = (0, _react.useState)('no'),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      border = _useState4[0],
+      setBorder = _useState4[1];
+
+  var _useState5 = (0, _react.useState)('no'),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      fixed = _useState6[0],
+      setFixed = _useState6[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
+    layout: layout,
+    border: border === 'yes',
+    fixed: fixed === 'yes',
+    links: links,
+    "aria-label": "Nav list"
+  }, links.map(function (item, key) {
+    return /*#__PURE__*/_react["default"].createElement(_NavListItemAuto["default"], {
+      key: key,
+      item: item
+    });
+  })), _ref, /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+    "aria-describedby": "name-hint"
+  }, _ref2, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+    inline: true
+  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+    defaultChecked: layout === 'vertical',
+    name: "changed_display",
+    value: "vertical",
+    onClick: function onClick() {
+      return setLayout('vertical');
+    }
+  }, "Vertical"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+    defaultChecked: layout === 'horizontal',
+    name: "changed_display",
+    value: "horizontal",
+    onClick: function onClick() {
+      return setLayout('horizontal');
+    }
+  }, "Horizontal")), _ref3, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+    inline: true
+  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+    defaultChecked: border === 'yes',
+    name: "changed_border",
+    value: "yes",
+    onClick: function onClick() {
+      return setBorder('yes');
+    }
+  }, "Yes"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+    defaultChecked: border === 'no',
+    name: "changed_border",
+    value: "no",
+    onClick: function onClick() {
+      return setBorder('no');
+    }
+  }, "No")), _ref4, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+    inline: true
+  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+    defaultChecked: fixed === 'yes',
+    name: "changed_position",
+    value: "yes",
+    onClick: function onClick() {
+      return setFixed('yes');
+    }
+  }, "Yes"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+    defaultChecked: fixed === 'no',
+    name: "changed_position",
+    value: "no",
+    onClick: function onClick() {
+      return setFixed('no');
+    }
+  }, "No")))));
+};
+
+exports.NavListSecondaryAutoExample = NavListSecondaryAutoExample;
+var _default = NavListSecondaryAutoExample;
+exports["default"] = _default;

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

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

package/core/NavList/__stories__/NavListVerticalAutoExample.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavListVerticalAutoExample = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NavList = require("@digigov/ui/core/NavList");
+
+var _NavListItemAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto"));
+
+var links = [{
+  name: 'Nav1',
+  label: 'Nav list item 1',
+  href: '#'
+}, {
+  name: 'Nav2',
+  label: 'Nav list item 2',
+  menu: {
+    title: 'This is the first Menu',
+    links: [{
+      name: 'Nav2.1',
+      label: 'link navigation',
+      href: '#'
+    }, {
+      name: 'Nav2.2',
+      label: 'link navigation',
+      href: '#'
+    }, {
+      name: 'Nav2.3',
+      label: 'link navigation',
+      href: '#'
+    }, {
+      name: 'Nav2.4',
+      label: 'link navigation',
+      href: '#'
+    }]
+  }
+}, {
+  name: 'Nav3',
+  label: 'Nav list item 3',
+  href: '#'
+}];
+
+var NavListVerticalAutoExample = function NavListVerticalAutoExample() {
+  var layout = 'vertical';
+  var border = false;
+  return /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
+    layout: layout,
+    border: border,
+    links: links,
+    "aria-label": "Nav list"
+  }, links.map(function (item, key) {
+    return /*#__PURE__*/_react["default"].createElement(_NavListItemAuto["default"], {
+      key: key,
+      item: item
+    });
+  }));
+};
+
+exports.NavListVerticalAutoExample = NavListVerticalAutoExample;
+var _default = NavListVerticalAutoExample;
+exports["default"] = _default;

package/core/NavList/index.d.ts

@@ -1,11 +1,8 @@
 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/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,7 +22,7 @@ Object.keys(_NavListItem).forEach(function (key) {
   });
 });
 
-var _NavListAuto = require("@digigov/ui/core/NavList/NavListAuto");
+var _NavListAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListAuto");
 
 Object.keys(_NavListAuto).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -36,44 +36,16 @@ Object.keys(_NavListAuto).forEach(function (key) {
   });
 });
 
-var _NavListItemAuto = require("@digigov/ui/core/NavList/NavListItemAuto");
+var _NavListContextAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListContextAuto");
 
-Object.keys(_NavListItemAuto).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] === _NavListItemAuto[key]) return;
+  if (key in exports && exports[key] === _NavListContextAuto[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavListItemAuto[key];
-    }
-  });
-});
-
-var _NavListSubMenu = require("@digigov/ui/core/NavList/NavListSubMenu");
-
-Object.keys(_NavListSubMenu).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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavListSubMenu[key];
-    }
-  });
-});
-
-var _NavListContext = require("@digigov/ui/core/NavList/NavListContext");
-
-Object.keys(_NavListContext).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;
-  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[];
 }
@@ -41,6 +50,7 @@ export interface NavListItemProps {
     link?: NavListItemType;
     layout?: NavListLayout;
     active?: boolean;
-    setRegister?: (name: string) => any;
+    setRegisterButton?: (name: string) => any;
+    setRegisterLink?: (name: string) => any;
 }
 export {};

package/core/Tabs/__stories__/Default.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Tabs = require("@digigov/ui/core/Tabs");
 
-var _Title = require("@digigov/ui/typography/Title");
+var _Heading = require("@digigov/ui/typography/Heading");
 
 var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
 
@@ -20,8 +20,8 @@ var _SummaryList = require("@digigov/ui/core/SummaryList");
 
 var _Link = require("@digigov/ui/core/Link");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Title.Title, {
-  size: "md",
+var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "m",
   element: "h3"
 }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7");
 
@@ -29,8 +29,8 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryLis
   href: "#"
 }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, null, ' ', "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))));
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Title.Title, {
-  size: "md",
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "m",
   element: "h3"
 }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2");
 

package/core/Tabs/index.d.ts

@@ -1,6 +1,6 @@
 import Tabs from '@digigov/react-core/Tabs';
-import { UseTogglableSectionsReturn } from '@digigov/ui/hooks/useTogglableSections';
-export interface UseTabsReturn extends UseTogglableSectionsReturn {
+import { UseTogglableTabReturn } from '@digigov/ui/hooks/useTogglableTab';
+export interface UseTabsReturn extends UseTogglableTabReturn {
     panel: (key: string) => {
         active: boolean;
         tabIndex: number;

package/core/Tabs/index.js

@@ -32,7 +32,7 @@ Object.keys(_Tabs).forEach(function (key) {
   });
 });
 
-var _useTogglableSections2 = require("@digigov/ui/hooks/useTogglableSections");
+var _useTogglableTab2 = require("@digigov/ui/hooks/useTogglableTab");
 
 var _TabsList = require("@digigov/react-core/TabsList");
 
@@ -98,8 +98,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var useTabs = function useTabs() {
   var registeredPanels = (0, _react.useRef)({});
   var goTo = (0, _react.useCallback)(function (key) {
-    console.log(registeredPanels.current[key].offsetTop - rest.registered.current[key].offsetTop);
-
     if (registeredPanels.current[key].offsetTop - rest.registered.current[key].offsetTop >= 30) {
       var _registeredPanels$cur;
 
@@ -110,7 +108,7 @@ var useTabs = function useTabs() {
     }
   }, []);
 
-  var _useTogglableSections = (0, _useTogglableSections2.useTogglableSections)({
+  var _useTogglableTab = (0, _useTogglableTab2.useTogglableTab)({
     singleOpen: true,
     toggleProperty: 'selected',
     onToggleProperty: 'onClick',
@@ -118,9 +116,9 @@ var useTabs = function useTabs() {
     ariaNavigation: true,
     toggleHook: goTo
   }),
-      register = _useTogglableSections.register,
-      opened = _useTogglableSections.opened,
-      rest = (0, _objectWithoutProperties2["default"])(_useTogglableSections, _excluded);
+      register = _useTogglableTab.register,
+      opened = _useTogglableTab.opened,
+      rest = (0, _objectWithoutProperties2["default"])(_useTogglableTab, _excluded);
 
   var panel = (0, _react.useCallback)(function (key) {
     return {

package/es/admin/AccessibilityMenu/index.js

@@ -0,0 +1,13 @@
+export * from '@digigov/react-extensions/admin/AccessibilityMenu';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuButton';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuContent';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuHeader';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuBody';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuList';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuListItem';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuOptionButton';
+export * from '@digigov/react-extensions/admin/AccessibilityMenuSteps';
+export * from '@digigov/react-core/AccessibilityIcon';
+export * from '@digigov/react-core/AccessibilityTextIcon';
+import AccessibilityMenu from '@digigov/react-extensions/admin/AccessibilityMenu';
+export default AccessibilityMenu;

package/es/admin/Chip/index.js

@@ -3,5 +3,6 @@ export * from '@digigov/react-extensions/admin/ChipHeading';
 export * from '@digigov/react-extensions/admin/ChipSection';
 export * from '@digigov/react-extensions/admin/ChipSectionHorizontal';
 export * from '@digigov/react-extensions/admin/ChipSectionWrapper';
+export * from '@digigov/react-extensions/admin/ChipKeyValue';
 import Chip from '@digigov/react-extensions/admin/Chip';
 export default Chip;

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
 import { Drawer } from '@digigov/ui/admin/Drawer';
 import { isNavListItemLinkInterface, NavListAuto, NavListItem, NavMenu, NavMenuContainer, NavMenuContainerContent, NavMenuContainerContentList, NavMenuContainerContentListItem, NavMenuContainerTitle } from '@digigov/ui/core/NavList';
-import { useNavList } from "@digigov/ui/hooks/useNavList";
+import { useNavList } from '@digigov/ui/hooks/useNavList';
 import { Title } from '@digigov/ui/typography/Title';
 import { DrawerHeading } from '@digigov/ui/admin/Drawer';
 import { Link } from '@digigov/ui/core';
@@ -64,13 +64,19 @@ export var Default = function Default() {
 
   var _useNavList = useNavList(),
       container = _useNavList.container,
-      register = _useNavList.register;
+      registerButton = _useNavList.registerButton,
+      registerLink = _useNavList.registerLink;
 
-  var setRegister = function setRegister(name) {
-    return _extends({}, register(name));
+  var setRegisterButton = function setRegisterButton(name) {
+    return _extends({}, registerButton(name));
+  };
+
+  var setRegisterLink = function setRegisterLink(name) {
+    return _extends({}, registerLink(name));
   };
 
   var layout = 'vertical';
+  var border = false;
   return /*#__PURE__*/React.createElement(Drawer, {
     direction: "left",
     open: open
@@ -81,8 +87,8 @@ export var Default = function Default() {
   }, _ref), /*#__PURE__*/React.createElement(NavListAuto, {
     layout: layout,
     links: links,
-    "aria-label": "Nav list",
-    role: "menu"
+    border: border,
+    "aria-label": "Nav list"
   }, links.map(function (item, key) {
     var _item$subMenu;
 
@@ -91,7 +97,8 @@ export var Default = function Default() {
     }, /*#__PURE__*/React.createElement(NavListItem, {
       layout: layout,
       link: item,
-      setRegister: setRegister
+      setRegisterButton: setRegisterButton,
+      setRegisterLink: setRegisterLink
     }), /*#__PURE__*/React.createElement(NavMenu, _extends({
       layout: layout
     }, container(item.name)), /*#__PURE__*/React.createElement(NavMenuContainer, {
@@ -101,11 +108,15 @@ export var Default = function Default() {
     }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, {
       layout: layout
     }, item.label), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, {
+      role: "menu",
       layout: layout
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
       return isNavListItemLinkInterface(subMenu) && /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, {
-        key: menuIndex
+        key: menuIndex,
+        role: "presentation"
       }, /*#__PURE__*/React.createElement(Link, {
+        role: "menuitem",
+        id: subMenu.name,
         href: subMenu.href
       }, subMenu.label));
     }))))));