@digigov/ui 0.31.0 → 0.32.0

package/src/core/NavList/NavMenuContainerContentList.tsx

@@ -34,13 +34,11 @@ const focusNavListItem = (e, nextItemIndex) => {
 };
 
 export const NavMenuContainerContentList: React.FC<NavMenuContainerContentListProps> = ({
-  layout,
   children,
   ...props
 }) => {
   return (
     <NavMenuContainerContentListWrapper
-      layout={layout}
       {...props}
       onKeyDown={(event) => {
         switch (event.key) {

package/src/core/NavList/__stories__/Default.tsx

@@ -45,7 +45,7 @@ const links = [
 ];
 
 export const Default = () => {
-  const layout = 'vertical';
+  const layout = 'horizontal';
   const border = false;
   const { container, registerButton, registerLink } = useNavList();
 
@@ -59,11 +59,10 @@ export const Default = () => {
 
   return (
     <Nav open={true} layout={layout} border={border} aria-orientation={layout}>
-      <NavList layout={layout}>
+      <NavList>
         {links.map((item, key) => (
           <React.Fragment key={key}>
             <NavListItem
-              layout={layout}
               link={item}
               setRegisterButton={setRegisterButton}
               setRegisterLink={setRegisterLink}
@@ -74,11 +73,9 @@ export const Default = () => {
                 paddingLeft={5}
                 paddingRight={5}
               >
-                <NavMenuContainerTitle layout={layout}>
-                  {item.label}
-                </NavMenuContainerTitle>
+                <NavMenuContainerTitle>{item.label}</NavMenuContainerTitle>
                 <NavMenuContainerContent>
-                  <NavMenuContainerContentList role="menu" layout={layout}>
+                  <NavMenuContainerContentList role="menu">
                     {item.subMenu?.map((subMenu, menuIndex) => {
                       return (
                         isNavListItemLinkInterface(subMenu) && (

package/src/core/NavList/__stories__/{NavHorizontalLayout.tsx → NavVerticalLayout.tsx}

@@ -40,9 +40,9 @@ const links = [
   { name: 'Nav3', href: '#', label: 'Nav list item 3' },
 ];
 
-export const NavHorizontalLayout = () => {
-  const layout = 'horizontal';
-  const border = true;
+export const NavVerticalLayout = () => {
+  const layout = 'vertical';
+  const border = false;
   const { container, registerButton, registerLink } = useNavList();
 
   const setRegisterButton = (name: string) => {
@@ -55,11 +55,10 @@ export const NavHorizontalLayout = () => {
 
   return (
     <Nav open={true} layout={layout} border={border}>
-      <NavList layout={layout}>
+      <NavList>
         {links.map((item, key) => (
           <React.Fragment key={key}>
             <NavListItem
-              layout={layout}
               link={item}
               setRegisterButton={setRegisterButton}
               setRegisterLink={setRegisterLink}
@@ -70,11 +69,9 @@ export const NavHorizontalLayout = () => {
                 paddingLeft={5}
                 paddingRight={5}
               >
-                <NavMenuContainerTitle layout={layout}>
-                  {item.label}
-                </NavMenuContainerTitle>
+                <NavMenuContainerTitle>{item.label}</NavMenuContainerTitle>
                 <NavMenuContainerContent>
-                  <NavMenuContainerContentList role="menu" layout={layout}>
+                  <NavMenuContainerContentList role="menu">
                     {item.subMenu?.map((subMenu, menuIndex) => {
                       return (
                         isNavListItemLinkInterface(subMenu) && (
@@ -104,4 +101,4 @@ export const NavHorizontalLayout = () => {
   );
 };
 
-export default NavHorizontalLayout;
+export default NavVerticalLayout;

package/src/core/NavList/index.tsx

@@ -1,4 +1,5 @@
 export * from '@digigov/ui/core/NavList/NavListItem';
+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';

package/src/core/NavList/types.tsx

@@ -72,7 +72,6 @@ export interface NavListItemProps {
   children?: React.ReactNode;
   role?: string;
   link?: NavListItemType;
-  layout?: NavListLayout;
   active?: boolean;
   setRegisterButton?: (name: string) => any;
   setRegisterLink?: (name: string) => any;

package/src/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js

@@ -0,0 +1,13 @@
+import SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
+export default {
+  title: 'Digigov UI/core/SingleCharacterInputContainer',
+  description:
+    'Use the One-time password input component to help users enter a memorable digital character for One-time password.',
+  link: 'https://guide.services.gov.gr/docs/patterns/one-time-password',
+  component: SingleCharacterInputContainer,
+  displayName: 'SingleCharacterInputContainer',
+};
+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';

package/src/core/SingleCharacterInputContainer/__stories__/Default.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+import {
+  SingleCharacterInputContainer,
+  SingleCharacterInputItem,
+} from '@digigov/ui/core/SingleCharacterInputContainer';
+
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend,
+} from '@digigov/ui/core/FieldContainer';
+
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+
+export const Default = () => (
+  <FieldContainer>
+    <Fieldset>
+      <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>
+      <Paragraph>
+        Εισάγετε τον μοναδικό κωδικό που λάβατε στο ηλεκτρονικό σας ταχυδρομείο
+      </Paragraph>
+      <SingleCharacterInputContainer>
+        <SingleCharacterInputItem name="first-digit" value={4} />
+        <SingleCharacterInputItem name="second-digit" value={4} />
+        <SingleCharacterInputItem name="third-digit" value={5} />
+        <SingleCharacterInputItem name="forth-digit" value={1} />
+        <SingleCharacterInputItem name="fifth-digit" value={2} />
+        <SingleCharacterInputItem name="sixth-digit" value={3} />
+      </SingleCharacterInputContainer>
+    </Fieldset>
+  </FieldContainer>
+);
+
+export default Default;

package/src/core/SingleCharacterInputContainer/__stories__/WithDefaultError.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import {
+  SingleCharacterInputContainer,
+  SingleCharacterInputItem,
+} from '@digigov/ui/core/SingleCharacterInputContainer';
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend,
+} from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+export const WithDefaultError = () => (
+  <FieldContainer error>
+    <Fieldset>
+      <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>
+      <Paragraph>
+        Εισάγετε τον μοναδικό κωδικό που λάβατε στο ηλεκτρονικό σας ταχυδρομείο
+      </Paragraph>
+      <ErrorMessage>
+        <VisuallyHidden>Λάθος:</VisuallyHidden>
+        Το πεδίο είναι υποχρεωτικό.
+      </ErrorMessage>
+      <SingleCharacterInputContainer>
+        <SingleCharacterInputItem name="first-digit" error />
+        <SingleCharacterInputItem name="second-digit" error />
+        <SingleCharacterInputItem name="third-digit" error />
+        <SingleCharacterInputItem name="forth-digit" error />
+        <SingleCharacterInputItem name="fifth-digit" error />
+        <SingleCharacterInputItem name="sixth-digit" error />
+      </SingleCharacterInputContainer>
+    </Fieldset>
+  </FieldContainer>
+);
+
+export default WithDefaultError;

package/src/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import {
+  SingleCharacterInputContainer,
+  SingleCharacterInputItem,
+} from '@digigov/ui/core/SingleCharacterInputContainer';
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend,
+} from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+export const WithErrorMessageInvalidCode = () => (
+  <FieldContainer error>
+    <Fieldset>
+      <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>
+      <Paragraph>
+        Εισάγετε τον μοναδικό κωδικό που λάβατε στο ηλεκτρονικό σας ταχυδρομείο
+      </Paragraph>
+      <ErrorMessage>
+        <VisuallyHidden>Λάθος:</VisuallyHidden>
+        Έχετε εισάγει λάθος κωδικό.
+      </ErrorMessage>
+      <SingleCharacterInputContainer>
+        <SingleCharacterInputItem name="first-digit" value={4} error />
+        <SingleCharacterInputItem name="second-digit" value={4} error />
+        <SingleCharacterInputItem name="third-digit" value={5} error />
+        <SingleCharacterInputItem name="forth-digit" value={1} error />
+        <SingleCharacterInputItem name="fifth-digit" value={2} error />
+        <SingleCharacterInputItem name="sixth-digit" value={3} error />
+      </SingleCharacterInputContainer>
+    </Fieldset>
+  </FieldContainer>
+);
+
+export default WithErrorMessageInvalidCode;

package/src/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import {
+  SingleCharacterInputContainer,
+  SingleCharacterInputItem,
+} from '@digigov/ui/core/SingleCharacterInputContainer';
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend,
+} from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+export const WithErrorMessageLessDigit = () => (
+  <FieldContainer error>
+    <Fieldset>
+      <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>
+      <Paragraph>
+        Εισάγετε τον μοναδικό κωδικό που λάβατε στο ηλεκτρονικό σας ταχυδρομείο
+      </Paragraph>
+      <ErrorMessage>
+        <VisuallyHidden>Λάθος:</VisuallyHidden>
+        Έχετε συμπληρώσει λιγότερα από 6 ψηφία..
+      </ErrorMessage>
+      <SingleCharacterInputContainer>
+        <SingleCharacterInputItem name="first-digit" value="6" />
+        <SingleCharacterInputItem name="second-digit" value="4" />
+        <SingleCharacterInputItem name="third-digit" value="5" />
+        <SingleCharacterInputItem name="forth-digit" error />
+        <SingleCharacterInputItem name="fifth-digit" error />
+        <SingleCharacterInputItem name="sixth-digit" error />
+      </SingleCharacterInputContainer>
+    </Fieldset>
+  </FieldContainer>
+);
+
+export default WithErrorMessageLessDigit;

package/src/core/SingleCharacterInputContainer/index.mdx

@@ -0,0 +1,29 @@
+---
+id: otp-input
+title: SingleCharacterInputContainer
+---
+
+# SingleCharacterInputItem
+
+```bash
+import SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
+```
+
+## How to use
+
+<Story
+  packageName="@digigov/ui"
+  component="core/SingleCharacterInputContainer"
+  story="Default.tsx"
+/>
+
+
+### Error message
+
+If you’re highlighting the whole date, style all the fields like this:
+
+<Story
+  packageName="@digigov/ui"
+  component="core/SingleCharacterInputContainer"
+  story="WithDefaultError.tsx"
+/>

package/src/core/SingleCharacterInputContainer/index.tsx

@@ -0,0 +1,4 @@
+export * from '@digigov/react-core/SingleCharacterInputContainer';
+export * from '@digigov/react-core/SingleCharacterInputItem';
+import SingleCharacterInputContainer from '@digigov/react-core/SingleCharacterInputContainer';
+export default SingleCharacterInputContainer;

package/src/locales/el.ts

@@ -33,6 +33,10 @@ export default {
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}',
       },
+      otp: {
+        invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
+        less_than: 'Έχετε συμπληρώσει λιγότερα από {{maxLength}} ψηφία.',
+      },
     },
   },
   button: {

package/src/registry.js

@@ -123,6 +123,7 @@ import * as _digigov_ui_core_RadioContainer from '@digigov/ui/core/RadioContaine
 import * as _digigov_ui_core_SectionBreak from '@digigov/ui/core/SectionBreak';
 import * as _digigov_ui_core_SelectContainer from '@digigov/ui/core/SelectContainer';
 import * as _digigov_ui_core_ServiceBadge from '@digigov/ui/core/ServiceBadge';
+import * as _digigov_ui_core_SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
 import * as _digigov_ui_core_SkipLink from '@digigov/ui/core/SkipLink';
 import * as _digigov_ui_core_SummaryList from '@digigov/ui/core/SummaryList';
 import * as _digigov_ui_core_SvgIcon from '@digigov/ui/core/SvgIcon';
@@ -337,6 +338,7 @@ export default {
   '@digigov/ui/core/SectionBreak': lazyImport(_digigov_ui_core_SectionBreak),
   '@digigov/ui/core/SelectContainer': lazyImport(_digigov_ui_core_SelectContainer),
   '@digigov/ui/core/ServiceBadge': lazyImport(_digigov_ui_core_ServiceBadge),
+  '@digigov/ui/core/SingleCharacterInputContainer': lazyImport(_digigov_ui_core_SingleCharacterInputContainer),
   '@digigov/ui/core/SkipLink': lazyImport(_digigov_ui_core_SkipLink),
   '@digigov/ui/core/SummaryList': lazyImport(_digigov_ui_core_SummaryList),
   '@digigov/ui/core/SvgIcon': lazyImport(_digigov_ui_core_SvgIcon),
@@ -447,6 +449,7 @@ import * as _digigov_ui_core_NotificationBanner_NotificationBanner_stories from
 import * as _digigov_ui_core_PhaseBanner_PhaseBanner_stories from '@digigov/ui/core/PhaseBanner/PhaseBanner.stories';
 import * as _digigov_ui_core_RadioContainer_RadioContainer_stories from '@digigov/ui/core/RadioContainer/RadioContainer.stories';
 import * as _digigov_ui_core_SelectContainer_Select_stories from '@digigov/ui/core/SelectContainer/Select.stories';
+import * as _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories from '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories';
 import * as _digigov_ui_core_SummaryList_SummaryList_stories from '@digigov/ui/core/SummaryList/SummaryList.stories';
 import * as _digigov_ui_core_Table_Table_stories from '@digigov/ui/core/Table/Table.stories';
 import * as _digigov_ui_core_Tabs_Tabs_stories from '@digigov/ui/core/Tabs/Tabs.stories';
@@ -501,6 +504,7 @@ import * as _digigov_ui_typography_Paragraph_Paragraph_stories from '@digigov/ui
   '@digigov/ui/core/PhaseBanner/PhaseBanner.stories': _digigov_ui_core_PhaseBanner_PhaseBanner_stories,
   '@digigov/ui/core/RadioContainer/RadioContainer.stories': _digigov_ui_core_RadioContainer_RadioContainer_stories,
   '@digigov/ui/core/SelectContainer/Select.stories': _digigov_ui_core_SelectContainer_Select_stories,
+  '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories,
   '@digigov/ui/core/SummaryList/SummaryList.stories': _digigov_ui_core_SummaryList_SummaryList_stories,
   '@digigov/ui/core/Table/Table.stories': _digigov_ui_core_Table_Table_stories,
   '@digigov/ui/core/Tabs/Tabs.stories': _digigov_ui_core_Tabs_Tabs_stories,

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

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

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

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

package/core/NavList/__stories__/NavListEpathlaExample.js

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NavListEpathlaExample = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _NavList = require("@digigov/ui/core/NavList");
-
-var _useNavList2 = require("@digigov/ui/hooks/useNavList");
-
-var _core = require("@digigov/ui/core");
-
-var LANG = 'el';
-var DEFAULT_HREF_FLAG = true;
-var epathlaLinks = [{
-  name: 'index',
-  href: DEFAULT_HREF_FLAG ? '#index' : "/".concat(LANG),
-  label: 'Αρχική'
-}, {
-  name: 'epathla',
-  label: 'Ε.Π.ΑΘΛ.Α',
-  subMenu: [{
-    name: 'epathla/aim',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/aim"),
-    label: 'Σκοπός'
-  }, {
-    name: 'epathla/structure',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/structure"),
-    label: 'Δομή'
-  }, {
-    name: 'epathla/members',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/members"),
-    label: 'Συγκρότηση'
-  }, {
-    name: 'epathla/wording-groups',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/working-groups"),
-    label: 'Ομάδες εργασίας'
-  }]
-}, {
-  name: 'sport-manipulation',
-  label: 'Χειραγώγηση Αγώνων',
-  subMenu: [{
-    name: 'sport-manipulation/macolin',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/macolin"),
-    label: 'Σύμβαση Macolin'
-  }, {
-    name: 'sport-manipulation/terminology',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/terminology"),
-    label: 'Ορολογία'
-  }, {
-    name: 'sport-manipulation/typology',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/typology"),
-    label: 'Τυπολογία'
-  }, {
-    name: 'sport-manipulation/law',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/law"),
-    label: 'Νομοθεσία'
-  }, {
-    name: 'sport-manipulation/documents',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/documents"),
-    label: 'Κείμενα αναφοράς διεθνών οργανισμών'
-  }]
-}, {
-  name: 'educational-material',
-  label: 'Εκπαιδευτικό υλικό',
-  subMenu: [{
-    name: 'educational-material/videos',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/videos"),
-    label: 'Βίντεο'
-  }, {
-    name: 'educational-material/presentations',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/presentations"),
-    label: 'Παρουσιάσεις'
-  }, {
-    name: 'educational-material/other-texts',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/other-texts"),
-    label: 'Άλλα κείμενα'
-  }]
-}, {
-  name: 'news',
-  href: DEFAULT_HREF_FLAG ? '#news' : "/".concat(LANG, "/news"),
-  label: 'Νέα'
-}, {
-  name: 'send-report',
-  href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/send-report"),
-  label: 'Προστάτεψε το άθλημά σου'
-}, {
-  name: 'links',
-  href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/links"),
-  label: 'Σύνδεσμοι'
-}, {
-  name: 'contact',
-  href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/contact"),
-  label: 'Επικοινωνία'
-}];
-
-var NavListEpathlaExample = function NavListEpathlaExample() {
-  var _useNavList = (0, _useNavList2.useNavList)(),
-      container = _useNavList.container,
-      registerButton = _useNavList.registerButton,
-      registerLink = _useNavList.registerLink;
-
-  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(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
-    layout: 'horizontal',
-    links: epathlaLinks,
-    "aria-label": "Nav list"
-  }, epathlaLinks.map(function (item, key) {
-    var _container, _item$subMenu;
-
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-      key: key
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
-      link: item,
-      setRegisterButton: setRegisterButton,
-      setRegisterLink: setRegisterLink
-    }), (item === null || item === void 0 ? void 0 : item.subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenu, (0, _extends2["default"])({}, container(item.name), {
-      "aria-expanded": (_container = container(item.name)) === null || _container === void 0 ? void 0 : _container.active
-    }), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainer, {
-      paddingLeft: 5,
-      paddingRight: 5
-    }, /*#__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,
-        role: "presentation"
-      }, /*#__PURE__*/_react["default"].createElement(_core.Link, {
-        role: "menuitem",
-        id: "".concat(item.name, "-").concat(menuIndex),
-        href: subMenu.href
-      }, subMenu.label));
-    }))))));
-  })));
-};
-
-exports.NavListEpathlaExample = NavListEpathlaExample;
-var _default = NavListEpathlaExample;
-exports["default"] = _default;

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

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

package/core/NavList/__stories__/NavListHorizontalAutoExample.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NavListHorizontalAutoExample = 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 NavListHorizontalAutoExample = function NavListHorizontalAutoExample() {
-  var layout = 'horizontal';
-  var border = true;
-  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.NavListHorizontalAutoExample = NavListHorizontalAutoExample;
-var _default = NavListHorizontalAutoExample;
-exports["default"] = _default;

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

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